@soybeanjs/ui 0.0.6 → 0.0.8

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://github.com/soybeanjs/soybean-ui">
-    <img src="./public/favicon.svg" alt="Logo" width="150" />
+    <img src="./public/logo.svg" alt="Logo" width="150" />
   </a>
 </p>
 

package/README.zh-CN.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://github.com/soybeanjs/soybean-ui">
-    <img src="./public/favicon.svg" alt="Logo" width="150" />
+    <img src="./public/logo.svg" alt="Logo" width="150" />
   </a>
 </p>
 

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

@@ -1,11 +1,11 @@
 import { AccordionOptionData, AccordionProps } from "./types.js";
-import * as vue5 from "vue";
+import * as vue91 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> & {
+  props: vue91.PublicProps & __VLS_PrettifyLocal<AccordionProps<T, M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-  }> & vue5.PublicProps & (typeof globalThis extends {
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -19,29 +19,29 @@ declare const __VLS_export: <T extends AccordionOptionData = AccordionOptionData
     leading?: (props: {
       item: T;
       modelValue: (M extends true ? string[] : string) | undefined;
-      open: any;
+      open: boolean;
     }) => any;
   } & {
     title?: (props: {
       item: T;
       modelValue: (M extends true ? string[] : string) | undefined;
-      open: any;
+      open: boolean;
     }) => any;
   } & {
     'trigger-icon'?: (props: {
       item: T;
       modelValue: (M extends true ? string[] : string) | undefined;
-      open: any;
+      open: boolean;
     }) => any;
   } & {
     content?: (props: {
       item: T;
       modelValue: (M extends true ? string[] : string) | undefined;
-      open: any;
+      open: boolean;
     }) => any;
   };
   emit: (evt: "update:modelValue", value: M extends true ? string[] : string) => void;
-}>) => vue5.VNode & {
+}>) => vue91.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 vue7 from "vue";
+import * as vue0 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: vue7.DefineComponent<AlertProps, {}, {}, {}, {}, vue7.ComponentOptionsMixin, vue7.ComponentOptionsMixin, {
+declare const __VLS_base: vue0.DefineComponent<AlertProps, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue7.PublicProps, Readonly<AlertProps> & Readonly<{
+}, string, vue0.PublicProps, Readonly<AlertProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue7.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue0.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,16 +1,16 @@
 import { AlertDialogActionProps } from "./types.js";
-import * as vue12 from "vue";
+import * as vue103 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-action.vue.d.ts
-declare var __VLS_8: {}, __VLS_15: {};
+declare var __VLS_8: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
   content?: (props: typeof __VLS_8) => any;
 } & {
-  default?: (props: typeof __VLS_15) => any;
+  default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue12.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue12.ComponentOptionsMixin, vue12.ComponentOptionsMixin, {}, string, vue12.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
+declare const __VLS_base: vue103.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue103.ComponentOptionsMixin, vue103.ComponentOptionsMixin, {}, string, vue103.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
   text: string;
-}, {}, {}, {}, string, vue12.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue103.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,19 +1,19 @@
 import { ButtonVariant } from "../../variants/button.js";
 import { AlertDialogCancelProps } from "./types.js";
 import "../button/index.js";
-import * as vue22 from "vue";
+import * as vue98 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-cancel.vue.d.ts
-declare var __VLS_8: {}, __VLS_15: {};
+declare var __VLS_8: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
   content?: (props: typeof __VLS_8) => any;
 } & {
-  default?: (props: typeof __VLS_15) => any;
+  default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue22.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue22.ComponentOptionsMixin, vue22.ComponentOptionsMixin, {}, string, vue22.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
-  text: string;
+declare const __VLS_base: vue98.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue98.ComponentOptionsMixin, vue98.ComponentOptionsMixin, {}, string, vue98.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
   variant: ButtonVariant;
-}, {}, {}, {}, string, vue22.ComponentProvideOptions, false, {}, any>;
+  text: string;
+}, {}, {}, {}, string, vue98.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,40 +1,40 @@
 import { AlertDialogProps } from "./types.js";
-import * as vue17 from "vue";
+import * as vue93 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog.vue.d.ts
-declare var __VLS_16: {}, __VLS_53: {
+declare var __VLS_16: {}, __VLS_52: {
     open: boolean | undefined;
     close: () => void;
-  }, __VLS_61: {
+  }, __VLS_60: {
     open: boolean | undefined;
     close: () => void;
-  }, __VLS_63: {
+  }, __VLS_62: {
     open: boolean | undefined;
     close: () => void;
-  }, __VLS_71: {
+  }, __VLS_70: {
     open: boolean | undefined;
     close: () => void;
   };
 type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_16) => any;
 } & {
-  title?: (props: typeof __VLS_53) => any;
+  title?: (props: typeof __VLS_52) => any;
 } & {
-  description?: (props: typeof __VLS_61) => any;
+  description?: (props: typeof __VLS_60) => any;
 } & {
-  default?: (props: typeof __VLS_63) => any;
+  default?: (props: typeof __VLS_62) => any;
 } & {
-  footer?: (props: typeof __VLS_71) => any;
+  footer?: (props: typeof __VLS_70) => any;
 };
-declare const __VLS_base: vue17.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue17.ComponentOptionsMixin, vue17.ComponentOptionsMixin, {
+declare const __VLS_base: vue93.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue93.ComponentOptionsMixin, vue93.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue17.PublicProps, Readonly<AlertDialogProps> & Readonly<{
+}, string, vue93.PublicProps, Readonly<AlertDialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showIcon: boolean;
-}, {}, {}, {}, string, vue17.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue93.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,21 +1,21 @@
 import { AvatarProps } from "./types.js";
-import * as vue32 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue70 from "vue";
+import * as _soybeanjs_headless11 from "@soybeanjs/headless";
 
 //#region src/components/avatar/avatar.vue.d.ts
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_26: {};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 } & {
   image?: (props: typeof __VLS_10) => any;
 } & {
-  fallback?: (props: typeof __VLS_26) => any;
+  fallback?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_base: vue32.DefineComponent<AvatarProps, {}, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {
-  loadingStatusChange: (status: _soybeanjs_headless0.ImageLoadingStatus) => any;
-}, string, vue32.PublicProps, Readonly<AvatarProps> & Readonly<{
-  onLoadingStatusChange?: ((status: _soybeanjs_headless0.ImageLoadingStatus) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue32.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue70.DefineComponent<AvatarProps, {}, {}, {}, {}, vue70.ComponentOptionsMixin, vue70.ComponentOptionsMixin, {
+  loadingStatusChange: (status: _soybeanjs_headless11.ImageLoadingStatus) => any;
+}, string, vue70.PublicProps, Readonly<AvatarProps> & Readonly<{
+  onLoadingStatusChange?: ((status: _soybeanjs_headless11.ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue70.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 vue27 from "vue";
+import * as vue305 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: vue27.DefineComponent<BadgeProps, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {
+declare const __VLS_base: vue305.DefineComponent<BadgeProps, {}, {}, {}, {}, vue305.ComponentOptionsMixin, vue305.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue27.PublicProps, Readonly<BadgeProps> & Readonly<{
+}, string, vue305.PublicProps, Readonly<BadgeProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue305.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 vue37 from "vue";
+import * as vue9 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> & {
+  props: vue9.PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T> & {
     onClick?: ((item: T) => any) | undefined;
-  }> & vue37.PublicProps & (typeof globalThis extends {
+  }> & (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>;
-}>) => vue37.VNode & {
+}>) => vue9.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 vue64 from "vue";
-import * as _soybeanjs_headless1 from "@soybeanjs/headless";
+import * as vue31 from "vue";
+import * as _soybeanjs_headless0 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: vue64.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  dir: _soybeanjs_headless1.Direction;
-  orientation: _soybeanjs_headless1.DataOrientation;
-}, {}, {}, {}, string, vue64.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue31.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue31.ComponentOptionsMixin, vue31.ComponentOptionsMixin, {}, string, vue31.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+  dir: _soybeanjs_headless0.Direction;
+  orientation: _soybeanjs_headless0.DataOrientation;
+}, {}, {}, {}, string, vue31.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 vue54 from "vue";
+import * as vue21 from "vue";
 
 //#region src/components/button/button-icon.vue.d.ts
-declare const __VLS_export: vue54.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
+declare const __VLS_export: vue21.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue21.ComponentOptionsMixin, vue21.ComponentOptionsMixin, {}, string, vue21.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
   variant: ButtonVariant;
   shape: ButtonShape;
   fitContent: boolean;
-}, {}, {}, {}, string, vue54.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue21.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,24 +1,24 @@
 import { ButtonVariant } from "../../variants/button.js";
 import { ButtonLinkProps } from "./types.js";
-import * as vue59 from "vue";
+import * as vue26 from "vue";
 
 //#region src/components/button/button-link.vue.d.ts
-declare var __VLS_12: {
+declare var __VLS_14: {
   isHref: boolean;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_12) => any;
+  default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue59.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue59.ComponentOptionsMixin, vue59.ComponentOptionsMixin, {}, string, vue59.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
-  disabled: boolean;
-  replace: boolean;
+declare const __VLS_base: vue26.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue26.ComponentOptionsMixin, vue26.ComponentOptionsMixin, {}, string, vue26.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
   variant: ButtonVariant;
   viewTransition: boolean;
+  replace: boolean;
+  disabled: boolean;
   external: boolean;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue59.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue26.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,26 +1,26 @@
 import { ButtonLoadingProps } from "./types.js";
-import * as vue49 from "vue";
+import * as vue16 from "vue";
 import { Align } from "@soybeanjs/headless";
 
 //#region src/components/button/button-loading.vue.d.ts
-declare var __VLS_15: {}, __VLS_22: {
+declare var __VLS_16: {}, __VLS_23: {
     loading: true;
-  }, __VLS_24: {
+  }, __VLS_25: {
     loading: boolean;
-  }, __VLS_32: {};
+  }, __VLS_33: {};
 type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_15) => any;
+  leading?: (props: typeof __VLS_16) => any;
 } & {
-  default?: (props: typeof __VLS_22) => any;
+  default?: (props: typeof __VLS_23) => any;
 } & {
-  default?: (props: typeof __VLS_24) => any;
+  default?: (props: typeof __VLS_25) => any;
 } & {
-  trailing?: (props: typeof __VLS_32) => any;
+  trailing?: (props: typeof __VLS_33) => any;
 };
-declare const __VLS_base: vue49.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue49.ComponentOptionsMixin, vue49.ComponentOptionsMixin, {}, string, vue49.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
+declare const __VLS_base: vue16.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue16.ComponentOptionsMixin, vue16.ComponentOptionsMixin, {}, string, vue16.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
   loadingIcon: string;
   loadingPosition: Align;
-}, {}, {}, {}, string, vue49.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue16.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 vue44 from "vue";
+import * as vue11 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: vue44.DefineComponent<ButtonProps, {}, {}, {}, {}, vue44.ComponentOptionsMixin, vue44.ComponentOptionsMixin, {
+declare const __VLS_base: vue11.DefineComponent<ButtonProps, {}, {}, {}, {}, vue11.ComponentOptionsMixin, vue11.ComponentOptionsMixin, {
   click: (event: MouseEvent) => any;
-}, string, vue44.PublicProps, Readonly<ButtonProps> & Readonly<{
+}, string, vue11.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue44.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue11.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 vue39 from "vue";
+import * as vue4 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: vue39.DefineComponent<CardProps, {}, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {}, string, vue39.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: vue4.DefineComponent<CardProps, {}, {}, {}, {}, vue4.ComponentOptionsMixin, vue4.ComponentOptionsMixin, {}, string, vue4.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   scrollable: boolean;
-}, {}, {}, {}, string, vue39.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue4.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 vue76 from "vue";
+import * as vue48 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> & {
+  props: vue48.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue76.PublicProps & (typeof globalThis extends {
+  }> & (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;
-}>) => vue76.VNode & {
+}>) => vue48.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 vue78 from "vue";
-import * as _soybeanjs_headless10 from "@soybeanjs/headless";
+import * as vue38 from "vue";
+import * as _soybeanjs_headless1 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: vue78.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue78.ComponentOptionsMixin, vue78.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless10.CheckedState | null) => any;
-}, string, vue78.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless10.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue38.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue38.ComponentOptionsMixin, vue38.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless1.CheckedState | null) => any;
+}, string, vue38.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless1.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless10.CheckedState | null;
-}, {}, {}, {}, string, vue78.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless1.CheckedState | null;
+}, {}, {}, {}, string, vue38.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 vue69 from "vue";
+import * as vue36 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> & {
+  props: vue36.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue69.PublicProps & (typeof globalThis extends {
+  }> & (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;
-}>) => vue69.VNode & {
+}>) => vue36.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 vue71 from "vue";
-import * as _soybeanjs_headless3 from "@soybeanjs/headless";
+import * as vue43 from "vue";
+import * as _soybeanjs_headless4 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_28: {
-    modelValue: _soybeanjs_headless3.CheckedState | null | undefined;
-    state: _soybeanjs_headless3.CheckedState;
+    modelValue: _soybeanjs_headless4.CheckedState | null | undefined;
+    state: _soybeanjs_headless4.CheckedState;
   }, __VLS_41: {
     id: string;
-    modelValue: _soybeanjs_headless3.CheckedState | null | undefined;
-    state: _soybeanjs_headless3.CheckedState;
+    modelValue: _soybeanjs_headless4.CheckedState | null | undefined;
+    state: _soybeanjs_headless4.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_28) => any;
 } & {
   default?: (props: typeof __VLS_41) => any;
 };
-declare const __VLS_base: vue71.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue71.ComponentOptionsMixin, vue71.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless3.CheckedState | null) => any;
-}, string, vue71.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless3.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue43.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue43.ComponentOptionsMixin, vue43.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless4.CheckedState | null) => any;
+}, string, vue43.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless4.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless3.CheckedState | null;
-}, {}, {}, {}, string, vue71.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless4.CheckedState | null;
+}, {}, {}, {}, string, vue43.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 & {