@soybeanjs/ui 0.28.1 → 0.28.2

package/dist/components/affix/affix.js

@@ -1 +1 @@
-import{affixVariants as e}from"../../styles/affix.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{AffixCompact as m,provideAffixUi as h}from"@soybeanjs/headless/affix";const g=r({name:`SAffix`,__name:`affix`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(r,{emit:g}){let _=r,v=g,y=p(_,[`class`,`ui`]),b=f(v);return h(t(()=>e(void 0,_.ui,{content:_.class}))),(e,t)=>(s(),n(u(m),a(u(y),l(u(b))),{default:d(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{g as default};
+import{affixVariants as e}from"../../styles/affix.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{AffixCompact as m,provideAffixUi as h}from"@soybeanjs/headless/affix";const g=r({name:`SAffix`,__name:`affix`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{}},emits:[`change`],setup(r,{emit:g}){let _=r,v=g,y=p(_,[`class`,`ui`]),b=f(v);return h(t(()=>e(void 0,_.ui,{content:_.class}))),(e,t)=>(s(),n(u(m),a(u(y),l(u(b))),{default:d(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{g as default};

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

@@ -3,11 +3,11 @@ import { AlertProps, AlertSlots } from "./types.js";
 //#region src/components/alert/alert.vue.d.ts
 type __VLS_Slots = AlertSlots;
 declare const __VLS_base: import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  close: (event: PointerEvent) => any;
   "update:open": (open: boolean) => any;
