@soybeanjs/ui 0.15.0-beta.2 → 0.15.0-beta.3

package/dist/components/menubar/menubar.vue.d.ts

@@ -7,6 +7,7 @@ import { DefinedValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenubarProps<T> & {
     onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -14,7 +15,6 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/navigation-menu/navigation-menu.vue.d.ts

@@ -29,20 +29,20 @@ declare const __VLS_base: _$vue.DefineComponent<NavigationMenuProps, {}, {}, {},
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
+  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
-  "update:modelValue": (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/navigation-menu/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative z-2`,viewportRoot:`perspective-2000px absolute top-full left-0 flex w-auto justify-center group-data-[orientation=vertical]:top-0 group-data-[orientation=vertical]:left-full`,viewport:[`origin-top-center relative overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg`,`h-[--soybean-navigation-menu-viewport-height] w-[--soybean-navigation-menu-viewport-width]`,`data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95`,`group-data-[orientation=vertical]:mt-0`],content:[`left-0 top-0 w-full md:absolute md:w-auto`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`],arrow:`relative top-70% rotate-45 border border-border bg-background rounded-0.5`,list:[`group grow flex items-center justify-center my-0 list-none`,`group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:items-stretch`],subList:`grid grid-cols-[auto_auto] list-none my-0`,item:`list-none m-0`,subItem:`list-none m-0`,itemIcon:`shrink-0 text-muted-foreground`,trigger:[`group inline-flex items-center rounded-md bg-background font-medium transition-colors-200 decoration-none`,`hover:bg-accent hover:text-accent-foreground`,`focus:bg-accent focus:text-accent-foreground focus:outline-none`,`disabled:pointer-events-none disabled:opacity-50`,`data-[active]:bg-accent/50`,`data-[state=open]:bg-accent/50`],subItemContent:`flex items-start rounded-md outline-none cursor-default select-none`,triggerIcon:`ml-auto transition duration-200 group-data-[state=open]:rotate-180`,indicator:[`absolute top-full z-2 flex mt-0.25 w-[--soybean-navigation-menu-indicator-size] items-end justify-center overflow-hidden transition-transform-200 ease-out translate-x-[--soybean-navigation-menu-indicator-position]`,`data-[state=visible]:animate-in data-[state=visible]:fade-in-0 data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0`,`group-data-[orientation=vertical]:top-[calc(var(--soybean-navigation-menu-indicator-size)/2)] group-data-[orientation=vertical]:left-full`,`group-data-[orientation=vertical]:translate-y-[--soybean-navigation-menu-indicator-position]`,`group-data-[orientation=vertical]:-rotate-90`,`group-data-[orientation=vertical]:mt-0`],link:[`group relative w-full flex items-center rounded-md font-medium outline-none cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],subLink:[`flex items-start select-none rounded-md no-underline outline-none transition-colors-200 cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],linkIcon:`shrink-0 self-start text-muted-foreground`,subLinkContent:`grow flex flex-col items-start`,subLinkLabel:`font-medium leading-none`,subLinkDescription:`line-clamp-2 text-muted-foreground leading-snug m-0`},variants:{size:{xs:{viewport:`mt-1.75 group-data-[orientation=vertical]:ml-1.75`,list:`gap-1 text-2xs`,subList:`gap-1.5 p-1.5 text-2xs`,trigger:`gap-1 px-1 py-1`,indicator:`h-1.75 group-data-[orientation=vertical]:-translate-x-1.75`,arrow:`size-2.25`,link:`gap-1 px-1 py-1`,subItemContent:`gap-1 px-1 py-1`,subLink:`gap-1 px-1 py-1`,linkIcon:`size-2 -ml-1`,subLinkDescription:`mt-1.25`},sm:{viewport:`mt-2 group-data-[orientation=vertical]:ml-2`,list:`gap-1.25 text-xs`,subList:`gap-1.75 p-1.75 text-xs`,trigger:`gap-1.5 px-1.5 py-1`,indicator:`h-2 group-data-[orientation=vertical]:-translate-x-2`,arrow:`size-2.5`,link:`gap-1.5 px-1.5 py-1`,subItemContent:`gap-1.5 px-1.5 py-1`,subLink:`gap-1.5 px-1.5 py-1`,linkIcon:`size-2.5 -ml-1.5`,subLinkDescription:`mt-1.25`},md:{viewport:`mt-2.5 group-data-[orientation=vertical]:ml-2.5`,list:`gap-1.5 text-sm`,subList:`gap-2 p-2 text-sm`,trigger:`gap-2 px-2 py-1.5`,indicator:`h-2.5 group-data-[orientation=vertical]:-translate-x-2.5`,arrow:`size-3`,link:`gap-2 px-2 py-1.5`,subItemContent:`gap-2 px-2 py-1.5`,subLink:`gap-2 px-2 py-1.5`,linkIcon:`size-3 -ml-2`,subLinkDescription:`mt-1.5`},lg:{viewport:`mt-3 group-data-[orientation=vertical]:ml-3`,list:`gap-1.75 text-base`,subList:`gap-2.5 p-2.5 text-base`,trigger:`gap-2.5 px-2.5 py-1.5`,indicator:`h-3 group-data-[orientation=vertical]:-translate-x-3`,arrow:`size-3.5`,link:`gap-2.5 px-2.5 py-1.5`,subItemContent:`gap-2.5 px-2.5 py-1.5`,subLink:`gap-2.5 px-2.5 py-1.5`,linkIcon:`size-3.5 -ml-2.5`,subLinkDescription:`mt-1.75`},xl:{viewport:`mt-3.5 group-data-[orientation=vertical]:ml-3.5`,list:`gap-2 text-lg`,subList:`gap-3 p-3 text-lg`,trigger:`gap-3 px-3 py-2`,indicator:`h-3.5 group-data-[orientation=vertical]:-translate-x-3.5`,arrow:`size-4`,link:`gap-3 px-3 py-2`,subItemContent:`gap-3 px-3 py-2`,subLink:`gap-3 px-3 py-2`,linkIcon:`size-4 -ml-3`,subLinkDescription:`mt-2`},"2xl":{viewport:`mt-4 group-data-[orientation=vertical]:ml-4`,list:`gap-2.5 text-xl`,subList:`gap-3.5 p-3.5 text-xl`,trigger:`gap-3.5 px-3.5 py-2.5`,indicator:`h-4 group-data-[orientation=vertical]:-translate-x-4`,arrow:`size-4.5`,link:`gap-3.5 px-3.5 py-2.5`,subItemContent:`gap-3.5 px-3.5 py-2.5`,subLink:`gap-3.5 px-3.5 py-2.5`,linkIcon:`size-4.5 -ml-3.5`,subLinkDescription:`mt-2.5`}}},defaultVariants:{size:`md`}});export{t as navigationMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative z-2`,viewportRoot:`perspective-2000px absolute top-full left-0 flex w-auto justify-center group-data-[orientation=vertical]:top-0 group-data-[orientation=vertical]:left-full`,viewport:[`origin-top-center relative overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg`,`h-[--soybean-navigation-menu-viewport-height] w-[--soybean-navigation-menu-viewport-width]`,`data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95`,`group-data-[orientation=vertical]:mt-0`],content:[`left-0 top-0 w-auto md:absolute lt-md:w-full`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`],arrow:`relative top-70% rotate-45 border border-border bg-background rounded-0.5`,list:[`group grow flex items-center justify-center my-0 list-none`,`group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:items-stretch`],subList:`grid grid-cols-[auto_auto] list-none my-0`,item:`list-none m-0`,subItem:`list-none m-0`,itemIcon:`shrink-0 text-muted-foreground`,trigger:[`group inline-flex items-center rounded-md bg-background font-medium transition-colors-200 decoration-none outline-none`,`hover:bg-accent hover:text-accent-foreground`,`focus:bg-accent focus:text-accent-foreground`,`disabled:pointer-events-none disabled:opacity-50`,`data-[active]:bg-accent/50`,`data-[state=open]:bg-accent/50`],subItemContent:`flex items-start rounded-md outline-none cursor-default select-none`,triggerIcon:`ml-auto transition duration-200 group-data-[state=open]:rotate-180`,indicator:[`absolute top-full z-2 flex mt-0.25 w-[--soybean-navigation-menu-indicator-size] items-end justify-center overflow-hidden transition-transform-200 ease-out translate-x-[--soybean-navigation-menu-indicator-position]`,`data-[state=visible]:animate-in data-[state=visible]:fade-in-0 data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0`,`group-data-[orientation=vertical]:top-[calc(var(--soybean-navigation-menu-indicator-size)/2)] group-data-[orientation=vertical]:left-full`,`group-data-[orientation=vertical]:translate-y-[--soybean-navigation-menu-indicator-position]`,`group-data-[orientation=vertical]:-rotate-90`,`group-data-[orientation=vertical]:mt-0`],link:[`group relative w-full flex items-center rounded-md font-medium outline-none cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],subLink:[`flex items-start select-none rounded-md no-underline outline-none transition-colors-200 cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],linkIcon:`shrink-0 self-start text-muted-foreground`,subLinkContent:`grow flex flex-col items-start`,subLinkLabel:`font-medium leading-none`,subLinkDescription:`line-clamp-2 text-muted-foreground leading-snug m-0`},variants:{size:{xs:{viewport:`mt-1.75 group-data-[orientation=vertical]:ml-1.75`,list:`gap-1 text-2xs`,subList:`gap-1.5 p-1.5 text-2xs`,trigger:`gap-1 px-1 py-1`,indicator:`h-1.75 group-data-[orientation=vertical]:-translate-x-1.75`,arrow:`size-2.25`,link:`gap-1 px-1 py-1`,subItemContent:`gap-1 px-1 py-1`,subLink:`gap-1 px-1 py-1`,linkIcon:`size-2 -ml-1`,subLinkDescription:`mt-1.25`},sm:{viewport:`mt-2 group-data-[orientation=vertical]:ml-2`,list:`gap-1.25 text-xs`,subList:`gap-1.75 p-1.75 text-xs`,trigger:`gap-1.5 px-1.5 py-1`,indicator:`h-2 group-data-[orientation=vertical]:-translate-x-2`,arrow:`size-2.5`,link:`gap-1.5 px-1.5 py-1`,subItemContent:`gap-1.5 px-1.5 py-1`,subLink:`gap-1.5 px-1.5 py-1`,linkIcon:`size-2.5 -ml-1.5`,subLinkDescription:`mt-1.25`},md:{viewport:`mt-2.5 group-data-[orientation=vertical]:ml-2.5`,list:`gap-1.5 text-sm`,subList:`gap-2 p-2 text-sm`,trigger:`gap-2 px-2 py-1.5`,indicator:`h-2.5 group-data-[orientation=vertical]:-translate-x-2.5`,arrow:`size-3`,link:`gap-2 px-2 py-1.5`,subItemContent:`gap-2 px-2 py-1.5`,subLink:`gap-2 px-2 py-1.5`,linkIcon:`size-3 -ml-2`,subLinkDescription:`mt-1.5`},lg:{viewport:`mt-3 group-data-[orientation=vertical]:ml-3`,list:`gap-1.75 text-base`,subList:`gap-2.5 p-2.5 text-base`,trigger:`gap-2.5 px-2.5 py-1.5`,indicator:`h-3 group-data-[orientation=vertical]:-translate-x-3`,arrow:`size-3.5`,link:`gap-2.5 px-2.5 py-1.5`,subItemContent:`gap-2.5 px-2.5 py-1.5`,subLink:`gap-2.5 px-2.5 py-1.5`,linkIcon:`size-3.5 -ml-2.5`,subLinkDescription:`mt-1.75`},xl:{viewport:`mt-3.5 group-data-[orientation=vertical]:ml-3.5`,list:`gap-2 text-lg`,subList:`gap-3 p-3 text-lg`,trigger:`gap-3 px-3 py-2`,indicator:`h-3.5 group-data-[orientation=vertical]:-translate-x-3.5`,arrow:`size-4`,link:`gap-3 px-3 py-2`,subItemContent:`gap-3 px-3 py-2`,subLink:`gap-3 px-3 py-2`,linkIcon:`size-4 -ml-3`,subLinkDescription:`mt-2`},"2xl":{viewport:`mt-4 group-data-[orientation=vertical]:ml-4`,list:`gap-2.5 text-xl`,subList:`gap-3.5 p-3.5 text-xl`,trigger:`gap-3.5 px-3.5 py-2.5`,indicator:`h-4 group-data-[orientation=vertical]:-translate-x-4`,arrow:`size-4.5`,link:`gap-3.5 px-3.5 py-2.5`,subItemContent:`gap-3.5 px-3.5 py-2.5`,subLink:`gap-3.5 px-3.5 py-2.5`,linkIcon:`size-4.5 -ml-3.5`,subLinkDescription:`mt-2.5`}}},defaultVariants:{size:`md`}});export{t as navigationMenuVariants};

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -6,8 +6,8 @@ declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNulla
   props: _$vue.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
