@soybeanjs/ui 0.4.2 → 0.4.4

package/dist/components/accordion/accordion.js

@@ -1 +1 @@
-import{accordionVariants as e}from"../../variants/accordion.js";import{mergeSlotVariants as t}from"../../theme/shared.js";import n from"../icon/icon.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,toHandlers as v,unref as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{AccordionContent as C,AccordionHeader as w,AccordionItem as T,AccordionRoot as E,AccordionTrigger as D,provideAccordionUi as O}from"@soybeanjs/headless";var k=d({name:`SAccordion`,__name:`accordion`,props:{class:{},size:{},ui:{},items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{}},emits:[`update:modelValue`],setup(d,{emit:k}){let A=d,j=k,M=S(A,[`class`,`size`,`ui`,`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),N=x(j),P=i(()=>t(e({size:A.size}),A.ui,{root:A.class}));return O(P),(e,t)=>(m(),a(y(E),f(y(M),v(y(N))),{default:b(()=>[(m(!0),s(r,null,h(A.items,t=>g(e.$slots,`item`,{key:t.value,item:t,modelValue:d.modelValue},()=>[u(y(T),f({ref_for:!0},A.itemProps,{value:t.value,disabled:t.disabled}),{default:b(({open:r})=>[u(y(w),f({ref_for:!0},A.headerProps),{default:b(()=>[u(y(D),f({ref_for:!0},A.triggerProps),{default:b(()=>[g(e.$slots,`leading`,{item:t,modelValue:d.modelValue,open:r},()=>[t.icon?(m(),a(n,{key:0,icon:t.icon,class:p(P.value.triggerLeadingIcon)},null,8,[`icon`,`class`])):o(`v-if`,!0)]),g(e.$slots,`title`,{item:t,modelValue:d.modelValue,open:r},()=>[l(_(t.title),1)]),g(e.$slots,`trigger-icon`,{item:t,modelValue:d.modelValue,open:r},()=>[u(n,{icon:`lucide:chevron-down`,class:p(P.value.triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),u(y(C),f({ref_for:!0},A.contentProps),{default:b(()=>[g(e.$slots,`content`,{item:t,modelValue:d.modelValue,open:r},()=>[c(`p`,{class:p(P.value.description)},_(t.description),3)])]),_:2},1040)]),_:2},1040,[`value`,`disabled`])])),128))]),_:3},16))}});export{k as default};
+import{accordionVariants as e}from"../../variants/accordion.js";import{mergeSlotVariants as t}from"../../theme/shared.js";import n from"../icon/icon.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";import{useForwardListeners as b,useOmitProps as x}from"@soybeanjs/headless/composables";import{AccordionContent as S,AccordionHeader as C,AccordionItem as w,AccordionRoot as T,AccordionTrigger as E,provideAccordionUi as D}from"@soybeanjs/headless";var O=u({name:`SAccordion`,__name:`accordion`,props:{class:{},size:{},ui:{},items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{}},emits:[`update:modelValue`],setup(u,{emit:O}){let k=u,A=O,j=x(k,[`class`,`size`,`ui`,`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),M=b(A),N=i(()=>t(e({size:k.size}),k.ui,{root:k.class}));return D(N),(e,t)=>(p(),a(v(T),d(v(j),_(v(M))),{default:y(()=>[(p(!0),o(r,null,m(k.items,t=>h(e.$slots,`item`,{key:t.value,item:t,modelValue:u.modelValue},()=>[l(v(w),d({ref_for:!0},k.itemProps,{value:t.value,disabled:t.disabled}),{default:y(({open:r})=>[l(v(C),d({ref_for:!0},k.headerProps),{default:y(()=>[l(v(E),d({ref_for:!0},k.triggerProps),{default:y(()=>[h(e.$slots,`leading`,{item:t,modelValue:u.modelValue,open:r},()=>[l(n,{icon:t.icon,class:f(N.value.triggerLeadingIcon)},null,8,[`icon`,`class`])]),h(e.$slots,`title`,{item:t,modelValue:u.modelValue,open:r},()=>[c(g(t.title),1)]),h(e.$slots,`trigger-icon`,{item:t,modelValue:u.modelValue,open:r},()=>[l(n,{icon:`lucide:chevron-down`,class:f(N.value.triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),l(v(S),d({ref_for:!0},k.contentProps),{default:y(()=>[h(e.$slots,`content`,{item:t,modelValue:u.modelValue,open:r},()=>[s(`p`,{class:f(N.value.description)},g(t.description),3)])]),_:2},1040)]),_:2},1040,[`value`,`disabled`])])),128))]),_:3},16))}});export{O as default};

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

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

package/dist/components/alert/alert.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../button/button-icon.js";import n from"../icon/icon.js";import{alertVariants as r}from"../../variants/alert.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,unref as _,useSlots as v,withCtx as y}from"vue";import{AlertClose as b,AlertContent as x,AlertDescription as S,AlertRoot as C,AlertTitle as w,provideAlertUi as T}from"@soybeanjs/headless";var E=l({name:`SAlert`,__name:`alert`,props:{class:{},size:{},color:{},variant:{},ui:{},title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(l,{emit:E}){let D=l,O=E,k=v(),A=i(()=>e(r({size:D.size,color:D.color,variant:D.variant}),D.ui,{root:D.class}));return T(A),(e,r)=>(m(),a(_(C),{open:l.open,"onUpdate:open":r[0]||=e=>O(`update:open`,e)},{default:y(()=>[h(e.$slots,`leading`,{},()=>[l.icon?(m(),a(n,{key:0,icon:l.icon,class:f(A.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0)]),c(_(x),p(u(l.contentProps)),{default:y(()=>[_(k).title||l.title?(m(),a(_(w),p(d({key:0},l.titleProps)),{default:y(()=>[h(e.$slots,`title`,{},()=>[s(g(l.title),1)])]),_:3},16)):o(`v-if`,!0),_(k).description||l.description?(m(),a(_(S),p(d({key:1},l.descriptionProps)),{default:y(()=>[h(e.$slots,`description`,{},()=>[s(g(l.description),1)])]),_:3},16)):o(`v-if`,!0),h(e.$slots,`default`)]),_:3},16),h(e.$slots,`trailing`),l.closable?(m(),a(_(b),d({key:0},l.closeProps,{"as-child":``}),{default:y(()=>[h(e.$slots,`close`,{},()=>[c(t,{icon:`lucide:x`,size:l.size},null,8,[`size`])])]),_:3},16)):o(`v-if`,!0)]),_:3},8,[`open`]))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../button/button-icon.js";import n from"../icon/icon.js";import{alertVariants as r}from"../../variants/alert.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,unref as _,useSlots as v,withCtx as y}from"vue";import{AlertClose as b,AlertContent as x,AlertDescription as S,AlertRoot as C,AlertTitle as w,provideAlertUi as T}from"@soybeanjs/headless";var E=l({name:`SAlert`,__name:`alert`,props:{class:{},size:{},color:{},variant:{},ui:{},title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(l,{emit:E}){let D=l,O=E,k=v(),A=i(()=>e(r({size:D.size,color:D.color,variant:D.variant}),D.ui,{root:D.class}));return T(A),(e,r)=>(m(),a(_(C),{open:l.open,"onUpdate:open":r[0]||=e=>O(`update:open`,e)},{default:y(()=>[h(e.$slots,`leading`,{},()=>[c(n,{icon:l.icon,class:f(A.value.icon)},null,8,[`icon`,`class`])]),c(_(x),p(u(l.contentProps)),{default:y(()=>[_(k).title||l.title?(m(),a(_(w),p(d({key:0},l.titleProps)),{default:y(()=>[h(e.$slots,`title`,{},()=>[s(g(l.title),1)])]),_:3},16)):o(`v-if`,!0),_(k).description||l.description?(m(),a(_(S),p(d({key:1},l.descriptionProps)),{default:y(()=>[h(e.$slots,`description`,{},()=>[s(g(l.description),1)])]),_:3},16)):o(`v-if`,!0),h(e.$slots,`default`)]),_:3},16),h(e.$slots,`trailing`),l.closable?(m(),a(_(b),d({key:0},l.closeProps,{"as-child":``}),{default:y(()=>[h(e.$slots,`close`,{},()=>[c(t,{icon:`lucide:x`,size:l.size},null,8,[`size`])])]),_:3},16)):o(`v-if`,!0)]),_:3},8,[`open`]))}});export{E as default};

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

@@ -1,5 +1,5 @@
 import { AlertProps } from "./types.js";
-import * as vue5 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: vue5.DefineComponent<AlertProps, {}, {}, {}, {}, vue5.ComponentOptionsMixin, vue5.ComponentOptionsMixin, {
+declare const __VLS_base: vue0.DefineComponent<AlertProps, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue5.PublicProps, Readonly<AlertProps> & Readonly<{
+}, string, vue0.PublicProps, Readonly<AlertProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue5.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,5 +1,5 @@
 import { AlertDialogActionProps } from "./types.js";
-import * as vue12 from "vue";
+import * as vue117 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-action.vue.d.ts
 declare var __VLS_8: {}, __VLS_16: {};
@@ -8,9 +8,9 @@ type __VLS_Slots = {} & {
 } & {
   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: vue117.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue117.ComponentOptionsMixin, vue117.ComponentOptionsMixin, {}, string, vue117.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
   text: string;
-}, {}, {}, {}, string, vue12.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue117.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 vue17 from "vue";
+import * as vue112 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-cancel.vue.d.ts
 declare var __VLS_8: {}, __VLS_16: {};
@@ -10,10 +10,10 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue17.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue17.ComponentOptionsMixin, vue17.ComponentOptionsMixin, {}, string, vue17.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
-  text: string;
+declare const __VLS_base: vue112.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue112.ComponentOptionsMixin, vue112.ComponentOptionsMixin, {}, string, vue112.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
   variant: ButtonVariant;
-}, {}, {}, {}, string, vue17.ComponentProvideOptions, false, {}, any>;
+  text: string;
+}, {}, {}, {}, string, vue112.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.vue.d.ts

@@ -1,5 +1,5 @@
 import { AlertDialogProps } from "./types.js";
-import * as vue22 from "vue";
+import * as vue107 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog.vue.d.ts
 declare var __VLS_16: {}, __VLS_52: {
@@ -26,15 +26,15 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_70) => any;
 };
-declare const __VLS_base: vue22.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue22.ComponentOptionsMixin, vue22.ComponentOptionsMixin, {
+declare const __VLS_base: vue107.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue107.ComponentOptionsMixin, vue107.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue22.PublicProps, Readonly<AlertDialogProps> & Readonly<{
+}, string, vue107.PublicProps, Readonly<AlertDialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showIcon: boolean;
-}, {}, {}, {}, string, vue22.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue107.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.vue.d.ts

@@ -1,6 +1,6 @@
 import { AvatarProps } from "./types.js";
-import * as vue29 from "vue";
-import * as _soybeanjs_headless1 from "@soybeanjs/headless";
+import * as vue9 from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/avatar/avatar.vue.d.ts
 declare var __VLS_8: {}, __VLS_10: {}, __VLS_25: {};
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   fallback?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_base: vue29.DefineComponent<AvatarProps, {}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {
-  loadingStatusChange: (status: _soybeanjs_headless1.ImageLoadingStatus) => any;
-}, string, vue29.PublicProps, Readonly<AvatarProps> & Readonly<{
-  onLoadingStatusChange?: ((status: _soybeanjs_headless1.ImageLoadingStatus) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue29.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue9.DefineComponent<AvatarProps, {}, {}, {}, {}, vue9.ComponentOptionsMixin, vue9.ComponentOptionsMixin, {
+  loadingStatusChange: (status: _soybeanjs_headless0.ImageLoadingStatus) => any;
+}, string, vue9.PublicProps, Readonly<AvatarProps> & Readonly<{
+  onLoadingStatusChange?: ((status: _soybeanjs_headless0.ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue9.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/badge/badge.vue.d.ts

@@ -1,5 +1,5 @@
 import { BadgeProps } from "./types.js";
-import * as vue34 from "vue";
+import * as vue122 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: vue34.DefineComponent<BadgeProps, {}, {}, {}, {}, vue34.ComponentOptionsMixin, vue34.ComponentOptionsMixin, {
+declare const __VLS_base: vue122.DefineComponent<BadgeProps, {}, {}, {}, {}, vue122.ComponentOptionsMixin, vue122.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue34.PublicProps, Readonly<BadgeProps> & Readonly<{
+}, string, vue122.PublicProps, Readonly<BadgeProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue34.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue122.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.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{breadcrumbVariants as n}from"../../variants/breadcrumb.js";import{getEllipsisRange as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{BreadcrumbEllipsis as S,BreadcrumbItem as C,BreadcrumbLink as w,BreadcrumbList as T,BreadcrumbPage as E,BreadcrumbRoot as D,BreadcrumbSeparator as O,provideBreadcrumbUi as k}from"@soybeanjs/headless";var A=d({name:`SBreadcrumb`,__name:`breadcrumb`,props:{class:{},size:{},ui:{},items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(d,{emit:A}){let j=d,M=A,N=x(j,[`class`,`size`,`ui`,`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),P=a(()=>e(n({size:j.size}),j.ui,{root:j.class})),F=a(()=>r(j.items,j.ellipsis)),I=a(()=>F.value?.[0]),L=a(()=>{if(!F.value)return j.items;let[e,t]=F.value;return[...j.items.slice(0,e),...j.items.slice(t)]}),R=a(()=>{if(!F.value)return[];let[e,t]=F.value;return j.items.slice(e,t)});function z(e){M(`click`,e)}return k(P),(e,n)=>(h(),o(y(D),m(f(y(N))),{default:b(()=>[u(y(T),m(f(d.listProps)),{default:b(()=>[(h(!0),c(i,null,g(L.value,(n,r)=>(h(),c(i,{key:n.value||r},[I.value&&r===I.value?(h(),c(i,{key:0},[_(e.$slots,`ellipsis`,{ellipsisItems:R.value},()=>[u(y(S),p({ref_for:!0},d.ellipsisProps),{default:b(()=>[_(e.$slots,`ellipsis-icon`,{},()=>[u(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),u(y(O),p({ref_for:!0},d.separatorProps),{default:b(()=>[_(e.$slots,`separator`,{},()=>[u(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):s(`v-if`,!0),u(y(C),p({ref_for:!0},d.itemProps,{onClick:e=>z(n)}),{default:b(()=>[_(e.$slots,`item-leading`,{item:n},()=>[n.icon?(h(),o(t,{key:0,icon:n.icon},null,8,[`icon`])):s(`v-if`,!0)]),_(e.$slots,`default`,{item:n},()=>[n.to||n.href?(h(),o(y(w),p({key:0,ref_for:!0},d.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:b(()=>[_(e.$slots,`item-link`,{item:n},()=>[l(v(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(h(),o(y(E),p({key:1,ref_for:!0},d.pageProps),{default:b(()=>[_(e.$slots,`item-label`,{item:n},()=>[l(v(n.label),1)])]),_:2},1040))]),_(e.$slots,`item-trailing`,{item:n})]),_:2},1040,[`onClick`]),r<L.value.length-1?(h(),o(y(O),p({key:1,ref_for:!0},d.separatorProps),{default:b(()=>[_(e.$slots,`separator`,{},()=>[u(t,{icon:`lucide:chevron-right`})])]),_:3},16)):s(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{A as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{breadcrumbVariants as n}from"../../variants/breadcrumb.js";import{getEllipsisRange as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{BreadcrumbEllipsis as S,BreadcrumbItem as C,BreadcrumbLink as w,BreadcrumbList as T,BreadcrumbPage as E,BreadcrumbRoot as D,BreadcrumbSeparator as O,provideBreadcrumbUi as k}from"@soybeanjs/headless";var A=d({name:`SBreadcrumb`,__name:`breadcrumb`,props:{class:{},size:{},ui:{},items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(d,{emit:A}){let j=d,M=A,N=x(j,[`class`,`size`,`ui`,`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),P=a(()=>e(n({size:j.size}),j.ui,{root:j.class})),F=a(()=>r(j.items,j.ellipsis)),I=a(()=>F.value?.[0]),L=a(()=>{if(!F.value)return j.items;let[e,t]=F.value;return[...j.items.slice(0,e),...j.items.slice(t)]}),R=a(()=>{if(!F.value)return[];let[e,t]=F.value;return j.items.slice(e,t)});function z(e){M(`click`,e)}return k(P),(e,n)=>(h(),o(y(D),m(f(y(N))),{default:b(()=>[u(y(T),m(f(d.listProps)),{default:b(()=>[(h(!0),c(i,null,g(L.value,(n,r)=>(h(),c(i,{key:n.value||r},[I.value&&r===I.value?(h(),c(i,{key:0},[_(e.$slots,`ellipsis`,{ellipsisItems:R.value},()=>[u(y(S),p({ref_for:!0},d.ellipsisProps),{default:b(()=>[_(e.$slots,`ellipsis-icon`,{},()=>[u(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),u(y(O),p({ref_for:!0},d.separatorProps),{default:b(()=>[_(e.$slots,`separator`,{},()=>[u(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):s(`v-if`,!0),u(y(C),p({ref_for:!0},d.itemProps,{onClick:e=>z(n)}),{default:b(()=>[_(e.$slots,`item-leading`,{item:n},()=>[u(t,{icon:n.icon},null,8,[`icon`])]),_(e.$slots,`default`,{item:n},()=>[n.to||n.href?(h(),o(y(w),p({key:0,ref_for:!0},d.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:b(()=>[_(e.$slots,`item-link`,{item:n},()=>[l(v(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(h(),o(y(E),p({key:1,ref_for:!0},d.pageProps),{default:b(()=>[_(e.$slots,`item-label`,{item:n},()=>[l(v(n.label),1)])]),_:2},1040))]),_(e.$slots,`item-trailing`,{item:n})]),_:2},1040,[`onClick`]),r<L.value.length-1?(h(),o(y(O),p({key:1,ref_for:!0},d.separatorProps),{default:b(()=>[_(e.$slots,`separator`,{},()=>[u(t,{icon:`lucide:chevron-right`})])]),_:3},16)):s(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{A as default};

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

@@ -1,9 +1,9 @@
 import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
-import * as vue27 from "vue";
+import * as vue129 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: vue27.PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T> & {
+  props: vue129.PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T> & {
     onClick?: ((item: T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -42,7 +42,7 @@ declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionDa
     separator?: (props: {}) => any;
   };
   emit: BreadcrumbEmits<T>;
-}>) => vue27.VNode & {
+}>) => vue129.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 vue61 from "vue";
-import * as _soybeanjs_headless7 from "@soybeanjs/headless";
+import * as vue34 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: vue61.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue61.ComponentOptionsMixin, vue61.ComponentOptionsMixin, {}, string, vue61.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  dir: _soybeanjs_headless7.Direction;
-  orientation: _soybeanjs_headless7.DataOrientation;
-}, {}, {}, {}, string, vue61.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue34.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue34.ComponentOptionsMixin, vue34.ComponentOptionsMixin, {}, string, vue34.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+  dir: _soybeanjs_headless1.Direction;
+  orientation: _soybeanjs_headless1.DataOrientation;
+}, {}, {}, {}, 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/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 vue66 from "vue";
+import * as vue24 from "vue";
 
 //#region src/components/button/button-icon.vue.d.ts
-declare const __VLS_export: vue66.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue66.ComponentOptionsMixin, vue66.ComponentOptionsMixin, {}, string, vue66.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
+declare const __VLS_export: vue24.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue24.ComponentOptionsMixin, vue24.ComponentOptionsMixin, {}, string, vue24.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
   variant: ButtonVariant;
   shape: ButtonShape;
   fitContent: boolean;
-}, {}, {}, {}, string, vue66.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue24.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 vue56 from "vue";
+import * as vue29 from "vue";
 
 //#region src/components/button/button-link.vue.d.ts
 declare var __VLS_14: {
@@ -11,16 +11,16 @@ declare var __VLS_14: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue56.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue56.ComponentOptionsMixin, vue56.ComponentOptionsMixin, {}, string, vue56.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue29.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {}, string, vue29.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
+  variant: ButtonVariant;
   disabled: boolean;
   replace: boolean;
-  variant: ButtonVariant;
   external: boolean;
   viewTransition: boolean;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue56.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/button/button-loading.vue.d.ts

@@ -1,5 +1,5 @@
 import { ButtonLoadingProps } from "./types.js";
-import * as vue46 from "vue";
+import * as vue19 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_33) => any;
 };
-declare const __VLS_base: vue46.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue46.ComponentOptionsMixin, vue46.ComponentOptionsMixin, {}, string, vue46.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
+declare const __VLS_base: vue19.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue19.ComponentOptionsMixin, vue19.ComponentOptionsMixin, {}, string, vue19.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
   loadingIcon: string;
   loadingPosition: Align;
-}, {}, {}, {}, string, vue46.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue19.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 vue51 from "vue";
+import * as vue14 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: vue51.DefineComponent<ButtonProps, {}, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {
+declare const __VLS_base: vue14.DefineComponent<ButtonProps, {}, {}, {}, {}, vue14.ComponentOptionsMixin, vue14.ComponentOptionsMixin, {
   click: (event: MouseEvent) => any;
-}, string, vue51.PublicProps, Readonly<ButtonProps> & Readonly<{
+}, string, vue14.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue51.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue14.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 vue41 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: vue41.DefineComponent<CardProps, {}, {}, {}, {}, vue41.ComponentOptionsMixin, vue41.ComponentOptionsMixin, {}, string, vue41.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: vue4.DefineComponent<CardProps, {}, {}, {}, {}, vue4.ComponentOptionsMixin, vue4.ComponentOptionsMixin, {}, string, vue4.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   scrollable: boolean;
-}, {}, {}, {}, string, vue41.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,10 +1,10 @@
 import { CheckboxCardGroupOptionData, CheckboxCardGroupProps } from "./types.js";
-import * as vue100 from "vue";
+import * as vue143 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: vue100.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
+  props: vue143.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Ch
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue100.VNode & {
+}>) => vue143.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxCardVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,useId as b,useSlots as x,withCtx as S}from"vue";import{useOmitProps as C}from"@soybeanjs/headless/composables";import{CheckboxControl as w,CheckboxIndicator as T,CheckboxLabel as E,CheckboxRoot as D,Slot as O,provideCheckboxUi as k}from"@soybeanjs/headless";const A={key:0};var j=d({name:`SCheckboxCard`,__name:`checkbox-card`,props:{ui:{},icon:{},description:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=C(M,[`ui`,`color`,`size`,`shape`,`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),I=b(),L=i(()=>M.id||`checkbox-${I}`),R=i(()=>M.modelValue===`indeterminate`),z=i(()=>e(n({color:M.color,size:M.size,shape:M.shape}),M.ui));return k(z),(e,n)=>(g(),a(y(D),p(y(F),{"onUpdate:modelValue":n[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[c(`div`,{class:m(z.value.content)},[d.icon?(g(),a(t,{key:0,icon:d.icon,class:m(z.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0),c(`div`,{class:m(z.value.textContent)},[u(y(E),p(d.labelProps,{for:L.value}),{default:S(()=>[_(e.$slots,`default`,{id:L.value},()=>[l(v(d.label),1)])]),_:3},16,[`for`]),y(P).description||d.description?(g(),a(y(O),{key:0,class:m(z.value.description)},{default:S(()=>[_(e.$slots,`description`,{},()=>[d.description?(g(),s(`p`,A,v(d.description),1)):o(`v-if`,!0)])]),_:3},8,[`class`])):o(`v-if`,!0)],2)],2),u(y(w),p(d.controlProps,{id:L.value,class:`checkbox-control`}),{default:S(()=>[u(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:S(()=>[u(y(T),h(f(d.indicatorProps)),{default:S(()=>[u(t,{icon:R.value?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])]),_:1},16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{j as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxCardVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,useId as b,useSlots as x,withCtx as S}from"vue";import{useOmitProps as C}from"@soybeanjs/headless/composables";import{CheckboxControl as w,CheckboxIndicator as T,CheckboxLabel as E,CheckboxRoot as D,Slot as O,provideCheckboxUi as k}from"@soybeanjs/headless";const A={key:0};var j=d({name:`SCheckboxCard`,__name:`checkbox-card`,props:{ui:{},icon:{},description:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=C(M,[`ui`,`color`,`size`,`shape`,`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),I=b(),L=i(()=>M.id||`checkbox-${I}`),R=i(()=>M.modelValue===`indeterminate`),z=i(()=>e(n({color:M.color,size:M.size,shape:M.shape}),M.ui));return k(z),(e,n)=>(g(),a(y(D),p(y(F),{"onUpdate:modelValue":n[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[c(`div`,{class:m(z.value.content)},[u(t,{icon:d.icon,class:m(z.value.icon)},null,8,[`icon`,`class`]),c(`div`,{class:m(z.value.textContent)},[u(y(E),p(d.labelProps,{for:L.value}),{default:S(()=>[_(e.$slots,`default`,{id:L.value},()=>[l(v(d.label),1)])]),_:3},16,[`for`]),y(P).description||d.description?(g(),a(y(O),{key:0,class:m(z.value.description)},{default:S(()=>[_(e.$slots,`description`,{},()=>[d.description?(g(),s(`p`,A,v(d.description),1)):o(`v-if`,!0)])]),_:3},8,[`class`])):o(`v-if`,!0)],2)],2),u(y(w),p(d.controlProps,{id:L.value,class:`checkbox-control`}),{default:S(()=>[u(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:S(()=>[u(y(T),h(f(d.indicatorProps)),{default:S(()=>[u(t,{icon:R.value?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])]),_:1},16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{j as default};

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

@@ -1,6 +1,6 @@
 import { CheckboxCardProps } from "./types.js";
-import * as vue102 from "vue";
-import * as _soybeanjs_headless49 from "@soybeanjs/headless";
+import * as vue145 from "vue";
+import * as _soybeanjs_headless84 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: vue102.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue102.ComponentOptionsMixin, vue102.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless49.CheckedState | null) => any;
-}, string, vue102.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless49.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue145.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue145.ComponentOptionsMixin, vue145.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless84.CheckedState | null) => any;
+}, string, vue145.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless84.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless49.CheckedState | null;
-}, {}, {}, {}, string, vue102.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless84.CheckedState | null;
+}, {}, {}, {}, string, vue145.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,10 +1,10 @@
 import { CheckboxGroupOptionData, CheckboxGroupProps } from "./types.js";
-import * as vue93 from "vue";
+import * as vue136 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: vue93.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
+  props: vue136.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Ch
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue93.VNode & {
+}>) => vue136.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 vue95 from "vue";
-import * as _soybeanjs_headless42 from "@soybeanjs/headless";
+import * as vue138 from "vue";
+import * as _soybeanjs_headless77 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_28: {
-    modelValue: _soybeanjs_headless42.CheckedState | null | undefined;
-    state: _soybeanjs_headless42.CheckedState;
+    modelValue: _soybeanjs_headless77.CheckedState | null | undefined;
+    state: _soybeanjs_headless77.CheckedState;
   }, __VLS_41: {
     id: string;
-    modelValue: _soybeanjs_headless42.CheckedState | null | undefined;
-    state: _soybeanjs_headless42.CheckedState;
+    modelValue: _soybeanjs_headless77.CheckedState | null | undefined;
+    state: _soybeanjs_headless77.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_28) => any;
 } & {
   default?: (props: typeof __VLS_41) => any;
 };
-declare const __VLS_base: vue95.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue95.ComponentOptionsMixin, vue95.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless42.CheckedState | null) => any;
-}, string, vue95.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless42.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue138.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue138.ComponentOptionsMixin, vue138.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless77.CheckedState | null) => any;
+}, string, vue138.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless77.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless42.CheckedState | null;
-}, {}, {}, {}, string, vue95.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless77.CheckedState | null;
+}, {}, {}, {}, string, vue138.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 vue82 from "vue";
+import * as vue150 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: vue82.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue82.ComponentOptionsMixin, vue82.ComponentOptionsMixin, {
+declare const __VLS_base: vue150.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue150.ComponentOptionsMixin, vue150.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue82.PublicProps, Readonly<CollapsibleProps> & Readonly<{
+}, string, vue150.PublicProps, Readonly<CollapsibleProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   unmountOnHide: boolean;
-}, {}, {}, {}, string, vue82.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue150.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-single-option.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{useCommandExtraUi as t}from"./context.js";import n from"../kbd/kbd.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{ListboxItem as v,SeparatorRoot as y}from"@soybeanjs/headless";var b=u({name:`SCommandSingleOption`,inheritAttrs:!1,__name:`command-single-option`,props:{item:{},itemLabelProps:{},shortcutProps:{},separatorProps:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:b}){let x=u,S=b,C=_(x,[`item`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),w=t();return(t,_)=>(f(),o(r,null,[l(h(v),d(h(C),{value:u.item.value,disabled:u.item.disabled,onSelect:_[0]||=e=>S(`select`,e)}),{default:g(()=>[p(t.$slots,`item-leading`,{},()=>[u.item.icon?(f(),i(e,{key:0,icon:u.item.icon},null,8,[`icon`])):a(`v-if`,!0)]),s(`span`,d({class:h(w)?.itemLabel},u.itemLabelProps),[p(t.$slots,`item-label`,{},()=>[c(m(u.item.label),1)])],16),p(t.$slots,`item-trailing`),u.item.shortcut?(f(),i(n,d({key:0},u.shortcutProps,{value:u.item.shortcut,class:h(w)?.shortcut}),null,16,[`value`,`class`])):a(`v-if`,!0)]),_:3},16,[`value`,`disabled`]),u.item.separator?(f(),i(h(y),d({key:0},u.separatorProps,{class:h(w)?.separator}),null,16,[`class`])):a(`v-if`,!0)],64))}});export{b as default};
+import e from"../icon/icon.js";import{useCommandExtraUi as t}from"./context.js";import n from"../kbd/kbd.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{ListboxItem as v,SeparatorRoot as y}from"@soybeanjs/headless";var b=u({name:`SCommandSingleOption`,inheritAttrs:!1,__name:`command-single-option`,props:{item:{},itemLabelProps:{},shortcutProps:{},separatorProps:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:b}){let x=u,S=b,C=_(x,[`item`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),w=t();return(t,_)=>(f(),o(r,null,[l(h(v),d(h(C),{value:u.item.value,disabled:u.item.disabled,onSelect:_[0]||=e=>S(`select`,e)}),{default:g(()=>[p(t.$slots,`item-leading`,{},()=>[l(e,{icon:u.item.icon},null,8,[`icon`])]),s(`span`,d({class:h(w)?.itemLabel},u.itemLabelProps),[p(t.$slots,`item-label`,{},()=>[c(m(u.item.label),1)])],16),p(t.$slots,`item-trailing`),u.item.shortcut?(f(),i(n,d({key:0},u.shortcutProps,{value:u.item.shortcut,class:h(w)?.shortcut}),null,16,[`value`,`class`])):a(`v-if`,!0)]),_:3},16,[`value`,`disabled`]),u.item.separator?(f(),i(h(y),d({key:0},u.separatorProps,{class:h(w)?.separator}),null,16,[`class`])):a(`v-if`,!0)],64))}});export{b as default};

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

@@ -1,15 +1,15 @@
 import { CommandBaseOptionData, CommandProps } from "./types.js";
-import * as vue39 from "vue";
+import * as vue155 from "vue";
 import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import * as _soybeanjs_headless3 from "@soybeanjs/headless";
+import * as _soybeanjs_headless87 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
 declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOptionData>(__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: vue39.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
-    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;
+  props: vue155.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
+    onSelect?: ((event: _soybeanjs_headless87.SelectEvent<string>) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless87.ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
   } & {
     bottom?: (props: {}) => any;
   };
-  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);
-}>) => vue39.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless87.SelectEvent<string>) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless87.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => vue155.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 vue87 from "vue";
-import * as _soybeanjs_headless41 from "@soybeanjs/headless";
+import * as vue157 from "vue";
+import * as _soybeanjs_headless91 from "@soybeanjs/headless";
 import * as _soybeanjs_shadcn_theme0 from "@soybeanjs/shadcn-theme";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
@@ -10,15 +10,15 @@ declare var __VLS_26: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: vue87.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue87.ComponentOptionsMixin, vue87.ComponentOptionsMixin, {}, string, vue87.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
-  dir: _soybeanjs_headless41.Direction;
+declare const __VLS_base: vue157.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue157.ComponentOptionsMixin, vue157.ComponentOptionsMixin, {}, string, vue157.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
   size: ThemeSize;
+  dir: _soybeanjs_headless91.Direction;
   theme: _soybeanjs_shadcn_theme0.ThemeOptions;
   iconify: {
     width?: string;
     height?: string;
   };
-}, {}, {}, {}, string, vue87.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue157.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 & {