+  close: (event: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
-  onClose?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onClose?: ((event: PointerEvent) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -5,8 +5,8 @@ import { AutocompleteSingleOptionData } from "@soybeanjs/headless/autocomplete";
 declare const __VLS_export: <T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlight?: ((payload?: import("@soybeanjs/headless").AutocompleteHighlightPayload | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -14,7 +14,7 @@ declare const __VLS_export: <T extends AutocompleteSingleOptionData = Autocomple
   expose: (exposed: {}) => void;
   attrs: any;
   slots: AutocompleteSlots<T>;
-  emit: ((evt: "select", item: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: import("@soybeanjs/headless").AutocompleteHighlightPayload | undefined) => void);
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: import("@soybeanjs/headless").AutocompleteHighlightPayload | undefined) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/button/button-loading.vue.d.ts

@@ -17,9 +17,9 @@ type __VLS_Slots = {} & {
   trailing?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
-  loadingIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  loadingIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-  }> | import("vue").Component | null;
+  }> | null;
   loadingPosition: Align;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/color-picker/color-picker.vue.d.ts

@@ -2,6 +2,7 @@ import { ColorPickerProps } from "./types.js";
 
 //#region src/components/color-picker/color-picker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -9,11 +10,11 @@ declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {},
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
   "update:color": (value: import("@soybeanjs/headless/types").NormalizedColor) => any;
   "update:format": (value: import("@soybeanjs/headless/types").ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -21,7 +22,6 @@ declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {},
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: import("@soybeanjs/headless/types").NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: import("@soybeanjs/headless/types").ColorFormat) => any) | undefined;

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

@@ -4,6 +4,7 @@ import { ComboboxProps, ComboboxSlots } from "./types.js";
 declare const __VLS_export: <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: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxProps<M> & {
     onSelect?: ((event: import("@soybeanjs/headless").SelectEvent<string>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -11,7 +12,6 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onHighlight?: ((payload?: import("@soybeanjs/headless/composables").CollectionItemData<import("@soybeanjs/headless").ListboxCollectionItemData> | undefined) => any) | undefined;
     onPlaced?: (() => any) | undefined;
   }> & (typeof globalThis extends {
@@ -20,7 +20,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxSlots<M>;
-  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: import("@soybeanjs/headless/composables").CollectionItemData<import("@soybeanjs/headless").ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
+  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "highlight", payload?: import("@soybeanjs/headless/composables").CollectionItemData<import("@soybeanjs/headless").ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{themeSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,h as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v,watchEffect as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{isClient as S,isNuxt as C,transformPropsToContext as w}from"@soybeanjs/headless/shared";import{useStyleTag as T}from"@vueuse/core";import{ConfigProvider as E}from"@soybeanjs/headless/config-provider";import{createShadcnTheme as D,isDefaultPresetOptions as O}from"@soybeanjs/shadcn-theme";const k=l({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{},locale:{},nonce:{},tooltip:{},iconRender:{},messages:{}},setup(l){let k=l,A=x(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>d(a,{icon:e,ssr:C}));i({...w(k),iconRender:j});let M=g(``),N=()=>{let{getCss:e}=D(k.theme);M.value=e(k.theme,k.theme.radius)};return T(M,{id:`__SoybeanUI_theme`}),y(()=>{if(!S)return;let t=e[k.size??`md`];document.documentElement.style.fontSize=`${t}px`},{flush:`post`}),v(()=>k.theme,()=>{S&&(O(k.theme)||N())},{deep:!0,flush:`post`,immediate:!0}),(e,i)=>(m(),o(_(E),f(_(A),{"icon-render":_(j)}),{default:b(()=>[h(e.$slots,`default`),k.customToast?s(`v-if`,!0):(m(),o(r,p(f({key:0},k.toast)),null,16)),c(t),c(n,p(u(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};
+import{themeSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,h as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v,watchEffect as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{useStyleTag as S}from"@vueuse/core";import{ConfigProvider as C}from"@soybeanjs/headless/config-provider";import{isClient as w,isNuxt as T,transformPropsToContext as E}from"@soybeanjs/headless/shared";import{createShadcnTheme as D,isDefaultPresetOptions as O}from"@soybeanjs/shadcn-theme";const k=l({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{},locale:{},nonce:{},tooltip:{},iconRender:{},messages:{}},setup(l){let k=l,A=x(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>d(a,{icon:e,ssr:T}));i({...E(k),iconRender:j});let M=g(``),N=()=>{let{getCss:e}=D(k.theme);M.value=e(k.theme,k.theme.radius)};return S(M,{id:`__SoybeanUI_theme`}),y(()=>{if(!w)return;let t=e[k.size??`md`];document.documentElement.style.fontSize=`${t}px`},{flush:`post`}),v(()=>k.theme,()=>{w&&(O(k.theme)||N())},{deep:!0,flush:`post`,immediate:!0}),(e,i)=>(m(),o(_(C),f(_(A),{"icon-render":_(j)}),{default:b(()=>[h(e.$slots,`default`),k.customToast?s(`v-if`,!0):(m(),o(r,p(f({key:0},k.toast)),null,16)),c(t),c(n,p(u(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};

package/dist/components/context-menu/context-menu-checkbox.vue.d.ts

@@ -5,6 +5,7 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 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: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -12,7 +13,6 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").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;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxSlots<T>;
-  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").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: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-radio.vue.d.ts

@@ -5,6 +5,7 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuRadioProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -12,7 +13,6 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioSlots<T>;
-  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -2,6 +2,7 @@ import { DatePickerProps } from "./types.js";
 
 //#region src/components/date-picker/date-picker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (date: import("@internationalized/date").DateValue | undefined) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -9,9 +10,9 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (date: import("@internationalized/date").DateValue | undefined) => any;
   "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -19,7 +20,6 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
 }>, {
   open: boolean;

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -2,6 +2,7 @@ import { DateRangePickerProps } from "./types.js";
 
 //#region src/components/date-range-picker/date-range-picker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (range: import("@soybeanjs/headless").DateRange) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -9,10 +10,10 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (range: import("@soybeanjs/headless").DateRange) => any;
   "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
   "update:startValue": (date: import("@internationalized/date").DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless").DateRange) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -20,7 +21,6 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless").DateRange) => any) | undefined;
   "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
 }>, {

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

@@ -3,10 +3,10 @@ import { DialogProps, DialogSlots } from "./types.js";
 //#region src/components/dialog/dialog.vue.d.ts
 type __VLS_Slots = DialogSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   close: (event: MouseEvent) => any;
   cancel: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
-  "update:open": (value: boolean) => any;
   click: (event: PointerEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: ((event: MouseEvent) => any) | undefined;
   onCancel?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  showClose: boolean;
   open: boolean;
+  showClose: boolean;
   modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -3,10 +3,10 @@ import { DrawerProps, DrawerSlots } from "./types.js";
 //#region src/components/drawer/drawer.vue.d.ts
 type __VLS_Slots = DrawerSlots;
 declare const __VLS_base: import("vue").DefineComponent<DrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   close: (event: MouseEvent) => any;
   cancel: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
-  "update:open": (value: boolean) => any;
   click: (event: PointerEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<DrawerProps, {}, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<DrawerProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: ((event: MouseEvent) => any) | undefined;
   onCancel?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<DrawerProps, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  showClose: boolean;
   open: boolean;
+  showClose: boolean;
   modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts

@@ -5,6 +5,7 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 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: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -12,7 +13,6 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").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;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxSlots<T>;
-  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").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: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts

@@ -5,6 +5,7 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -12,7 +13,6 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuRadioSlots<T>;
-  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/icon/icon.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import"../config-provider/index.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,mergeProps as a,normalizeStyle as o,openBlock as s,resolveComponent as c,resolveDynamicComponent as l,unref as u}from"vue";import{isNuxt as d}from"@soybeanjs/headless/shared";import{Icon as f}from"@iconify/vue";const p=i({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{type:Function},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(i){let p=i,m=e(),h=t(()=>{let{width:e,height:t}=p,n=m?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),g=t(()=>({...p,...h.value})),_=d?c(`Icon`):null,v=t(()=>_&&typeof p.icon==`string`),y=t(()=>(p.mode??`svg`)===`svg`?`svg`:`css`);function b(e){return!e||v.value?!1:typeof e==`string`||typeof e==`object`&&`body`in e}return(e,t)=>b(i.icon)?(s(),n(u(f),a({key:0},g.value,{icon:i.icon,ssr:u(d),style:{"flex-shrink":`0`}}),null,16,[`icon`,`ssr`])):v.value?(s(),n(u(_),{key:1,name:i.icon,mode:y.value,width:h.value.width,height:h.value.height,customize:i.customise,style:{"flex-shrink":`0`}},null,8,[`name`,`mode`,`width`,`height`,`customize`])):i.icon?(s(),n(l(i.icon),{key:2,style:o([{"flex-shrink":`0`},{width:h.value.width,height:h.value.height}])},null,8,[`style`])):r(`v-if`,!0)}});export{p as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import"../config-provider/index.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,mergeProps as a,normalizeStyle as o,openBlock as s,resolveDynamicComponent as c,unref as l}from"vue";import{Icon as u}from"@iconify/vue";const d=i({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{type:Function},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(i){let d=i,f=e(),p=t(()=>{let{width:e,height:t}=d,n=f?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),m=t(()=>({...d,...p.value})),h=t(()=>g(d.icon)?{...m.value,icon:d.icon}:null);function g(e){return e?typeof e==`string`||typeof e==`object`&&`body`in e:!1}return(e,t)=>h.value?(s(),n(l(u),a({key:0},h.value,{style:{"flex-shrink":`0`}}),null,16)):i.icon?(s(),n(c(i.icon),{key:1,style:o([{"flex-shrink":`0`},{width:p.value.width,height:p.value.height}])},null,8,[`style`])):r(`v-if`,!0)}});export{d as default};

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

@@ -5,6 +5,7 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 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: import("vue").PublicProps & __VLS_PrettifyLocal<MenubarProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").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: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -12,7 +13,6 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").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;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarSlots<T>;
-  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").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: import("@soybeanjs/headless").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: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -6,20 +6,20 @@ declare const __VLS_base: import("vue").DefineComponent<NavigationMenuProps, {},
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
+  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
-  "update:modelValue": (value: string) => any;
 }, string, import("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: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -5,9 +5,9 @@ import { PageTabsOptionData } from "@soybeanjs/headless/page-tabs";
 declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     onSelectContextMenu?: ((menu: import("@soybeanjs/headless").PageTabsContextMenuOptionData, tab: T) => any) | undefined;

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

@@ -3,9 +3,9 @@ import { PopconfirmProps, PopconfirmSlots } from "./types.js";
 //#region src/components/popconfirm/popconfirm.vue.d.ts
 type __VLS_Slots = PopconfirmSlots;
 declare const __VLS_base: import("vue").DefineComponent<PopconfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   cancel: (event: PointerEvent) => any;
   confirm: (event: PointerEvent) => any;
-  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
@@ -13,9 +13,9 @@ declare const __VLS_base: import("vue").DefineComponent<PopconfirmProps, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<PopconfirmProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onCancel?: ((event: PointerEvent) => any) | undefined;
   onConfirm?: ((event: PointerEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
@@ -23,8 +23,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopconfirmProps, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  showCancel: "onlyWarning" | boolean;
   open: boolean;
+  showCancel: "onlyWarning" | boolean;
   showArrow: boolean;
   showIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -5,18 +5,18 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 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: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
     onSelect?: ((event: import("@soybeanjs/headless").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: import("@soybeanjs/headless").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: SelectSlots<T, M>;
-  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
+  emit: ((evt: "select", event: import("@soybeanjs/headless").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: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/styles/alert.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/alert.d.ts
-declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "description" | "content" | "close" | "root", NoInfer<{
+declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "content" | "close" | "description" | "root", NoInfer<{
   color: {
     primary: {
       root: "border-primary text-primary";
@@ -93,8 +93,8 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
-  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "outline" | "soft" | "ghost" | "solid" | "pure" | undefined;
 }>;
 type AlertVariants = VariantProps<typeof alertVariants>;
 type AlertVariant = NonNullable<AlertVariants['variant']>;

package/dist/styles/badge.d.ts

@@ -64,7 +64,7 @@ declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "roo
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
 }>;
 type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/styles/button.d.ts

@@ -48,9 +48,9 @@ declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "auto" | "rounded" | "square" | "circle" | undefined;
-  variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
+  variant?: "link" | "outline" | "soft" | "ghost" | "solid" | "pure" | "dashed" | "plain" | undefined;
   shadow?: "sm" | "md" | "lg" | "none" | undefined;
   fitContent?: boolean | undefined;
 }>;

package/dist/styles/checkbox.d.ts

@@ -78,7 +78,7 @@ declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "ro
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/dialog.js

@@ -1 +1 @@
-import{miniButtonIconVariants as e,miniButtonVariants as t}from"./button.js";import{scv as n}from"@soybeanjs/cva";const r=n({extendBase:n=>({close:e({size:n.size}),cancel:t({size:n.size,variant:`pure`}),confirm:t({size:n.size})}),slots:{overlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],popup:[`group fixed start-1/2 top-1/2 z-50 flex flex-col w-max lt-sm:min-w-full lt-sm:max-w-full border bg-background shadow-lg outline-none duration-200 rounded-lg`,`-translate-x-1/2 -translate-y-1/2 [&[dir=rtl]]:translate-x-1/2`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2`],header:`flex flex-col text-center sm:text-start`,title:`flex items-center font-semibold leading-none tracking-tight m-0`,icon:`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`,description:`text-muted-foreground m-0`,close:`absolute`,content:`grow overflow-auto`,footer:`flex flex-col-reverse sm:flex-row sm:justify-end`,cancel:``,confirm:``},variants:{size:{xs:{popup:`gap-y-1.5 min-w-xs max-w-3xl px-2 py-1.5 text-2xs`,header:`gap-y-1.5`,title:`gap-x-1.5 text-xs`,description:`text-2xs`,close:`end-1.5 top-1.5`,footer:`gap-1.5`},sm:{popup:`gap-y-2 min-w-sm max-w-4xl px-3 py-2 text-xs`,header:`gap-y-2`,title:`gap-x-1.75 text-sm`,description:`text-xs`,close:`end-1.75 top-1.75`,footer:`gap-2`},md:{popup:`gap-y-3 min-w-md max-w-5xl px-4 py-3 text-sm`,header:`gap-y-3`,title:`gap-x-2 text-base`,description:`text-sm`,close:`end-2 top-2`,footer:`gap-3`},lg:{popup:`gap-y-4 min-w-lg max-w-6xl px-5 py-4 text-base`,header:`gap-y-4`,title:`gap-x-2.5 text-lg`,description:`text-base`,close:`end-2.5 top-2.5`,footer:`gap-4`},xl:{popup:`gap-y-5 min-w-xl max-w-7xl px-6 py-5 text-lg`,header:`gap-y-5`,title:`gap-x-3 text-xl`,description:`text-lg`,close:`end-3 top-3`,footer:`gap-5`},"2xl":{popup:`gap-y-6 min-w-2xl max-w-7xl px-7 py-6 text-xl`,header:`gap-y-6`,title:`gap-x-3.5 text-2xl`,description:`text-xl`,close:`end-4 top-4`,footer:`gap-6`}},pure:{true:{popup:`p-0 gap-0 border-none`}}},defaultVariants:{size:`md`}});export{r as dialogVariants};
+import{miniButtonIconVariants as e,miniButtonVariants as t}from"./button.js";import{scv as n}from"@soybeanjs/cva";const r=n({extendBase:n=>({close:e({size:n.size}),cancel:t({size:n.size,variant:`pure`}),confirm:t({size:n.size})}),slots:{overlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],popup:[`group fixed start-1/2 top-1/2 z-50 flex flex-col w-max lt-sm:min-w-full lt-sm:max-w-full border bg-background shadow-lg outline-none duration-200 rounded-lg`,`-translate-x-1/2 -translate-y-1/2 [&[dir=rtl]]:translate-x-1/2`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2`],header:`flex flex-col lt-sm:text-center`,title:`flex items-center font-semibold leading-none tracking-tight m-0`,icon:`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`,description:`text-muted-foreground m-0`,close:`absolute`,content:`grow overflow-auto`,footer:`flex justify-end lt-sm:flex-col-reverse`,cancel:``,confirm:``},variants:{size:{xs:{popup:`gap-y-1.5 min-w-xs max-w-3xl px-2 py-1.5 text-2xs`,header:`gap-y-1.5`,title:`gap-x-1.5 text-xs`,description:`text-2xs`,close:`end-1.5 top-1.5`,footer:`gap-1.5`},sm:{popup:`gap-y-2 min-w-sm max-w-4xl px-3 py-2 text-xs`,header:`gap-y-2`,title:`gap-x-1.75 text-sm`,description:`text-xs`,close:`end-1.75 top-1.75`,footer:`gap-2`},md:{popup:`gap-y-3 min-w-md max-w-5xl px-4 py-3 text-sm`,header:`gap-y-3`,title:`gap-x-2 text-base`,description:`text-sm`,close:`end-2 top-2`,footer:`gap-3`},lg:{popup:`gap-y-4 min-w-lg max-w-6xl px-5 py-4 text-base`,header:`gap-y-4`,title:`gap-x-2.5 text-lg`,description:`text-base`,close:`end-2.5 top-2.5`,footer:`gap-4`},xl:{popup:`gap-y-5 min-w-xl max-w-7xl px-6 py-5 text-lg`,header:`gap-y-5`,title:`gap-x-3 text-xl`,description:`text-lg`,close:`end-3 top-3`,footer:`gap-5`},"2xl":{popup:`gap-y-6 min-w-2xl max-w-7xl px-7 py-6 text-xl`,header:`gap-y-6`,title:`gap-x-3.5 text-2xl`,description:`text-xl`,close:`end-4 top-4`,footer:`gap-6`}},pure:{true:{popup:`p-0 gap-0 border-none`}}},defaultVariants:{size:`md`}});export{r as dialogVariants};

package/dist/styles/drawer.js

@@ -1 +1 @@
-import{dialogVariants as e}from"./dialog.js";import{scv as t}from"@soybeanjs/cva";const n=t({extend:[e],extendIgnore:[`popup`],slots:{popup:[`fixed z-50 flex flex-col justify-between items-stretch border bg-background outline-none transition ease-in-out`,`data-[state=open]:animate-in data-[state=open]:duration-500`,`data-[state=closed]:animate-out data-[state=closed]:duration-300`]},variants:{size:{xs:{popup:`gap-y-1.5 px-2 py-1.5 text-2xs`},sm:{popup:`gap-y-2 px-3 py-2 text-xs`},md:{popup:`gap-y-3 px-4 py-3 text-sm`},lg:{popup:`gap-y-4 px-5 py-4 text-base`},xl:{popup:`gap-y-5 px-6 py-5 text-lg`},"2xl":{popup:`gap-y-6 px-7 py-6 text-xl`}},side:{top:{popup:`inset-x-0 top-0 border-b rounded-b-md data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top`},bottom:{popup:`inset-x-0 bottom-0 border-t rounded-t-md data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom`},left:{popup:[`inset-y-0 start-0 h-full w-3/4 border-e rounded-e-md sm:max-w-sm`,`data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left`,`[&[dir=rtl]]:data-[state=open]:slide-in-from-right [&[dir=rtl]]:data-[state=closed]:slide-out-to-right`]},right:{popup:[`inset-y-0 end-0 h-full w-3/4 border-s rounded-s-md sm:max-w-sm`,`data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right`,`[&[dir=rtl]]:data-[state=open]:slide-in-from-left [&[dir=rtl]]:data-[state=closed]:slide-out-to-left`]}}},defaultVariants:{size:`md`,side:`right`}});export{n as drawerVariants};
+import{dialogVariants as e}from"./dialog.js";import{scv as t}from"@soybeanjs/cva";const n=t({extend:[e],extendIgnore:[`popup`],slots:{popup:[`fixed z-50 flex flex-col justify-between items-stretch border bg-background outline-none transition ease-in-out`,`data-[state=open]:animate-in data-[state=open]:duration-500`,`data-[state=closed]:animate-out data-[state=closed]:duration-300`]},variants:{size:{xs:{popup:`gap-y-1.5 px-2 py-1.5 text-2xs`},sm:{popup:`gap-y-2 px-3 py-2 text-xs`},md:{popup:`gap-y-3 px-4 py-3 text-sm`},lg:{popup:`gap-y-4 px-5 py-4 text-base`},xl:{popup:`gap-y-5 px-6 py-5 text-lg`},"2xl":{popup:`gap-y-6 px-7 py-6 text-xl`}},side:{top:{popup:`inset-x-0 top-0 border-b rounded-b-md data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top`},bottom:{popup:`inset-x-0 bottom-0 border-t rounded-t-md data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom`},left:{popup:[`inset-y-0 start-0 h-full max-w-sm lt-sm:w-3/4 border-e rounded-e-md`,`data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left`,`[&[dir=rtl]]:data-[state=open]:slide-in-from-right [&[dir=rtl]]:data-[state=closed]:slide-out-to-right`]},right:{popup:[`inset-y-0 end-0 h-full max-w-sm lt-sm:w-3/4 border-s rounded-s-md`,`data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right`,`[&[dir=rtl]]:data-[state=open]:slide-in-from-left [&[dir=rtl]]:data-[state=closed]:slide-out-to-left`]}}},defaultVariants:{size:`md`,side:`right`}});export{n as drawerVariants};