-    onClose?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClose?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;

package/dist/components/pagination/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex items-center`,ellipsis:`flex justify-center items-center`,button:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],navigationButton:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{list:`gap-0.75 text-2xs`,ellipsis:`size-6`,button:`size-6`,navigationButton:`h-6 px-1 gap-0.75`},sm:{list:`gap-1 text-xs`,ellipsis:`size-7`,button:`size-7`,navigationButton:`h-7 px-1.5 gap-1`},md:{list:`gap-1.25 text-sm`,ellipsis:`size-8`,button:`size-8`,navigationButton:`h-8 px-1.875 gap-1.5`},lg:{list:`gap-1.5 text-base`,ellipsis:`size-9`,button:`size-9`,navigationButton:`h-9 px-2 gap-2`},xl:{list:`gap-1.75 text-lg`,ellipsis:`size-10`,button:`size-10`,navigationButton:`h-10 px-2.25 gap-2.5`},"2xl":{list:`gap-2 text-xl`,ellipsis:`size-12`,button:`size-12`,navigationButton:`h-12 px-2.875 gap-3`}},variant:{pure:{button:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`},solid:{button:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`},outline:{button:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`},soft:{button:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}},shape:{rounded:{button:`rounded-full`,navigationButton:`rounded-full`},square:{button:`rounded-md`,navigationButton:`rounded-md`}},actionAsSelected:{true:{navigationButton:``}}},compoundVariants:[{variant:`pure`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`}},{variant:`solid`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`}},{variant:`outline`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`}},{variant:`soft`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}}],defaultVariants:{size:`md`,variant:`pure`,shape:`square`,actionAsSelected:!1}});export{t as paginationVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex items-center`,ellipsis:`flex justify-center items-center`,button:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],navigationButton:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{list:`gap-0.75 text-2xs`,ellipsis:`size-6`,button:`size-6`,navigationButton:`h-6 px-1 gap-0.75`},sm:{list:`gap-1 text-xs`,ellipsis:`size-7`,button:`size-7`,navigationButton:`h-7 px-1.5 gap-1`},md:{list:`gap-1.25 text-sm`,ellipsis:`size-8`,button:`size-8`,navigationButton:`h-8 px-1.875 gap-1.5`},lg:{list:`gap-1.5 text-base`,ellipsis:`size-9`,button:`size-9`,navigationButton:`h-9 px-2 gap-2`},xl:{list:`gap-1.75 text-lg`,ellipsis:`size-10`,button:`size-10`,navigationButton:`h-10 px-2.25 gap-2.5`},"2xl":{list:`gap-2 text-xl`,ellipsis:`size-12`,button:`size-12`,navigationButton:`h-12 px-2.875 gap-3`}},variant:{pure:{button:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`},solid:{button:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`},outline:{button:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`},soft:{button:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}},shape:{rounded:{button:`rounded-full`,navigationButton:`rounded-full`},square:{button:`rounded-md`,navigationButton:`rounded-md`}},actionAsSelected:{true:{navigationButton:``}}},compoundVariants:[{variant:`pure`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`}},{variant:`solid`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`}},{variant:`outline`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`}},{variant:`soft`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}}],defaultVariants:{size:`md`,variant:`pure`,shape:`square`,actionAsSelected:!1}});export{t as paginationVariants};

