@jala-banyu/theme - npm Package Compare versions

Comparing version 1.4.5 to 1.4.6

dist/components/index.d.ts

@@ -24,3 +24,4 @@ export { AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './avatar.js';
 export { SelectSlots, SelectVariantProps, select } from './select.js';
-export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './menu.js';
+export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menu, menuItem, menuSection } from './menu.js';
+export { listboxSection } from './listbox.js';
 export { ScrollShadowVariantProps, scrollShadow } from './scroll-shadow.js';
@@ -27,0 +28,0 @@ export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './breadcrumbs.js';

dist/components/listbox.d.ts

@@ -1,3 +0,81 @@
-export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection } from './menu.js';
-import 'tailwind-variants/dist/config';
-import 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as tailwind_variants from 'tailwind-variants';
+export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, menu as listbox, menuItem as listboxItem } from './menu.js';
+
+/**
+ * Listbox section wrapper **Tailwind Variants** component
+ *
+ * const { base, section, heading } = listboxSection({...})
+ *
+ * @example
+ * <div className={base()}>
+ *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
+ *  <div className={section()}>
+ *    // menu content
+ *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
+ *  </div>
+ * </div>
+ */
+declare const listboxSection: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+
+export { listboxSection };

dist/components/listbox.js

@@ -25,3 +25,3 @@ "use strict";
   listboxItem: () => menuItem,
-  listboxSection: () => menuSection
+  listboxSection: () => listboxSection
 });
@@ -128,3 +128,3 @@ module.exports = __toCommonJS(listbox_exports);
   slots: {
-    base: "w-full relative flex flex-col gap-1 py-1",
+    base: "w-full relative flex flex-col",
     list: "w-full flex flex-col outline-none",
@@ -251,2 +251,12 @@ emptyContent: [
     base: "relative",
+    heading: "text-sm font-semibold text-neutral-800 w-full",
+    group: "[&>li]:px-3",
+    divider: ""
+  }
+});
+
+// src/components/listbox.ts
+var listboxSection = tv({
+  slots: {
+    base: "relative",
     heading: "pl-4 py-2 text-sm font-semibold text-neutral-800 w-full bg-neutral-100",
@@ -253,0 +263,0 @@ group: "data-[has-title=true]:pt-1 [&>li]:px-6",

dist/components/menu.js

@@ -127,3 +127,3 @@ "use strict";
   slots: {
-    base: "w-full relative flex flex-col gap-1 py-1",
+    base: "w-full relative flex flex-col",
     list: "w-full flex flex-col outline-none",
@@ -250,4 +250,4 @@ emptyContent: [
     base: "relative",
-    heading: "pl-4 py-2 text-sm font-semibold text-neutral-800 w-full bg-neutral-100",
-    group: "data-[has-title=true]:pt-1 [&>li]:px-6",
+    heading: "text-sm font-semibold text-neutral-800 w-full",
+    group: "[&>li]:px-3",
     divider: ""
@@ -254,0 +254,0 @@ }

dist/components/select.d.ts

@@ -35,14 +35,23 @@ import * as tailwind_variants from 'tailwind-variants';
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -181,14 +190,23 @@ };
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -310,14 +328,23 @@ };
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -439,14 +466,23 @@ };
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -585,14 +621,23 @@ };
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -731,14 +776,23 @@ };
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -860,14 +914,23 @@ };
             trigger: string;
+            popoverContent: string;
         };
         sm: {
             trigger: string;
+            popoverContent: string;
         };
         md: {
             trigger: string;
+            popoverContent: string;
         };
         lg: {
             trigger: string;
+            popoverContent: string;
         };
+        xl: {
+            trigger: string;
+            popoverContent: string;
+        };
         full: {
             trigger: string;
+            popoverContent: string;
         };
@@ -874,0 +937,0 @@ };

dist/components/select.js

@@ -149,4 +149,4 @@ "use strict";
       "relative",
-      "px-3",
-      "gap-3",
+      "px-2",
+      "gap-2",
       "w-full",
@@ -161,3 +161,3 @@ "inline-flex",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border text-neutral-800 text-lg",
-    selectorIcon: "absolute right-3 w-unit-6 h-unit-6",
+    selectorIcon: "absolute right-2 w-unit-6 h-unit-6",
     spinner: "absolute right-3",
@@ -174,3 +174,3 @@ value: [
     listbox: "rounded-none",
-    popoverContent: "w-full p-0 overflow-hidden min-w-dvw md:min-w-[320px]",
+    popoverContent: "flex w-full p-0 overflow-hidden min-w-dvw md:min-w-[320px]",
     helperWrapper: "p-1 flex relative flex-col gap-1.5",
@@ -227,15 +227,24 @@ description: "z-0 text-xs text-neutral-400",
       none: {
-        trigger: "rounded-none"
+        trigger: "rounded-none",
+        popoverContent: "rounded-none"
       },
       sm: {
-        trigger: "rounded-sm"
+        trigger: "rounded-sm",
+        popoverContent: "rounded-sm"
       },
       md: {
-        trigger: "rounded-md"
+        trigger: "rounded-md",
+        popoverContent: "rounded-md"
       },
       lg: {
-        trigger: "rounded-lg"
+        trigger: "rounded-lg",
+        popoverContent: "rounded-lg"
       },
+      xl: {
+        trigger: "rounded-xl",
+        popoverContent: "rounded-xl"
+      },
       full: {
-        trigger: "rounded-full"
+        trigger: "rounded-full",
+        popoverContent: "rounded-xl"
       }
@@ -242,0 +251,0 @@ },

dist/index.d.ts

@@ -24,3 +24,4 @@ export { AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './components/avatar.js';
 export { SelectSlots, SelectVariantProps, select } from './components/select.js';
-export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.js';
+export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menu, menuItem, menuSection } from './components/menu.js';
+export { listboxSection } from './components/listbox.js';
 export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.js';
@@ -27,0 +28,0 @@ export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './components/breadcrumbs.js';

package.json

 {
   "name": "@jala-banyu/theme",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "Banyu theme",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1797045

increased by0.61%

Lines of code

58654

increased by0.38%

No dependency changes