@soybeanjs/ui 0.0.6-beta.2 → 0.0.7

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

@@ -1,11 +1,11 @@
 import { AccordionOptionData, AccordionProps } from "./types.js";
-import * as vue0 from "vue";
+import * as vue15 from "vue";
 
 //#region src/components/accordion/accordion.vue.d.ts
 declare const __VLS_export: <T extends AccordionOptionData = AccordionOptionData, 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: __VLS_PrettifyLocal<AccordionProps<T, M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-  }> & vue0.PublicProps & (typeof globalThis extends {
+  }> & vue15.PublicProps & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -41,7 +41,7 @@ declare const __VLS_export: <T extends AccordionOptionData = AccordionOptionData
     }) => any;
   };
   emit: (evt: "update:modelValue", value: M extends true ? string[] : string) => void;
-}>) => vue0.VNode & {
+}>) => vue15.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import { AlertProps } from "./types.js";
-import * as vue1 from "vue";
+import * as vue5 from "vue";
 
 //#region src/components/alert/alert.vue.d.ts
 declare var __VLS_10: {}, __VLS_29: {}, __VLS_37: {}, __VLS_39: {}, __VLS_41: {}, __VLS_49: {};
@@ -16,13 +16,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_49) => any;
 };
-declare const __VLS_base: vue1.DefineComponent<AlertProps, {}, {}, {}, {}, vue1.ComponentOptionsMixin, vue1.ComponentOptionsMixin, {
+declare const __VLS_base: vue5.DefineComponent<AlertProps, {}, {}, {}, {}, vue5.ComponentOptionsMixin, vue5.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue1.PublicProps, Readonly<AlertProps> & Readonly<{
+}, string, vue5.PublicProps, Readonly<AlertProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue1.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue5.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/alert-dialog/alert-dialog-action.vue.d.ts

@@ -1,5 +1,5 @@
 import { AlertDialogActionProps } from "./types.js";
-import * as vue16 from "vue";
+import * as vue34 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-action.vue.d.ts
 declare var __VLS_8: {}, __VLS_15: {};
@@ -8,9 +8,9 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: vue16.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue16.ComponentOptionsMixin, vue16.ComponentOptionsMixin, {}, string, vue16.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
+declare const __VLS_base: vue34.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue34.ComponentOptionsMixin, vue34.ComponentOptionsMixin, {}, string, vue34.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
   text: string;
-}, {}, {}, {}, string, vue16.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue34.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/alert-dialog/alert-dialog-cancel.vue.d.ts

@@ -1,7 +1,7 @@
 import { ButtonVariant } from "../../variants/button.js";
 import { AlertDialogCancelProps } from "./types.js";
 import "../button/index.js";
-import * as vue6 from "vue";
+import * as vue24 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-cancel.vue.d.ts
 declare var __VLS_8: {}, __VLS_15: {};
@@ -10,10 +10,10 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: vue6.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue6.ComponentOptionsMixin, vue6.ComponentOptionsMixin, {}, string, vue6.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
+declare const __VLS_base: vue24.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue24.ComponentOptionsMixin, vue24.ComponentOptionsMixin, {}, string, vue24.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
   text: string;
   variant: ButtonVariant;