package/dist/components/popconfirm/popconfirm.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{providePopconfirmContext as n}from"./context.js";import{popconfirmVariants as r}from"./variants.js";import i from"./popconfirm-cancel.js";import a from"./popconfirm-confirm.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,usePickProps as E}from"@soybeanjs/headless/composables";import{PopoverArrow as D,PopoverClose as O,PopoverPopup as k,PopoverPortal as A,PopoverPositioner as j,PopoverRoot as M,PopoverTrigger as N,providePopoverUi as P}from"@soybeanjs/headless";import{transformPropsToContext as F}from"@soybeanjs/headless/shared";const I=p({name:`SPopconfirm`,__name:`popconfirm`,props:{class:{},size:{},ui:{},type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},beforeCancel:{},beforeConfirm:{},confirmProps:{},cancelProps:{},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`],setup(p,{emit:I}){let L=p,R=I,z=C(),B=E(L,[`defaultOpen`,`open`,`modal`]),V=T(R),H=o(()=>e(r({size:L.size}),L.ui,{popup:L.class})),U={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},W=o(()=>L.type?U[L.type]:null),G=o(()=>({placement:L.placement,...L.positionerProps})),K=o(()=>typeof L.showCancel==`boolean`?L.showCancel:L.type===`warning`),q=()=>{R(`close`)};return P(H),n({...F(L,[`size`,`confirmText`,`cancelText`,`showCancel`,`cancelProps`,`confirmProps`]),beforeConfirm:L.beforeConfirm,beforeCancel:L.beforeCancel,onClose:q}),(e,n)=>(v(),s(S(M),h(S(B),{"onUpdate:open":n[0]||=e=>R(`update:open`,e)}),{default:w(n=>[f(S(N),h(p.triggerProps,{"as-child":``}),{default:w(()=>[y(e.$slots,`trigger`)]),_:3},16),f(S(A),_(m(p.portalProps)),{default:w(()=>[f(S(j),h(G.value,x(S(V))),{default:w(()=>[f(S(k),_(m(p.popupProps)),{default:w(()=>[u(`div`,h(p.headerProps,{class:H.value.header}),[u(`h3`,h(p.titleProps,{class:H.value.title}),[p.showIcon&&W.value?(v(),s(t,{key:0,icon:W.value.icon,class:g(W.value.class)},null,8,[`icon`,`class`])):c(`v-if`,!0),y(e.$slots,`title`,{close:n.close},()=>[d(b(p.title),1)])],16),S(z).description||p.description?(v(),l(`p`,{key:0,class:g(H.value.description)},[y(e.$slots,`description`,{close:n.close},()=>[d(b(p.description),1)])],2)):c(`v-if`,!0)],16),e.$slots.content||p.content?(v(),l(`div`,h({key:0},p.contentProps,{class:H.value.content}),[y(e.$slots,`default`,{close:n.close},()=>[d(b(p.content),1)])],16)):c(`v-if`,!0),u(`div`,{class:g(H.value.footer)},[y(e.$slots,`footer`,{close:n.close},()=>[K.value?(v(),s(i,{key:0})):c(`v-if`,!0),f(a,{text:p.confirmText},null,8,[`text`])])],2),p.showArrow?(v(),s(S(D),_(h({key:1},p.arrowProps)),null,16)):c(`v-if`,!0)]),_:2},1040),e.$slots.close?(v(),s(S(O),{key:0,"as-child":``},{default:w(()=>[y(e.$slots,`close`)]),_:3})):c(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{providePopconfirmContext as n}from"./context.js";import{popconfirmVariants as r}from"./variants.js";import i from"./popconfirm-cancel.js";import a from"./popconfirm-confirm.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,usePickProps as E}from"@soybeanjs/headless/composables";import{PopoverArrow as D,PopoverClose as O,PopoverPopup as k,PopoverPortal as A,PopoverPositioner as j,PopoverRoot as M,PopoverTrigger as N,providePopoverUi as P}from"@soybeanjs/headless";import{transformPropsToContext as F}from"@soybeanjs/headless/shared";const I=p({name:`SPopconfirm`,__name:`popconfirm`,props:{class:{},size:{},ui:{},type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},beforeCancel:{},beforeConfirm:{},confirmProps:{},cancelProps:{},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`],setup(p,{emit:I}){let L=p,R=I,z=C(),B=E(L,[`defaultOpen`,`open`,`modal`]),V=T(R),H=o(()=>e(r({size:L.size}),L.ui,{popup:L.class})),U={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},W=o(()=>L.type?U[L.type]:null),G=o(()=>({placement:L.placement,...L.positionerProps})),K=o(()=>typeof L.showCancel==`boolean`?L.showCancel:L.type===`warning`),q=()=>{R(`close`)};return P(H),n({...F(L,[`size`,`confirmText`,`cancelText`,`showCancel`,`cancelProps`,`confirmProps`]),beforeConfirm:L.beforeConfirm,beforeCancel:L.beforeCancel,onClose:q}),(e,n)=>(v(),s(S(M),h(S(B),{"onUpdate:open":n[0]||=e=>R(`update:open`,e)}),{default:w(n=>[f(S(N),h(p.triggerProps,{"as-child":``}),{default:w(()=>[y(e.$slots,`trigger`)]),_:3},16),f(S(A),_(m(p.portalProps)),{default:w(()=>[f(S(j),h(G.value,x(S(V))),{default:w(()=>[f(S(k),_(m(p.popupProps)),{default:w(()=>[u(`div`,h(p.headerProps,{class:H.value.header}),[u(`h3`,h(p.titleProps,{class:H.value.title}),[p.showIcon&&W.value?(v(),s(t,{key:0,icon:W.value.icon,class:g(W.value.class)},null,8,[`icon`,`class`])):c(`v-if`,!0),y(e.$slots,`title`,{close:n.close},()=>[d(b(p.title),1)])],16),S(z).description||p.description?(v(),l(`p`,{key:0,class:g(H.value.description)},[y(e.$slots,`description`,{close:n.close},()=>[d(b(p.description),1)])],2)):c(`v-if`,!0)],16),e.$slots.content||p.content?(v(),l(`div`,h({key:0},p.contentProps,{class:H.value.content}),[y(e.$slots,`default`,{close:n.close},()=>[d(b(p.content),1)])],16)):c(`v-if`,!0),u(`div`,{class:g(H.value.footer)},[y(e.$slots,`footer`,{close:n.close},()=>[K.value?(v(),s(i,{key:0})):c(`v-if`,!0),f(a,{text:p.confirmText},null,8,[`text`])])],2),p.showArrow?(v(),s(S(D),_(h({key:1},p.arrowProps)),null,16)):c(`v-if`,!0)]),_:2},1040),e.$slots.close?(v(),s(S(O),{key:0,"as-child":``},{default:w(()=>[y(e.$slots,`close`)]),_:3})):c(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};

package/dist/components/popconfirm/popconfirm.vue.d.ts

@@ -26,6 +26,7 @@ type __VLS_Slots = {} & {
   close?: (props: typeof __VLS_70) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: () => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
@@ -33,8 +34,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  close: () => any;
 }, string, _$vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
+  onClose?: (() => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -42,14 +43,13 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onClose?: (() => any) | undefined;
 }>, {
+  showCancel: "onlyWarning" | boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-  showArrow: boolean;
   showIcon: boolean;
-  showCancel: "onlyWarning" | boolean;
+  showArrow: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/popover/popover.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{popoverVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverUi as w}from"@soybeanjs/headless";const T=o({name:`SPopover`,__name:`popover`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui,{popup:E.class})),j=n(()=>({...E.positionerProps,placement:E.placement??E.positionerProps?.placement}));return w(A),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),c({key:0},o.closeProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`close`)]),_:3},16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{popoverVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverUi as w}from"@soybeanjs/headless";const T=o({name:`SPopover`,__name:`popover`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui,{popup:E.class})),j=n(()=>({...E.positionerProps,placement:E.placement??E.positionerProps?.placement}));return w(A),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),c({key:0},o.closeProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`close`)]),_:3},16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};

package/dist/components/progress/index.d.ts

@@ -1,8 +1,6 @@
-import { LoadingBarProviderContext, LoadingBarProviderContextParams, LoadingBarProviderProps, ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, UseLoadingBarReturn } from "./types.js";
+import { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, ProgressProviderProps } from "./types.js";
 import { _default } from "./progress.vue.js";
 import { _default as _default$1 } from "./progress-circle.vue.js";
-import { _default as _default$2 } from "./loading-bar.vue.js";
-import { useLoadingBar } from "./context.js";
-import { getProgressIndicatorStyle } from "./shared.js";
-import { ProgressIndicatorProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot } from "@soybeanjs/headless/progress";
-export { type ProgressIndicatorProps, type ProgressRootEmits, type ProgressRootProps, type ProgressState, type ProgressUi, type ProgressUiSlot };
+import { _default as _default$2 } from "./progress-provider.vue.js";
+import { ProgressIndicatorProps as ProgressIndicatorProps$1, ProgressRootEmits as ProgressRootEmits$1, ProgressRootProps as ProgressRootProps$1, ProgressState, ProgressUi as ProgressUi$1, ProgressUiSlot, progress } from "@soybeanjs/headless/progress";
+export { type ProgressIndicatorProps$1 as ProgressIndicatorProps, type ProgressRootEmits$1 as ProgressRootEmits, type ProgressRootProps$1 as ProgressRootProps, type ProgressState, type ProgressUi$1 as ProgressUi, type ProgressUiSlot, progress };

package/dist/components/progress/index.js

@@ -1 +1 @@
-import"./shared.js";import"./progress.js";import"./context.js";import"./loading-bar.js";import"./progress-circle.js";
+import"./progress-provider.js";import"./progress.js";import"./progress-circle.js";import{progress as e}from"@soybeanjs/headless/progress";export{e as progress};

package/dist/components/progress/progress-circle.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{},color:{},size:{},ui:{},strokeWidth:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{},color:{},size:{},ui:{},strokeWidth:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};

package/dist/components/progress/progress-provider.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};

package/dist/components/progress/progress-provider.vue.d.ts

@@ -0,0 +1,8 @@
+import { ProgressProviderProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/progress/progress-provider.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<ProgressProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/progress/progress.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{getProgressIndicatorStyle as t}from"./shared.js";import{progressVariants as n}from"./variants.js";import{useConfigProvider as r}from"../config-provider/context.js";import"../config-provider/index.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ProgressIndicator as v,ProgressRoot as y,provideProgressUi as b}from"@soybeanjs/headless";const x=s({name:`SProgress`,__name:`progress`,props:{class:{},color:{},size:{},ui:{},indicatorProps:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`color`,`size`,`ui`,`indicatorProps`]),T=g(C),{dir:E}=r(`Progress`),D=e=>t(e,E.value);return b(i(()=>e(n({color:S.color,size:S.size}),S.ui,{root:S.class}))),(e,t)=>(d(),a(m(y),l(m(w),p(m(T))),{default:h(t=>[o(m(v),l(s.indicatorProps,{style:D(t.valuePercent)}),{default:h(()=>[f(e.$slots,`default`,u(c(t)))]),_:2},1040,[`style`])]),_:3},16))}});export{x as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ProgressIndicator as g,ProgressRoot as _,provideProgressUi as v}from"@soybeanjs/headless";const y=a({name:`SProgress`,__name:`progress`,props:{class:{},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=h(b,[`class`,`color`,`size`,`ui`,`indicatorProps`]),C=m(x);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(S),d(f(C))),{default:p(t=>[i(f(g),c(o(a.indicatorProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:3},16))}});export{y as default};

package/dist/components/progress/types.d.ts

@@ -1,6 +1,6 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ShallowRef } from "vue";
-import { ClassValue, ProgressIndicatorProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, PropsToContext } from "@soybeanjs/headless";
+import { ClassValue } from "@soybeanjs/headless";
+import { ProgressIndicatorProps, ProgressProviderProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi } from "@soybeanjs/headless/progress";
 
 //#region src/components/progress/types.d.ts
 interface ProgressProps extends ProgressRootProps {
@@ -17,27 +17,7 @@ interface ProgressCircleProps extends ProgressRootProps {
   ui?: Partial<ProgressUi>;
   strokeWidth?: number;
 }
-interface LoadingBarProviderProps {
-  color?: ThemeColor;
-  errorColor?: ThemeColor;
-  size?: ThemeSize;
-  ui?: Partial<ProgressUi>;
-}
 type ProgressEmits = ProgressRootEmits;
 type ProgressCircleEmits = ProgressRootEmits;
-interface UseLoadingBarReturn {
-  start: () => void;
-  finish: () => void;
-  error: () => void;
-  set: (value: number) => void;
-  clear: () => void;
-}
-interface LoadingBarProviderContext extends Pick<UseLoadingBarReturn, 'clear'> {
-  useLoadingBar: UseLoadingBarReturn;
-  visible: ShallowRef<boolean>;
-  modelValue: ShallowRef<number>;
-  color: ShallowRef<ThemeColor>;
-}
-interface LoadingBarProviderContextParams extends PropsToContext<Required<Pick<LoadingBarProviderProps, 'color' | 'errorColor'>>> {}
 //#endregion
-export { LoadingBarProviderContext, LoadingBarProviderContextParams, LoadingBarProviderProps, ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressState, UseLoadingBarReturn };
+export { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressProviderProps, type ProgressState };

package/dist/components/progress/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}});export{n as circleProgressVariants,t as progressVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as circleProgressVariants,r as progressProviderVariants,t as progressVariants};

package/dist/components/radio-group/index.d.ts

@@ -1,7 +1,7 @@
-import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
+import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData as RadioGroupOptionData$1, RadioGroupProps, RadioProps } from "./types.js";
 import { _default } from "./radio-group.vue.js";
 import { _default as _default$1 } from "./radio.vue.js";
 import { _default as _default$2 } from "./radio-card.vue.js";
 import { _default as _default$3 } from "./radio-card-group.vue.js";
-import { RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupRootEmits, RadioGroupRootProps } from "@soybeanjs/headless/radio-group";
-export { type RadioGroupControlProps, type RadioGroupIndicatorProps, type RadioGroupItemEmits, type RadioGroupItemProps, type RadioGroupLabelProps, type RadioGroupRootEmits, type RadioGroupRootProps };
+import { RadioGroupControlProps as RadioGroupControlProps$1, RadioGroupIndicatorProps as RadioGroupIndicatorProps$1, RadioGroupItemEmits, RadioGroupItemProps as RadioGroupItemProps$1, RadioGroupLabelProps as RadioGroupLabelProps$1, RadioGroupRootEmits, RadioGroupRootProps } from "@soybeanjs/headless/radio-group";
+export { type RadioGroupControlProps$1 as RadioGroupControlProps, type RadioGroupIndicatorProps$1 as RadioGroupIndicatorProps, type RadioGroupItemEmits, type RadioGroupItemProps$1 as RadioGroupItemProps, type RadioGroupLabelProps$1 as RadioGroupLabelProps, type RadioGroupRootEmits, type RadioGroupRootProps };

package/dist/components/radio-group/index.js

@@ -1 +1 @@
-import"./radio.js";import"./radio-group.js";import"./radio-card.js";import"./radio-card-group.js";
+import"./radio-group.js";import"./radio.js";import"./radio-card.js";import"./radio-card-group.js";

package/dist/components/radio-group/radio-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import n from"./radio.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless";const g=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]);return h(i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}))),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{color:s.color,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,unref as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCompact as f,provideRadioGroupUi as p}from"@soybeanjs/headless";const m=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=d(h,[`class`,`ui`,`variant`,`color`,`size`]),v=r(()=>h.items),y=e=>{g(`update:modelValue`,e)};return p(r(()=>e(t({variant:h.variant,color:h.color,size:h.size}),h.ui,{root:h.class}))),(e,t)=>(l(),a(n,null,[i(` @vue-ignore generic props are validated by RadioGroupProps/RadioGroupCompactProps `),o(u(f),c(u(_),{items:v.value,"onUpdate:modelValue":y}),null,16,[`items`])],2112))}});export{m as default};

package/dist/components/radio-group/types.d.ts

@@ -1,6 +1,7 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { RadioGroupVariant } from "./variants.js";
-import { AcceptableBooleanValue, ClassValue, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi } from "@soybeanjs/headless";
+import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless";
+import { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupOptionData as RadioGroupOptionData$1, RadioGroupUi } from "@soybeanjs/headless/radio-group";
 
 //#region src/components/radio-group/types.d.ts
 interface RadioProps extends RadioGroupItemProps {
@@ -9,24 +10,14 @@ interface RadioProps extends RadioGroupItemProps {
   indicatorProps?: RadioGroupIndicatorProps;
   labelProps?: RadioGroupLabelProps;
 }
-interface RadioGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> {
-  value: NonNullable<T>;
-  label: string;
-  disabled?: boolean;
-}
-interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupRootProps<T> {
+interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupCompactProps<T, S> {
   class?: ClassValue;
   ui?: Partial<RadioGroupUi>;
   variant?: RadioGroupVariant;
   color?: ThemeColor;
   size?: ThemeSize;
-  items: S[];
-  itemProps?: RadioGroupItemProps;
-  controlProps?: RadioGroupControlProps;
-  indicatorProps?: RadioGroupIndicatorProps;
-  labelProps?: RadioGroupLabelProps;
 }
-type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupRootEmits<T>;
+type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupCompactEmits<T>;
 type RadioGroupCardUiSlot = 'content' | 'textContent' | 'icon' | 'description';
 type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardUiSlot, ClassValue>;
 interface RadioCardProps extends RadioProps {
@@ -44,4 +35,4 @@ interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBoole
 }
 type RadioGroupCardEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupEmits<T>;
 //#endregion
-export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps };
+export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, type RadioGroupOptionData$1 as RadioGroupOptionData, RadioGroupProps, RadioProps };

package/dist/components/radio-group/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:`flex items-center`,control:[`peer relative shrink-0 rounded-full border border-solid shadow transition-all-150`,`focus-visible:outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 rounded-full`,label:``},variants:{color:{primary:{control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-1.5`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-1.75`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-2`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-2.5`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-3`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-3.5`,control:`size-6`}},orientation:{horizontal:{root:`items-center`},vertical:{root:`flex-col`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`,orientation:`horizontal`}}),n=e({slots:{root:`flex`,item:`relative inline-flex border border-solid border-border rounded-md`,content:`flex items-center grow`,textContent:`flex flex-col`,icon:`shrink-0`,label:`font-medium`,description:`text-muted-foreground`,control:[`peer shrink-0 inline-flex items-start justify-start rounded-full border border-solid shadow`,`focus-visible:outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`,`order-1 after:absolute after:inset-0 after:content-empty`],indicator:`relative top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex size-1/2 rounded-full`},variants:{color:{primary:{item:`data-[state=checked]:border-primary`,control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{item:`data-[state=checked]:border-destructive`,control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{item:`data-[state=checked]:border-success`,control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{item:`data-[state=checked]:border-warning`,control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{item:`data-[state=checked]:border-info`,control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{item:`data-[state=checked]:border-carbon`,control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{item:`data-[state=checked]:border-secondary-foreground`,control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{item:`data-[state=checked]:border-accent-foreground`,control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-2 text-2xs p-2`,content:`gap-2`,textContent:`gap-0.5`,icon:`text-3`,description:`text-3xs`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-2.5 text-xs p-2.5`,content:`gap-2.5`,textContent:`gap-0.75`,icon:`text-4`,description:`text-2xs`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-3 text-sm p-3`,content:`gap-3`,textContent:`gap-1`,icon:`text-5`,description:`text-xs`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-4 text-base p-4`,content:`gap-4`,textContent:`gap-1.5`,icon:`text-6`,description:`text-sm`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-5 text-lg p-5`,content:`gap-5`,textContent:`gap-2`,icon:`text-7`,description:`text-base`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-6 text-xl p-6`,content:`gap-6`,textContent:`gap-2.5`,icon:`text-8`,description:`text-lg`,control:`size-6`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`}});export{n as radioCardGroupVariants,t as radioGroupVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:`flex items-center`,control:[`peer relative shrink-0 rounded-full border border-solid shadow transition-all-150`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 rounded-full`,label:``},variants:{color:{primary:{control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-1.5`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-1.75`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-2`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-2.5`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-3`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-3.5`,control:`size-6`}},orientation:{horizontal:{root:`items-center`},vertical:{root:`flex-col`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`,orientation:`horizontal`}}),n=e({slots:{root:`flex`,item:`relative inline-flex border border-solid border-border rounded-md`,content:`flex items-center grow`,textContent:`flex flex-col`,icon:`shrink-0`,label:`font-medium`,description:`text-muted-foreground`,control:[`peer shrink-0 inline-flex items-start justify-start rounded-full border border-solid shadow`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`,`order-1 after:absolute after:inset-0 after:content-empty`],indicator:`relative top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex size-1/2 rounded-full`},variants:{color:{primary:{item:`data-[state=checked]:border-primary`,control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{item:`data-[state=checked]:border-destructive`,control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{item:`data-[state=checked]:border-success`,control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{item:`data-[state=checked]:border-warning`,control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{item:`data-[state=checked]:border-info`,control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{item:`data-[state=checked]:border-carbon`,control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{item:`data-[state=checked]:border-secondary-foreground`,control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{item:`data-[state=checked]:border-accent-foreground`,control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-2 text-2xs p-2`,content:`gap-2`,textContent:`gap-0.5`,icon:`text-3`,description:`text-3xs`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-2.5 text-xs p-2.5`,content:`gap-2.5`,textContent:`gap-0.75`,icon:`text-4`,description:`text-2xs`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-3 text-sm p-3`,content:`gap-3`,textContent:`gap-1`,icon:`text-5`,description:`text-xs`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-4 text-base p-4`,content:`gap-4`,textContent:`gap-1.5`,icon:`text-6`,description:`text-sm`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-5 text-lg p-5`,content:`gap-5`,textContent:`gap-2`,icon:`text-7`,description:`text-base`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-6 text-xl p-6`,content:`gap-6`,textContent:`gap-2.5`,icon:`text-8`,description:`text-lg`,control:`size-6`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`}});export{n as radioCardGroupVariants,t as radioGroupVariants};

package/dist/components/segment/index.d.ts

@@ -1,2 +1,3 @@
-import { SegmentExtendedUi, SegmentOptionData, SegmentProps } from "./types.js";
+import { TabsFill, TabsShape } from "../tabs/variants.js";
+import { SegmentEmits, SegmentOptionData, SegmentProps, SegmentSlots } from "./types.js";
 import { _default } from "./segment.vue.js";

package/dist/components/segment/segment.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"../tabs/variants.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsIndicator as w,TabsList as T,TabsRoot as E,TabsTrigger as D,provideTabsUi as O}from"@soybeanjs/headless";const k=u({name:`SSegment`,__name:`segment`,props:{class:{},ui:{},size:{},shape:{},items:{},fill:{default:`auto`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:k}){let A=u,j=k,M=C(A,[`class`,`size`,`ui`,`items`,`fill`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),N=S(j),P=r(()=>e(t({size:A.size,orientation:A.orientation,shape:A.shape,fill:A.fill,enableIndicator:A.enableIndicator}),A.ui,{root:A.class}));return O(P),(e,t)=>(h(),i(b(E),f(b(M),y(b(N))),{default:x(()=>[l(b(T),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(D),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`item`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(w),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(P.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{k as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"../tabs/variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{SegmentCompact as h,provideTabsUi as g}from"@soybeanjs/headless";const _=i({name:`SSegment`,__name:`segment`,props:{class:{},ui:{},size:{},shape:{},fill:{default:`auto`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`fill`]),x=p(y);return g(n(()=>e(t({size:v.size,orientation:v.orientation,shape:v.shape,fill:v.fill,enableIndicator:v.enableIndicator}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{item:f(t=>[l(e.$slots,`item`,s(a(t)))]),indicator:f(()=>[l(e.$slots,`indicator`)]),_:3},16))}});export{_ as default};

package/dist/components/segment/segment.vue.d.ts

@@ -1,22 +1,17 @@
-import { SegmentOptionData, SegmentProps } from "./types.js";
+import { SegmentOptionData, SegmentProps, SegmentSlots } from "./types.js";
 import * as _$vue from "vue";
-import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/segment/segment.vue.d.ts
-declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+declare const __VLS_export: <T extends SegmentOptionData = SegmentOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<SegmentProps<T> & {
+    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    item?: (props: S & {
-      active: boolean;
-    }) => any;
-  };
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  slots: SegmentSlots<T>;
+  emit: (evt: "update:modelValue", payload: T["value"]) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/segment/types.d.ts

@@ -1,26 +1,16 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TabsFill, TabsShape } from "../tabs/variants.js";
-import { TabsExtendedUi } from "../tabs/types.js";
-import { AcceptableValue, ClassValue, DefinedValue, TabsIndicatorProps, TabsListProps, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless";
+import { AcceptableValue, ClassValue, SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentOptionData, SegmentUi } from "@soybeanjs/headless";
 
 //#region src/components/segment/types.d.ts
-interface SegmentOptionData<T extends DefinedValue = DefinedValue> {
-  value: T;
-  label: string;
-  disabled?: boolean;
-}
-type SegmentExtendedUi = TabsExtendedUi;
-interface SegmentProps<T extends AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>> extends TabsRootProps<T> {
+interface SegmentProps<T extends SegmentOptionData> extends SegmentCompactProps<T> {
   class?: ClassValue;
-  ui?: Partial<SegmentExtendedUi>;
+  ui?: Partial<SegmentUi>;
   size?: ThemeSize;
   shape?: TabsShape;
-  items: S[];
   fill?: TabsFill;
-  enableIndicator?: boolean;
-  listProps?: TabsListProps;
-  triggerProps?: TabsTriggerProps;
-  indicatorProps?: TabsIndicatorProps;
 }
+type SegmentEmits<T extends AcceptableValue = AcceptableValue> = SegmentCompactEmits<T>;
+type SegmentSlots<T extends SegmentOptionData = SegmentOptionData> = SegmentCompactSlots<T>;
 //#endregion
-export { SegmentExtendedUi, SegmentOptionData, SegmentProps };
+export { SegmentEmits, type SegmentOptionData, SegmentProps, SegmentSlots };

package/dist/components/select/index.d.ts

@@ -1,4 +1,4 @@
-import { SelectEmits, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps } from "./types.js";
+import { SelectEmits, SelectGroupOptionData, SelectOptionData, SelectProps, SelectSingleOptionData, SelectSlots } from "./types.js";
 import { _default } from "./select.vue.js";
 import { SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless/select";
 export { type SelectArrowProps, type SelectContentEmits, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectItemEmits, type SelectItemEvent, type SelectItemIndicatorProps, type SelectItemProps, type SelectItemTextProps, type SelectPosition, type SelectRootEmits, type SelectRootProps, type SelectScrollDownButtonProps, type SelectScrollUpButtonProps, type SelectSeparatorProps, type SelectTriggerIconProps, type SelectTriggerProps, type SelectValueProps, type SelectViewportProps };

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{selectVariants as n}from"./variants.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectUi as F}from"@soybeanjs/headless";const I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`class`,`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`popupProps`,`placement`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value,W=o(()=>e(n({size:L.size}),L.ui,{trigger:L.class})),G=o(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),K=o(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps}));return F(W),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(G.value)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(K.value,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{selectVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{SelectCompact as y,provideSelectUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`ui`,`size`]),D=_(w),O=n(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(y),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};

package/dist/components/select/select.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectGroupOptionData, SelectProps, SelectSingleOptionData } from "./types.js";
+import { SelectProps, SelectSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
@@ -7,44 +7,18 @@ import { DefinedValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
     onSelect?: ((event: _$_soybeanjs_headless0.SelectItemEvent<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    'trigger-leading'?: () => any;
-    'trigger-value'?: (props: {
-      modelValue: SelectProps<T, M>["modelValue"];
-      selectedLabel: string[];
-      slotText: string;
-    }) => any;
-    'trigger-trailing'?: () => any;
-    'trigger-icon'?: () => any;
-    'scroll-up-button'?: () => any;
-    'scroll-down-button'?: () => any;
-    'group-label'?: (props: {
-      item: SelectGroupOptionData<T>;
-    }) => any;
-    'item-text'?: (props: {
-      item: SelectSingleOptionData<T>;
-    }) => any;
-    'item-leading'?: (props: {
-      item: SelectSingleOptionData<T>;
-    }) => any;
-    'item-trailing'?: (props: {
-      item: SelectSingleOptionData<T>;
-    }) => any;
-    'item-indicator'?: (props: {
-      item: SelectSingleOptionData<T>;
-    }) => any;
-  };
-  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
+  slots: SelectSlots<T, M>;
+  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };