@soybeanjs/headless 0.22.0 → 0.22.1

package/dist/components/navigation-menu/navigation-menu-option-compact.js

@@ -1 +1 @@
-import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useCommonSlotNames as r}from"./shared.js";import{useNavigationMenuUi as i}from"./context.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-sub-option-compact.js";import s from"./navigation-menu-content.js";import c from"./navigation-menu-item.js";import l from"./navigation-menu-link.js";import u from"./navigation-menu-sub-list.js";import d from"./navigation-menu-trigger.js";import{Fragment as f,computed as p,createBlock as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveDynamicComponent as D,toDisplayString as O,toHandlers as k,unref as A,useSlots as j,withCtx as M}from"vue";const N=y({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(y,{emit:N}){let P=y,F=N,I=j(),L=t(F),R=p(()=>e(I)),z=r(I),B=i(),V=p(()=>!!(P.item.to||P.item.href)),H=p(()=>V.value?{...P.linkProps,disabled:P.item.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,t)=>(w(),m(c,x(y.itemProps,{value:y.item.value}),{default:M(()=>[y.item.children?.length?(w(),h(f,{key:1},[v(d,x(y.triggerProps,{disabled:y.item.disabled,"as-child":V.value}),{default:M(()=>[(w(),m(D(V.value?l:`template`),x(H.value,{onSelect:t[1]||(t[1]=e=>F(`select`,e))}),{default:M(()=>[v(a,{icon:y.item.icon},_({"trigger-icon":M(()=>[E(e.$slots,`item-trigger-icon`,{item:y.item},()=>[v(n,{icon:`lucide:chevron-down`,class:S(A(B).triggerIcon)},null,8,[`class`])])]),default:M(()=>[g(`span`,null,O(y.item.label),1)]),_:2},[T(A(z),t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:y.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),v(s,x(y.contentProps,k(A(L))),{default:M(()=>[v(u,C(b(y.subListProps)),{default:M(()=>[(w(!0),h(f,null,T(y.item.children,n=>(w(),m(o,{key:n.value,"sub-item":n,"sub-item-props":y.subItemProps,onSelect:t[2]||(t[2]=e=>F(`select`,e))},_({"item-children":M(t=>[E(e.$slots,`item-children`,{item:t.item})]),_:2},[T(R.value,t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:n})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(w(),m(l,x({key:0},H.value,{onSelect:t[0]||(t[0]=e=>F(`select`,e))}),{default:M(({isHref:t})=>[v(a,{icon:y.item.icon},_({default:M(()=>[g(`span`,null,O(y.item.label),1)]),_:2},[T(A(z),t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:y.item})])})),t?{name:`link-icon`,fn:M(()=>[E(e.$slots,`item-link-icon`,{item:y.item},()=>[v(n,{icon:`lucide:arrow-up-right`,class:S(A(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCommonSlotNames as n}from"./shared.js";import{useNavigationMenuUi as r}from"./context.js";import i from"./navigation-menu-item-slot-compact.js";import a from"./navigation-menu-sub-option-compact.js";import o from"./navigation-menu-content.js";import s from"./navigation-menu-item.js";import c from"./navigation-menu-link.js";import l from"./navigation-menu-sub-list.js";import u from"./navigation-menu-trigger.js";import{Fragment as d,computed as f,createBlock as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderList as w,renderSlot as T,resolveDynamicComponent as E,toDisplayString as D,toHandlers as O,unref as k,useSlots as A,withCtx as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=v({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(v,{emit:N}){let P=v,F=N,I=A(),L=e(F),R=f(()=>M(I)),z=n(I),B=r(),V=f(()=>!!(P.item.to||P.item.href)),H=f(()=>V.value?{...P.linkProps,disabled:P.item.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,n)=>(C(),p(s,b(v.itemProps,{value:v.item.value}),{default:j(()=>[v.item.children?.length?(C(),m(d,{key:1},[_(u,b(v.triggerProps,{disabled:v.item.disabled,"as-child":V.value}),{default:j(()=>[(C(),p(E(V.value?c:`template`),b(H.value,{onSelect:n[1]||(n[1]=e=>F(`select`,e))}),{default:j(()=>[_(i,{icon:v.item.icon},g({"trigger-icon":j(()=>[T(e.$slots,`item-trigger-icon`,{item:v.item},()=>[_(t,{icon:`lucide:chevron-down`,class:x(k(B).triggerIcon)},null,8,[`class`])])]),default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),_(o,b(v.contentProps,O(k(L))),{default:j(()=>[_(l,S(y(v.subListProps)),{default:j(()=>[(C(!0),m(d,null,w(v.item.children,t=>(C(),p(a,{key:t.value,"sub-item":t,"sub-item-props":v.subItemProps,onSelect:n[2]||(n[2]=e=>F(`select`,e))},g({"item-children":j(t=>[T(e.$slots,`item-children`,{item:t.item})]),_:2},[w(R.value,n=>({name:n,fn:j(()=>[T(e.$slots,n,{item:t})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(C(),p(c,b({key:0},H.value,{onSelect:n[0]||(n[0]=e=>F(`select`,e))}),{default:j(({isHref:n})=>[_(i,{icon:v.item.icon},g({default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item})])})),n?{name:`link-icon`,fn:j(()=>[T(e.$slots,`item-link-icon`,{item:v.item},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(k(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { PageTabsUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/page-tabs/context.d.ts
 declare const providePageTabsUi: (ui: _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>, usePageTabsUi: UseUiConsumer<PageTabsUiSlot>;
 //#endregion

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

@@ -8,8 +8,8 @@ declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
-    onPin?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
+    onPin?: ((tab: T) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;

package/dist/components/pagination/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { PaginationUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/pagination/context.d.ts
 declare const providePaginationUi: (ui: _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>, usePaginationUi: UseUiConsumer<PaginationUiSlot>;
 //#endregion

package/dist/components/password/password-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../button/button.js";import o from"../input/input-root.js";import s from"../input/input-clear.js";import c from"../input/input-control.js";import{usePasswordUi as l}from"./context.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=m({name:`PasswordCompact`,__name:`password-compact`,props:{clearable:{type:Boolean},visible:{type:Boolean,default:void 0},inputRef:{},controlProps:{},clearProps:{},visibleProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:visible`],setup(m,{emit:b}){let x=m,S=b,C=r(x,[`inputRef`,`controlProps`,`clearable`,`clearProps`,`visible`,`visibleProps`]),[w,T]=n(e=>x.inputRef?.(e)),E=t(()=>x.visible,e=>{S(`update:visible`,e)},!1),D=l(),O=e(),k=u(()=>x.clearProps?.[`aria-label`]??O.value.password.clearInput),A=u(()=>x.disabled||x.readonly||x.visibleProps?.disabled||!1),j=u(()=>E.value?O.value.password.hidePassword:O.value.password.showPassword),M=()=>{E.value=!E.value};return(e,t)=>(g(),d(o,h(v(C),{"data-soybean-password":``,"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:y(({clear:t,modelValue:n})=>[_(e.$slots,`leading`,{clear:t,modelValue:n,toggle:M,visible:v(E)}),p(c,h(m.controlProps,{ref:v(T),type:v(E)?`text`:`password`}),null,16,[`type`]),m.clearable?_(e.$slots,`clear`,{key:0,clear:t,modelValue:n,toggle:M,visible:v(E)},()=>[p(s,h(m.clearProps,{"aria-label":k.value}),null,16,[`aria-label`])]):f(`v-if`,!0),_(e.$slots,`trailing`,{clear:t,modelValue:n,toggle:M,visible:v(E)}),_(e.$slots,`visible`,{clear:t,modelValue:n,toggle:M,visible:v(E)},()=>[p(a,h(m.visibleProps,{"data-soybean-password-visible":``,class:v(D).visible,disabled:A.value,"aria-label":j.value,"aria-pressed":v(E),onClick:M}),{default:y(()=>[p(i,{icon:v(E)?`lucide:eye`:`lucide:eye-off`,"aria-hidden":!0},null,8,[`icon`])]),_:1},16,[`class`,`disabled`,`aria-label`,`aria-pressed`])])]),_:3},16))}});export{b as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../button/button.js";import o from"../input/input-root.js";import s from"../input/input-clear.js";import c from"../input/input-control.js";import{usePasswordUi as l}from"./context.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=m({name:`PasswordCompact`,__name:`password-compact`,props:{visible:{type:Boolean,default:void 0},visibleProps:{},inputRef:{},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`,`clear`,`update:visible`],setup(m,{emit:b}){let x=m,S=b,C=r(x,[`inputRef`,`controlProps`,`clearable`,`clearProps`,`visible`,`visibleProps`]),[w,T]=n(e=>x.inputRef?.(e)),E=t(()=>x.visible,e=>{S(`update:visible`,e)},!1),D=l(),O=e(),k=u(()=>x.clearProps?.[`aria-label`]??O.value.password.clearInput),A=u(()=>x.disabled||x.readonly||x.visibleProps?.disabled||!1),j=u(()=>E.value?O.value.password.hidePassword:O.value.password.showPassword),M=()=>{E.value=!E.value};return(e,t)=>(g(),d(o,h(v(C),{"data-soybean-password":``,"onUpdate:modelValue":t[1]||(t[1]=e=>S(`update:modelValue`,e))}),{default:y(({clear:n,modelValue:r})=>[_(e.$slots,`leading`,{clear:n,modelValue:r,toggle:M,visible:v(E)}),p(c,h(m.controlProps,{ref:v(T),type:v(E)?`text`:`password`}),null,16,[`type`]),m.clearable?_(e.$slots,`clear`,{key:0,clear:n,modelValue:r,toggle:M,visible:v(E)},()=>[p(s,h(m.clearProps,{"aria-label":k.value,onClear:t[0]||(t[0]=e=>S(`clear`,e))}),null,16,[`aria-label`])]):f(`v-if`,!0),_(e.$slots,`trailing`,{clear:n,modelValue:r,toggle:M,visible:v(E)}),_(e.$slots,`visible`,{clear:n,modelValue:r,toggle:M,visible:v(E)},()=>[p(a,h(m.visibleProps,{"data-soybean-password-visible":``,class:v(D).visible,disabled:A.value,"aria-label":j.value,"aria-pressed":v(E),onClick:M}),{default:y(()=>[p(i,{icon:v(E)?`lucide:eye`:`lucide:eye-off`,"aria-hidden":!0},null,8,[`icon`])]),_:1},16,[`class`,`disabled`,`aria-label`,`aria-pressed`])])]),_:3},16))}});export{b as default};

package/dist/components/password/password-compact.vue.d.ts

@@ -5,9 +5,11 @@ import * as _$vue from "vue";
 type __VLS_Slots = PasswordCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<PasswordCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
+  clear: (event: PointerEvent) => any;
   "update:visible": (visible: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<PasswordCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
   visible: boolean;

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

@@ -1,6 +1,6 @@
 import { UiClass } from "../../types/common.js";
 import { ButtonProps } from "../button/types.js";
-import { InputClearProps, InputControlProps, InputRootEmits, InputRootProps, InputUiSlot } from "../input/types.js";
+import { InputCompactEmits, InputCompactProps, InputUiSlot } from "../input/types.js";
 
 //#region src/components/password/types.d.ts
 /**
@@ -27,29 +27,11 @@ interface PasswordCompactSlotProps {
 /**
  * Properties for the PasswordCompact component.
  */
-interface PasswordCompactProps extends InputRootProps {
-  /**
-   * Whether to show the clear trigger.
-   *
-   * @defaultValue false
-   */
-  clearable?: boolean;
+interface PasswordCompactProps extends InputCompactProps {
   /**
    * Controlled password visibility.
    */
   visible?: boolean;
-  /**
-   * The function to set the input element.
-   */
-  inputRef?: (el: HTMLInputElement) => void;
-  /**
-   * Properties forwarded to the control element.
-   */
-  controlProps?: InputControlProps;
-  /**
-   * Properties forwarded to the clear element.
-   */
-  clearProps?: InputClearProps;
   /**
    * Properties forwarded to the visible element.
    */
@@ -58,7 +40,7 @@ interface PasswordCompactProps extends InputRootProps {
 /**
  * Events for the PasswordCompact component.
  */
-type PasswordCompactEmits = InputRootEmits & {
+type PasswordCompactEmits = InputCompactEmits & {
   /**
    * Emitted when the visible state changes.
    */

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

@@ -5,29 +5,29 @@ import * as _$vue from "vue";
 //#region src/components/popconfirm/popconfirm-compact.vue.d.ts
 type __VLS_Slots = PopconfirmCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<PopconfirmCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  cancel: (event: PointerEvent) => any;
   "update:open": (value: boolean) => any;
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  cancel: (event: PointerEvent) => any;
   confirm: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<PopconfirmCompactProps> & Readonly<{
-  onCancel?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onCancel?: ((event: PointerEvent) => any) | undefined;
   onConfirm?: ((event: PointerEvent) => any) | undefined;
 }>, {
   open: boolean;
-  defaultOpen: boolean;
   showArrow: boolean;
+  defaultOpen: boolean;
   modal: boolean;
   showCancel: "onlyWarning" | boolean;
   showIcon: boolean;

package/dist/components/popover/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { PopoverUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/popover/context.d.ts
 declare const providePopoverUi: (ui: _$vue.ComputedRef<Partial<UiClass<PopoverUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PopoverUiSlot>>>, usePopoverUi: UseUiConsumer<PopoverUiSlot>;
 //#endregion

package/dist/components/popover/popover-compact.vue.d.ts

@@ -6,24 +6,24 @@ import * as _$vue from "vue";
 type __VLS_Slots = PopoverCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<PopoverCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<PopoverCompactProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
-  defaultOpen: boolean;
   showArrow: boolean;
+  defaultOpen: 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-positioner.vue.d.ts

@@ -8,19 +8,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PopoverPositionerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<PopoverPositionerProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
   prioritizePosition: boolean;

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -204,7 +204,6 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-valuenow': string | number;
   'aria-valuetext': string;
   placement: Placement$1;
-  reference: _$_floating_ui_dom0.ReferenceElement;
   side: _$_floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
@@ -222,6 +221,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   updatePositionStrategy: "optimized" | "always";
   disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
+  reference: _$_floating_ui_dom0.ReferenceElement;
 }, {}, {}, {}, 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/progress/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ProgressProviderUiSlot, ProgressUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/progress/context.d.ts
 declare const provideProgressUi: (ui: _$vue.ComputedRef<Partial<UiClass<ProgressUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ProgressUiSlot>>>, useProgressUi: UseUiConsumer<ProgressUiSlot>;
 declare const provideProgressProviderUi: (ui: _$vue.ComputedRef<Partial<UiClass<ProgressProviderUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ProgressProviderUiSlot>>>, useProgressProviderUi: UseUiConsumer<ProgressProviderUiSlot>;

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { RadioGroupCardUiSlot, RadioGroupUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/radio-group/context.d.ts
 declare const provideRadioGroupUi: (ui: _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>, useRadioGroupUi: UseUiConsumer<RadioGroupUiSlot>;
 declare const provideRadioGroupCardUi: (ui: _$vue.ComputedRef<Partial<UiClass<RadioGroupCardUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<RadioGroupCardUiSlot>>>, useRadioGroupCardUi: UseUiConsumer<RadioGroupCardUiSlot>;

package/dist/components/roving-focus/roving-focus-group.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<RovingFocusGroupProps, {
   "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   preventScrollOnEntryFocus: boolean;
+  loop: 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/scroll-area/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ScrollAreaUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/scroll-area/context.d.ts
 declare const provideScrollAreaUi: (ui: _$vue.ComputedRef<Partial<UiClass<ScrollAreaUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ScrollAreaUiSlot>>>, useScrollAreaUi: UseUiConsumer<ScrollAreaUiSlot>;
 //#endregion

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { SelectUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/select/context.d.ts
 declare const provideSelectUi: (ui: _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>, useSelectUi: UseUiConsumer<SelectUiSlot>;
 //#endregion

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

@@ -7,18 +7,18 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = 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<SelectCompactProps<T, M> & {
     onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectCompactSlots<T, M>;
-  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void);
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -10,18 +10,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<SelectContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<SelectContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  position: SelectPosition;
-  bodyLock: boolean;
   avoidCollisions: boolean;
   prioritizePosition: boolean;
+  position: SelectPosition;
+  bodyLock: 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/select/select-root.vue.d.ts

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 //#region src/components/select/select-root.vue.d.ts
 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<SelectRootProps<T, M> & {
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       open: boolean;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/slider/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { SliderUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/slider/context.d.ts
 declare const provideSliderUi: (ui: _$vue.ComputedRef<Partial<UiClass<SliderUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SliderUiSlot>>>, useSliderUi: UseUiConsumer<SliderUiSlot>;
 //#endregion

package/dist/components/splitter/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { SplitterUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/splitter/context.d.ts
 declare const provideSplitterUi: (ui: _$vue.ComputedRef<Partial<UiClass<SplitterUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SplitterUiSlot>>>, useSplitterUi: UseUiConsumer<SplitterUiSlot>;
 //#endregion

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -24,19 +24,19 @@ declare const __VLS_base: _$vue.DefineComponent<SplitterPanelProps, {
   isExpanded: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   resize: (size: number, prevSize: number | undefined) => any;
-  collapse: () => any;
   expand: () => any;
+  collapse: () => any;
 }, string, _$vue.PublicProps, Readonly<SplitterPanelProps> & Readonly<{
   onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
-  onCollapse?: (() => any) | undefined;
   onExpand?: (() => any) | undefined;
+  onCollapse?: (() => any) | undefined;
 }>, {
   collapsible: boolean;
   order: number;
   defaultSize: number;
-  collapsedSize: number;
-  maxSize: number;
   minSize: number;
+  maxSize: number;
+  collapsedSize: number;
 }, {}, {}, {}, 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/stepper/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { StepperUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/stepper/context.d.ts
 declare const provideStepperUi: (ui: _$vue.ComputedRef<Partial<UiClass<StepperUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<StepperUiSlot>>>, useStepperUi: UseUiConsumer<StepperUiSlot>;
 //#endregion

package/dist/components/switch/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { SwitchUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/switch/context.d.ts
 declare const provideSwitchUi: (ui: _$vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>, useSwitchUi: UseUiConsumer<SwitchUiSlot>;
 //#endregion

package/dist/components/table/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TableUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/table/context.d.ts
 declare const provideTableUi: (ui: _$vue.ComputedRef<Partial<UiClass<TableUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TableUiSlot>>>, useTableUi: UseUiConsumer<TableUiSlot>;
 //#endregion

package/dist/components/table/table-compact.vue.d.ts

@@ -4,10 +4,10 @@ import * as _$vue from "vue";
 //#region src/components/table/table-compact.vue.d.ts
 declare const __VLS_export: <T extends TableBaseData = TableBaseData, R extends string | number = string | number, M extends boolean = boolean>(__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<TableCompactProps<T, R, M> & {
+    "onUpdate:expanded"?: ((expanded: R[]) => any) | undefined;
     "onUpdate:sortState"?: ((state: TableSortState | undefined) => any) | undefined;
     "onUpdate:filterState"?: ((state: TableFilterState) => any) | undefined;
     "onUpdate:columnWidths"?: ((state: TableColumnWidthState) => any) | undefined;
-    "onUpdate:expanded"?: ((expanded: R[]) => any) | undefined;
     "onUpdate:selected"?: ((selected: M extends true ? R[] : R | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends TableBaseData = TableBaseData, R extends
   expose: (exposed: {}) => void;
   attrs: any;
   slots: TableCompactSlots<T>;
-  emit: ((evt: "update:sortState", state: TableSortState | undefined) => void) & ((evt: "update:filterState", state: TableFilterState) => void) & ((evt: "update:columnWidths", state: TableColumnWidthState) => void) & ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
+  emit: ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:sortState", state: TableSortState | undefined) => void) & ((evt: "update:filterState", state: TableFilterState) => void) & ((evt: "update:columnWidths", state: TableColumnWidthState) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tabs/context.d.ts

@@ -3,7 +3,6 @@ import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TabsUiSlot } from "./types.js";
 import * as _$vue from "vue";
 import { MaybeRefOrGetter } from "vue";
-
 //#region src/components/tabs/context.d.ts
 declare const provideTabsUi: (ui: _$vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>, useTabsUi: UseUiConsumer<TabsUiSlot>;
 //#endregion

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

@@ -17,9 +17,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
 }>, {
   orientation: DataOrientation;
   modelValue: DefinedValue | null;
-  unmountOnHide: boolean;
   loop: boolean;
   activationMode: TabsActivationMode;
+  unmountOnHide: 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/tags-input/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TagsInputUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/tags-input/context.d.ts
 declare const provideTagsInputUi: (ui: _$vue.ComputedRef<Partial<UiClass<TagsInputUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TagsInputUiSlot>>>, useTagsInputUi: UseUiConsumer<TagsInputUiSlot>;
 //#endregion

package/dist/components/tags-input/tags-input-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tags-input-clear.js";import r from"./tags-input-control.js";import i from"./tags-input-item-delete.js";import a from"./tags-input-item-text.js";import o from"./tags-input-item.js";import s from"./tags-input-root.js";import{Fragment as c,createBlock as l,createElementBlock 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,withCtx as x}from"vue";const S=f({name:`TagsInputCompact`,__name:`tags-input-compact`,props:{clearable:{type:Boolean},controlProps:{},clearProps:{},itemProps:{},itemTextProps:{},itemDeleteProps:{},dir:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{},max:{},displayValue:{type:Function},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(f,{emit:S}){let C=f,w=S,T=t(C,[`clearable`,`controlProps`,`clearProps`,`itemProps`,`itemTextProps`,`itemDeleteProps`]),E=e(w);return(e,t)=>(g(),l(s,m(b(T),y(b(E))),{default:x(({modelValue:t,clear:s})=>[(g(!0),u(c,null,_(t,(t,n)=>(g(),l(o,{key:t,value:t},{default:x(({onDelete:r,displayedValue:o})=>[v(e.$slots,`item`,{value:t,index:n,displayedValue:o,onDelete:r,onClear:s},()=>[d(a),d(i)])]),_:2},1032,[`value`]))),128)),d(r,h(p(f.controlProps)),null,16),d(n,h(p(f.clearProps)),null,16)]),_:3},16))}});export{S as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tags-input-clear.js";import r from"./tags-input-control.js";import i from"./tags-input-item-delete.js";import a from"./tags-input-item-text.js";import o from"./tags-input-item.js";import s from"./tags-input-root.js";import{Fragment as c,createBlock as l,createElementBlock 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,withCtx as x}from"vue";const S=f({name:`TagsInputCompact`,__name:`tags-input-compact`,props:{clearable:{type:Boolean},controlProps:{},clearProps:{},itemProps:{},itemTextProps:{},itemDeleteProps:{},dir:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{},max:{},displayValue:{type:Function},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(f,{emit:S}){let C=f,w=S,T=t(C,[`clearable`,`controlProps`,`clearProps`,`itemProps`,`itemTextProps`,`itemDeleteProps`]),E=e(w);return(e,t)=>(g(),l(s,m(b(T),y(b(E))),{default:x(({modelValue:t,clear:s})=>[(g(!0),u(c,null,_(t,(t,n)=>(g(),l(o,{key:t,value:t},{default:x(({onDelete:r,displayedValue:o})=>[v(e.$slots,`item`,{value:t,index:n,displayedValue:o,onDelete:r,onClear:s},()=>[d(a),d(i)])]),_:2},1032,[`value`]))),128)),d(r,h(p(f.controlProps)),null,16),d(n,h(p(f.clearProps)),null,16)]),_:3},16))}});export{S as default};

package/dist/components/tags-input/tags-input-root.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{removeAt as t}from"../../shared/object.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import"../../composables/index.js";import s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCollectionContext as c,provideTagsInputRootContext as l,useTagsInputUi as u}from"./context.js";import{computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b}from"vue";const x=[`dir`,`data-disabled`,`data-invalid`,`data-has-value`],S=h({name:`TagsInputRoot`,__name:`tags-input-root`,props:{dir:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{default:`,`},max:{default:0},displayValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(h,{emit:S}){let C=h,w=S,T=u(`root`),{getOrderedItems:E,getOrderedElements:D,onContainerElementChange:O}=c(),[k,A]=o(O),j=i(()=>C.dir),M=a(()=>C.modelValue,e=>{w(`update:modelValue`,e)},C.defaultValue??[]),N=y(),P=y(!1),F=d(()=>M.value.length>0),I=d(()=>n(k.value)),L=()=>E(),R=()=>D(),z=()=>{C.disabled||(M.value=[],N.value=void 0,P.value=!1)},B=e=>{if(C.disabled||e<0)return;let n=L()[e];n&&(M.value=t(M.value,e),w(`removeTag`,n.data.value))},V=e=>{if(C.disabled)return!1;let t=e.trim();if(!t)return!1;let n=M.value;if(C.max>0&&n.length>=C.max)return P.value=!0,w(`invalid`,t),!1;let r=n.some(e=>e===t);return!C.duplicate&&r?(P.value=!0,w(`invalid`,t),!1):(P.value=!1,M.value=[...n,t],w(`addTag`,t),!0)},H=t=>{if(C.disabled)return;let n=t.target;if(!n)return;let r=R();if(!r.length){N.value=void 0;return}let i=r.at(-1),a=n.selectionStart===0&&n.selectionEnd===0,o=t.key===`ArrowRight`&&j.value===`ltr`||t.key===`ArrowLeft`&&j.value===`rtl`,s=t.key===`ArrowLeft`&&j.value===`ltr`||t.key===`ArrowRight`&&j.value===`rtl`;switch(t.key){case`Delete`:case`Backspace`:if(!a){N.value=void 0;break}if(N.value){let e=L().findIndex(e=>e.element===N.value),n=N.value===i?r.at(r.indexOf(N.value)-1):r.at(r.indexOf(N.value)+1);B(e),N.value=n,t.preventDefault()}else t.key===`Backspace`&&(N.value=i,t.preventDefault());break;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:if(!a){N.value=void 0;break}if(s&&!N.value)N.value=i,t.preventDefault();else if(o&&N.value===i)N.value=void 0,t.preventDefault();else if(N.value){let n=e(t,N.value,void 0,{itemsArray:r,loop:!1,dir:j.value});n&&(N.value=n)}break;case`ArrowUp`:case`ArrowDown`:N.value&&t.preventDefault();break;default:N.value=void 0;break}};return l({...r(C,[`id`,`autofocus`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`addOnPaste`,`addOnTab`,`addOnBlur`,`disabled`,`delimiter`,`max`]),modelValue:M,selectedElement:N,isInvalidInput:P,dir:j,onAddValue:V,onRemoveValue:B,onInputKeydown:H,onClear:z,getItems:L,displayValue:C.displayValue??(e=>e)}),(e,t)=>(_(),m(`div`,{ref:b(A),"data-soybean-tags-input-root":``,class:g(b(T)),role:`group`,dir:b(j),"data-disabled":h.disabled?``:void 0,"data-invalid":P.value?``:void 0,"data-has-value":F.value?``:void 0},[v(e.$slots,`default`,{modelValue:b(M),clear:z}),I.value&&h.name?(_(),f(b(s),{key:0,name:h.name,value:b(M),required:h.required,disabled:h.disabled},null,8,[`name`,`value`,`required`,`disabled`])):p(`v-if`,!0)],10,x))}});export{S as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{removeAt as t}from"../../shared/object.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import"../../composables/index.js";import s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCollectionContext as c,provideTagsInputRootContext as l,useTagsInputUi as u}from"./context.js";import{computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b}from"vue";const x=[`dir`,`data-disabled`,`data-invalid`,`data-has-value`],S=h({name:`TagsInputRoot`,__name:`tags-input-root`,props:{dir:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{default:`,`},max:{default:0},displayValue:{},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(h,{emit:S}){let C=h,w=S,T=u(`root`),{getOrderedItems:E,getOrderedElements:D,onContainerElementChange:O}=c(),[k,A]=o(O),j=i(()=>C.dir),M=a(()=>C.modelValue,e=>{w(`update:modelValue`,e)},C.defaultValue??[]),N=y(),P=y(!1),F=d(()=>M.value.length>0),I=d(()=>n(k.value)),L=()=>E(),R=()=>D(),z=()=>{C.disabled||(M.value=[],N.value=void 0,P.value=!1)},B=e=>{if(C.disabled||e<0)return;let n=L()[e];n&&(M.value=t(M.value,e),w(`removeTag`,n.data.value))},V=e=>{if(C.disabled)return!1;let t=e.trim();if(!t)return!1;let n=M.value;if(C.max>0&&n.length>=C.max)return P.value=!0,w(`invalid`,t),!1;let r=n.some(e=>e===t);return!C.duplicate&&r?(P.value=!0,w(`invalid`,t),!1):(P.value=!1,M.value=[...n,t],w(`addTag`,t),!0)},H=t=>{if(C.disabled)return;let n=t.target;if(!n)return;let r=R();if(!r.length){N.value=void 0;return}let i=r.at(-1),a=n.selectionStart===0&&n.selectionEnd===0,o=t.key===`ArrowRight`&&j.value===`ltr`||t.key===`ArrowLeft`&&j.value===`rtl`,s=t.key===`ArrowLeft`&&j.value===`ltr`||t.key===`ArrowRight`&&j.value===`rtl`;switch(t.key){case`Delete`:case`Backspace`:if(!a){N.value=void 0;break}if(N.value){let e=L().findIndex(e=>e.element===N.value),n=N.value===i?r.at(r.indexOf(N.value)-1):r.at(r.indexOf(N.value)+1);B(e),N.value=n,t.preventDefault()}else t.key===`Backspace`&&(N.value=i,t.preventDefault());break;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:if(!a){N.value=void 0;break}if(s&&!N.value)N.value=i,t.preventDefault();else if(o&&N.value===i)N.value=void 0,t.preventDefault();else if(N.value){let n=e(t,N.value,void 0,{itemsArray:r,loop:!1,dir:j.value});n&&(N.value=n)}break;case`ArrowUp`:case`ArrowDown`:N.value&&t.preventDefault();break;default:N.value=void 0;break}};return l({...r(C,[`id`,`autofocus`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`addOnPaste`,`addOnTab`,`addOnBlur`,`disabled`,`delimiter`,`max`]),modelValue:M,selectedElement:N,isInvalidInput:P,dir:j,onAddValue:V,onRemoveValue:B,onInputKeydown:H,onClear:z,getItems:L,displayValue:C.displayValue??(e=>e)}),(e,t)=>(_(),m(`div`,{ref:b(A),"data-soybean-tags-input-root":``,class:g(b(T)),role:`group`,dir:b(j),"data-disabled":h.disabled?``:void 0,"data-invalid":P.value?``:void 0,"data-has-value":F.value?``:void 0},[v(e.$slots,`default`,{modelValue:b(M),clear:z}),I.value&&h.name?(_(),f(b(s),{key:0,name:h.name,value:b(M),required:h.required,disabled:h.disabled},null,8,[`name`,`value`,`required`,`disabled`])):p(`v-if`,!0)],10,x))}});export{S as default};

package/dist/components/textarea/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TextareaUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/textarea/context.d.ts
 declare const provideTextareaUi: (ui: _$vue.ComputedRef<Partial<UiClass<TextareaUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TextareaUiSlot>>>, useTextareaUi: UseUiConsumer<TextareaUiSlot>;
 //#endregion

package/dist/components/textarea/textarea-compact.vue.d.ts

@@ -4,11 +4,11 @@ import * as _$vue from "vue";
 //#region src/components/textarea/textarea-compact.vue.d.ts
 type __VLS_Slots = TextareaCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<TextareaCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  clear: (event: PointerEvent) => any;
   "update:modelValue": (value: string) => any;
+  clear: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<TextareaCompactProps> & Readonly<{
-  onClear?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: ((event: PointerEvent) => 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/time-field/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TimeFieldUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/time-field/context.d.ts
 declare const provideTimeFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<TimeFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TimeFieldUiSlot>>>, useTimeFieldUi: UseUiConsumer<TimeFieldUiSlot>;
 //#endregion

package/dist/components/time-range-field/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TimeRangeFieldUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/time-range-field/context.d.ts
 declare const provideTimeRangeFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>, useTimeRangeFieldUi: UseUiConsumer<TimeRangeFieldUiSlot>;
 //#endregion

package/dist/components/toast/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ToastUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/toast/context.d.ts
 declare const provideToastUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>, useToastUi: UseUiConsumer<ToastUiSlot>;
 //#endregion

package/dist/components/toast/shared.js

@@ -1 +1 @@
-import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};
+import{keysOf as e}from"@soybeanjs/utils";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};

package/dist/components/toast/toaster.vue.d.ts

@@ -10,9 +10,9 @@ declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$
   offset: ToastOffset;
   duration: number;
   position: ToastPosition;
+  gap: number;
   hotkey: string[];
   containerAriaLabel: string;
-  gap: number;
   visibleCounts: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;