-}, {}, {}, {}, string, vue6.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue24.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/alert-dialog/alert-dialog.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../icon/icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{AlertDialogContent as C,AlertDialogDescription as w,AlertDialogFooter as T,AlertDialogHeader as E,AlertDialogOverlay as D,AlertDialogPortal as O,AlertDialogRoot as k,AlertDialogTitle as A,AlertDialogTrigger as j,provideDialogThemeContext as M}from"@soybeanjs/headless";var N=l({name:`SAlertDialog`,__name:`alert-dialog`,props:{type:{},showIcon:{type:Boolean,default:!0},size:{},ui:{},title:{},description:{},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`],setup(l,{emit:N}){let P=l,F=S(P,[`size`,`ui`,`type`,`title`,`description`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),I=N,L=y(),R=x(I),z=i(()=>e(n({size:P.size}),P.ui)),B={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},V=i(()=>P.type?B[P.type]:null);return M({ui:z}),t(()=>P.size),(e,t)=>(m(),a(v(k),d(v(F),{"onUpdate:open":t[0]||=e=>I(`update:open`,e)}),{default:b(t=>[c(v(j),d(l.triggerProps,{size:l.size}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(O),p(u(l.portalProps)),{default:b(()=>[c(v(D),p(u(l.overlayProps)),null,16),c(v(C),d(l.contentProps,_(v(R))),{default:b(()=>[c(v(E),p(u(l.headerProps)),{default:b(()=>[c(v(A),p(u(l.titleProps)),{default:b(()=>[l.showIcon&&V.value?(m(),a(r,{key:0,icon:V.value.icon,class:f(V.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(L).description||l.description?(m(),a(v(w),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(L).footer?(m(),a(v(T),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{N as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../icon/icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{AlertDialogContent as C,AlertDialogDescription as w,AlertDialogFooter as T,AlertDialogHeader as E,AlertDialogOverlay as D,AlertDialogPortal as O,AlertDialogRoot as k,AlertDialogTitle as A,AlertDialogTrigger as j,provideDialogThemeContext as M}from"@soybeanjs/headless";var N=l({name:`SAlertDialog`,__name:`alert-dialog`,props:{type:{},showIcon:{type:Boolean,default:!0},size:{},ui:{},title:{},description:{},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`],setup(l,{emit:N}){let P=l,F=S(P,[`size`,`ui`,`type`,`title`,`description`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),I=N,L=y(),R=x(I),z=i(()=>e(n({size:P.size}),P.ui)),B={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},V=i(()=>P.type?B[P.type]:null);return M({ui:z}),t(()=>P.size),(e,t)=>(m(),a(v(k),d(v(F),{"onUpdate:open":t[0]||=e=>I(`update:open`,e)}),{default:b(t=>[c(v(j),d(l.triggerProps,{size:l.size,"as-child":``}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(O),p(u(l.portalProps)),{default:b(()=>[c(v(D),p(u(l.overlayProps)),null,16),c(v(C),d(l.contentProps,_(v(R))),{default:b(()=>[c(v(E),p(u(l.headerProps)),{default:b(()=>[c(v(A),p(u(l.titleProps)),{default:b(()=>[l.showIcon&&V.value?(m(),a(r,{key:0,icon:V.value.icon,class:f(V.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(L).description||l.description?(m(),a(v(w),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(L).footer?(m(),a(v(T),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{N as default};

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

@@ -1,5 +1,5 @@
 import { AlertDialogProps } from "./types.js";
-import * as vue11 from "vue";
+import * as vue29 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog.vue.d.ts
 declare var __VLS_16: {}, __VLS_53: {
@@ -26,15 +26,15 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_71) => any;
 };
-declare const __VLS_base: vue11.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue11.ComponentOptionsMixin, vue11.ComponentOptionsMixin, {
+declare const __VLS_base: vue29.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue11.PublicProps, Readonly<AlertDialogProps> & Readonly<{
+}, string, vue29.PublicProps, Readonly<AlertDialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showIcon: boolean;
-}, {}, {}, {}, string, vue11.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue29.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/avatar/avatar.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{avatarVariants as t}from"../../variants/avatar.js";import{computed as n,createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{AvatarFallback as g,AvatarImage as _,AvatarRoot as v,provideAvatarThemeContext as y}from"@soybeanjs/headless";var b=o({name:`SAvatar`,__name:`avatar`,props:{size:{},ui:{},fallbackLabel:{},imageProps:{},fallbackProps:{}},emits:[`loadingStatusChange`],setup(o,{emit:b}){let x=o,S=b,C=h(x,[`size`,`ui`,`fallbackLabel`,`imageProps`,`fallbackProps`]);return y({ui:n(()=>e(t({size:x.size}),x.ui))}),(e,t)=>(u(),r(p(v),l(s(p(C))),{default:m(()=>[d(e.$slots,`default`,{},()=>[d(e.$slots,`image`,{},()=>[a(p(_),c(o.imageProps,{onLoadingStatusChange:t[0]||=e=>S(`loadingStatusChange`,e)}),null,16)]),a(p(g),l(s(o.fallbackProps)),{default:m(()=>[d(e.$slots,`fallback`,{},()=>[i(f(o.fallbackLabel),1)])]),_:3},16)])]),_:3},16))}});export{b as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{avatarVariants as t}from"../../variants/avatar.js";import{computed as n,createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{AvatarFallback as g,AvatarImage as _,AvatarRoot as v,provideAvatarThemeContext as y}from"@soybeanjs/headless";var b=o({name:`SAvatar`,__name:`avatar`,props:{size:{},ui:{},src:{},delayMs:{},fallbackLabel:{},imageProps:{},fallbackProps:{}},emits:[`loadingStatusChange`],setup(o,{emit:b}){let x=o,S=b,C=h(x,[`size`,`ui`,`fallbackLabel`,`imageProps`,`fallbackProps`]);y({ui:n(()=>e(t({size:x.size}),x.ui))});let w=n(()=>({src:x.src,...x.imageProps})),T=n(()=>({delayMs:x.delayMs,...x.fallbackProps}));return(e,t)=>(u(),r(p(v),l(s(p(C))),{default:m(()=>[d(e.$slots,`default`,{},()=>[d(e.$slots,`image`,{},()=>[a(p(_),c(w.value,{onLoadingStatusChange:t[0]||=e=>S(`loadingStatusChange`,e)}),null,16)]),a(p(g),l(s(T.value)),{default:m(()=>[d(e.$slots,`fallback`,{},()=>[i(f(o.fallbackLabel),1)])]),_:3},16)])]),_:3},16))}});export{b as default};

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

@@ -1,5 +1,5 @@
 import { AvatarProps } from "./types.js";
-import * as vue21 from "vue";
+import * as vue10 from "vue";
 import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/avatar/avatar.vue.d.ts
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   fallback?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: vue21.DefineComponent<AvatarProps, {}, {}, {}, {}, vue21.ComponentOptionsMixin, vue21.ComponentOptionsMixin, {
+declare const __VLS_base: vue10.DefineComponent<AvatarProps, {}, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {
   loadingStatusChange: (status: _soybeanjs_headless0.ImageLoadingStatus) => any;
-}, string, vue21.PublicProps, Readonly<AvatarProps> & Readonly<{
+}, string, vue10.PublicProps, Readonly<AvatarProps> & Readonly<{
   onLoadingStatusChange?: ((status: _soybeanjs_headless0.ImageLoadingStatus) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue21.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue10.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -6,9 +6,17 @@ import { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProp
 interface AvatarProps extends AvatarRootProps {
   size?: ThemeSize;
   ui?: Partial<AvatarUi>;
+  /** The image source URL */
+  src: string;
+  /**
+   * Useful for delaying rendering so it only appears for those with slower connections.
+   *
+   * @defaultValue undefined
+   */
+  delayMs?: number;
   fallbackLabel?: string;
-  imageProps: AvatarImageProps;
-  fallbackProps?: AvatarFallbackProps;
+  imageProps?: Omit<AvatarImageProps, 'src'>;
+  fallbackProps?: Omit<AvatarFallbackProps, 'delayMs'>;
 }
 type AvatarEmits = AvatarImageEmits;
 //#endregion

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

@@ -1,5 +1,5 @@
 import { BadgeProps } from "./types.js";
-import * as vue169 from "vue";
+import * as vue17 from "vue";
 
 //#region src/components/badge/badge.vue.d.ts
 declare var __VLS_10: {}, __VLS_18: {};
@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
 } & {
   content?: (props: typeof __VLS_18) => any;
 };
-declare const __VLS_base: vue169.DefineComponent<BadgeProps, {}, {}, {}, {}, vue169.ComponentOptionsMixin, vue169.ComponentOptionsMixin, {
+declare const __VLS_base: vue17.DefineComponent<BadgeProps, {}, {}, {}, {}, vue17.ComponentOptionsMixin, vue17.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue169.PublicProps, Readonly<BadgeProps> & Readonly<{
+}, string, vue17.PublicProps, Readonly<BadgeProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue169.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue17.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,11 +1,11 @@
 import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
-import * as vue174 from "vue";
+import * as vue22 from "vue";
 
 //#region src/components/breadcrumb/breadcrumb.vue.d.ts
 declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionData>(__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: __VLS_PrettifyLocal<BreadcrumbProps<T> & {
     onClick?: ((item: T) => any) | undefined;
-  }> & vue174.PublicProps & (typeof globalThis extends {
+  }> & vue22.PublicProps & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -42,7 +42,7 @@ declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionDa
     separator?: (props: {}) => any;
   };
   emit: BreadcrumbEmits<T>;
-}>) => vue174.VNode & {
+}>) => vue22.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,16 +1,16 @@
 import { ButtonGroupProps } from "./types.js";
-import * as vue196 from "vue";
-import * as _soybeanjs_headless58 from "@soybeanjs/headless";
+import * as vue59 from "vue";
+import * as _soybeanjs_headless1 from "@soybeanjs/headless";
 
 //#region src/components/button/button-group.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue196.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue196.ComponentOptionsMixin, vue196.ComponentOptionsMixin, {}, string, vue196.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  dir: _soybeanjs_headless58.Direction;
-  orientation: _soybeanjs_headless58.DataOrientation;
-}, {}, {}, {}, string, vue196.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue59.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue59.ComponentOptionsMixin, vue59.ComponentOptionsMixin, {}, string, vue59.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+  dir: _soybeanjs_headless1.Direction;
+  orientation: _soybeanjs_headless1.DataOrientation;
+}, {}, {}, {}, string, vue59.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -2,15 +2,15 @@ import { ThemeColor } from "../../theme/types.js";
 import { ButtonShape, ButtonVariant } from "../../variants/button.js";
 import { ButtonIconProps } from "./types.js";
 import "../../index.js";
-import * as vue186 from "vue";
+import * as vue49 from "vue";
 
 //#region src/components/button/button-icon.vue.d.ts
-declare const __VLS_export: vue186.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue186.ComponentOptionsMixin, vue186.ComponentOptionsMixin, {}, string, vue186.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
+declare const __VLS_export: vue49.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue49.ComponentOptionsMixin, vue49.ComponentOptionsMixin, {}, string, vue49.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
   variant: ButtonVariant;
   shape: ButtonShape;
   fitContent: boolean;
-}, {}, {}, {}, string, vue186.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue49.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,6 +1,6 @@
 import { ButtonVariant } from "../../variants/button.js";
 import { ButtonLinkProps } from "./types.js";
-import * as vue191 from "vue";
+import * as vue54 from "vue";
 
 //#region src/components/button/button-link.vue.d.ts
 declare var __VLS_12: {
@@ -9,16 +9,16 @@ declare var __VLS_12: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: vue191.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue191.ComponentOptionsMixin, vue191.ComponentOptionsMixin, {}, string, vue191.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue54.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
   disabled: boolean;
-  variant: ButtonVariant;
   replace: boolean;
+  variant: ButtonVariant;
   viewTransition: boolean;
   external: boolean;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue191.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue54.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { ButtonLoadingProps } from "./types.js";
-import * as vue181 from "vue";
+import * as vue39 from "vue";
 import { Align } from "@soybeanjs/headless";
 
 //#region src/components/button/button-loading.vue.d.ts
@@ -17,10 +17,10 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_32) => any;
 };
-declare const __VLS_base: vue181.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue181.ComponentOptionsMixin, vue181.ComponentOptionsMixin, {}, string, vue181.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
+declare const __VLS_base: vue39.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {}, string, vue39.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
   loadingIcon: string;
   loadingPosition: Align;
-}, {}, {}, {}, string, vue181.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue39.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { ButtonProps } from "./types.js";
-import * as vue176 from "vue";
+import * as vue44 from "vue";
 
 //#region src/components/button/button.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
@@ -10,11 +10,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue176.DefineComponent<ButtonProps, {}, {}, {}, {}, vue176.ComponentOptionsMixin, vue176.ComponentOptionsMixin, {
+declare const __VLS_base: vue44.DefineComponent<ButtonProps, {}, {}, {}, {}, vue44.ComponentOptionsMixin, vue44.ComponentOptionsMixin, {
   click: (event: MouseEvent) => any;
-}, string, vue176.PublicProps, Readonly<ButtonProps> & Readonly<{
+}, string, vue44.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue176.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue44.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { CardProps } from "./types.js";
-import * as vue26 from "vue";
+import * as vue148 from "vue";
 
 //#region src/components/card/card.vue.d.ts
 type Slots = {
@@ -14,9 +14,9 @@ type Slots = {
   description: () => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue26.DefineComponent<CardProps, {}, {}, {}, {}, vue26.ComponentOptionsMixin, vue26.ComponentOptionsMixin, {}, string, vue26.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: vue148.DefineComponent<CardProps, {}, {}, {}, {}, vue148.ComponentOptionsMixin, vue148.ComponentOptionsMixin, {}, string, vue148.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   scrollable: boolean;
-}, {}, {}, {}, string, vue26.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue148.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/checkbox/checkbox-card-group.vue.d.ts

@@ -1,19 +1,19 @@
 import { CheckboxCardGroupOptionData, CheckboxCardGroupProps } from "./types.js";
-import * as vue206 from "vue";
+import * as vue146 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue206.PublicProps & (typeof globalThis extends {
+  }> & vue146.PublicProps & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: __VLS_Slots;
+  slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue206.VNode & {
+}>) => vue146.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-card.vue.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxCardProps } from "./types.js";
-import * as vue201 from "vue";
-import * as _soybeanjs_headless60 from "@soybeanjs/headless";
+import * as vue141 from "vue";
+import * as _soybeanjs_headless17 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card.vue.d.ts
 declare var __VLS_21: {
@@ -11,13 +11,13 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue201.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue201.ComponentOptionsMixin, vue201.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless60.CheckedState | null) => any;
-}, string, vue201.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless60.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue141.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue141.ComponentOptionsMixin, vue141.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless17.CheckedState | null) => any;
+}, string, vue141.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless17.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless60.CheckedState | null;
-}, {}, {}, {}, string, vue201.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless17.CheckedState | null;
+}, {}, {}, {}, string, vue141.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/checkbox/checkbox-group.vue.d.ts

@@ -1,19 +1,19 @@
 import { CheckboxGroupOptionData, CheckboxGroupProps } from "./types.js";
-import * as vue208 from "vue";
+import * as vue134 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxGroupOptionData<T> = CheckboxGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue208.PublicProps & (typeof globalThis extends {
+  }> & vue134.PublicProps & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: __VLS_Slots;
+  slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue208.VNode & {
+}>) => vue134.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,28 +1,28 @@
 import { CheckboxProps } from "./types.js";
-import * as vue210 from "vue";
-import * as _soybeanjs_headless63 from "@soybeanjs/headless";
+import * as vue136 from "vue";
+import * as _soybeanjs_headless10 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_28: {
-    modelValue: _soybeanjs_headless63.CheckedState | null | undefined;
-    state: _soybeanjs_headless63.CheckedState;
+    modelValue: _soybeanjs_headless10.CheckedState | null | undefined;
+    state: _soybeanjs_headless10.CheckedState;
   }, __VLS_41: {
     id: string;
-    modelValue: _soybeanjs_headless63.CheckedState | null | undefined;
-    state: _soybeanjs_headless63.CheckedState;
+    modelValue: _soybeanjs_headless10.CheckedState | null | undefined;
+    state: _soybeanjs_headless10.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_28) => any;
 } & {
   default?: (props: typeof __VLS_41) => any;
 };
-declare const __VLS_base: vue210.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless63.CheckedState | null) => any;
-}, string, vue210.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless63.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue136.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue136.ComponentOptionsMixin, vue136.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless10.CheckedState | null) => any;
+}, string, vue136.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless10.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless63.CheckedState | null;
-}, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless10.CheckedState | null;
+}, {}, {}, {}, string, vue136.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { CollapsibleProps } from "./types.js";
-import * as vue31 from "vue";
+import * as vue164 from "vue";
 
 //#region src/components/collapsible/collapsible.vue.d.ts
 declare var __VLS_10: {
@@ -8,15 +8,15 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue31.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue31.ComponentOptionsMixin, vue31.ComponentOptionsMixin, {
+declare const __VLS_base: vue164.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue164.ComponentOptionsMixin, vue164.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue31.PublicProps, Readonly<CollapsibleProps> & Readonly<{
+}, string, vue164.PublicProps, Readonly<CollapsibleProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   unmountOnHide: boolean;
-}, {}, {}, {}, string, vue31.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue164.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,18 +1,18 @@
 import { CommandOptionData, CommandProps, CommandSingleOptionData } from "./types.js";
-import * as vue215 from "vue";
+import * as vue64 from "vue";
 import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import * as _soybeanjs_headless70 from "@soybeanjs/headless";
+import * as _soybeanjs_headless3 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
 declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__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: __VLS_PrettifyLocal<CommandProps<T> & {
-    onSelect?: ((event: _soybeanjs_headless70.SelectEvent<string>) => any) | undefined;
+    onSelect?: ((event: _soybeanjs_headless3.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless3.ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
-    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless70.ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-  }> & vue215.PublicProps & (typeof globalThis extends {
+  }> & vue64.PublicProps & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -36,8 +36,8 @@ declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__
       item: CommandSingleOptionData;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless70.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless70.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
-}>) => vue215.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless3.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless3.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => vue64.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,8 +1,8 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
-import * as vue36 from "vue";
-import * as _soybeanjs_headless1 from "@soybeanjs/headless";
+import * as vue66 from "vue";
+import * as _soybeanjs_headless7 from "@soybeanjs/headless";
 import * as _soybeanjs_unocss_shadcn0 from "@soybeanjs/unocss-shadcn";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
@@ -10,11 +10,11 @@ declare var __VLS_18: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_18) => any;
 };
-declare const __VLS_base: vue36.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue36.ComponentOptionsMixin, vue36.ComponentOptionsMixin, {}, string, vue36.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
-  dir: _soybeanjs_headless1.Direction;
+declare const __VLS_base: vue66.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue66.ComponentOptionsMixin, vue66.ComponentOptionsMixin, {}, string, vue66.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
+  dir: _soybeanjs_headless7.Direction;
   size: ThemeSize;
   theme: _soybeanjs_unocss_shadcn0.ThemeOptions;
-}, {}, {}, {}, string, vue36.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue66.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {