@soybeanjs/ui 0.9.0 → 0.9.2

package/dist/components/accordion/accordion.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{accordionVariants as n}from"./variants.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";const 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(()=>e(n({size:k.size}),k.ui,{root:k.class}));return D(N),(e,n)=>(p(),a(v(T),d(v(j),_(v(M))),{default:y(()=>[(p(!0),o(r,null,m(k.items,n=>h(e.$slots,`item`,{key:n.value,item:n,modelValue:u.modelValue},()=>[l(v(w),d({ref_for:!0},k.itemProps,{value:n.value,disabled:n.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:n,modelValue:u.modelValue,open:r},()=>[l(t,{icon:n.icon,class:f(N.value.triggerLeadingIcon)},null,8,[`icon`,`class`])]),h(e.$slots,`title`,{item:n,modelValue:u.modelValue,open:r},()=>[c(g(n.title),1)]),h(e.$slots,`trigger-icon`,{item:n,modelValue:u.modelValue,open:r},()=>[l(t,{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:n,modelValue:u.modelValue,open:r},()=>[s(`p`,{class:f(N.value.description)},g(n.description),3)])]),_:2},1040)]),_:2},1040,[`value`,`disabled`])])),128))]),_:3},16))}});export{O as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{accordionVariants as n}from"./variants.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";const 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:{},singleClearable:{type:Boolean}},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(()=>e(n({size:k.size}),k.ui,{root:k.class}));return D(N),(e,n)=>(p(),a(v(T),d(v(j),_(v(M))),{default:y(()=>[(p(!0),o(r,null,m(k.items,n=>h(e.$slots,`item`,{key:n.value,item:n,modelValue:u.modelValue},()=>[l(v(w),d({ref_for:!0},k.itemProps,{value:n.value,disabled:n.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:n,modelValue:u.modelValue,open:r},()=>[l(t,{icon:n.icon,class:f(N.value.triggerLeadingIcon)},null,8,[`icon`,`class`])]),h(e.$slots,`title`,{item:n,modelValue:u.modelValue,open:r},()=>[c(g(n.title),1)]),h(e.$slots,`trigger-icon`,{item:n,modelValue:u.modelValue,open:r},()=>[l(t,{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:n,modelValue:u.modelValue,open:r},()=>[s(`p`,{class:f(N.value.description)},g(n.description),3)])]),_:2},1040)]),_:2},1040,[`value`,`disabled`])])),128))]),_:3},16))}});export{O as default};

package/dist/components/command/command.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{provideCommandExtraUi as n}from"./context.js";import{commandVariants as r}from"./variants.js";import i from"./command-option.js";import{getCommandHighlightSearchOption as a,getCommandItemOptions as o,getCommandSearchOptions as s}from"./shared.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxUi as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";const R=h({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`class`,`size`,`ui`,`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>s(z.items)),G),q=l(()=>o(K.value.map(e=>a(e.item,W.value)))),J=l(()=>e(r({size:z.size}),z.ui,{root:z.class})),Y=l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``})),X=l(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder}));return F(Y),n(J),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(X.value,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(i,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16),C(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{provideCommandExtraUi as n}from"./context.js";import{commandVariants as r}from"./variants.js";import i from"./command-option.js";import{getCommandHighlightSearchOption as a,getCommandItemOptions as o,getCommandSearchOptions as s}from"./shared.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxUi as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";const R=h({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`class`,`size`,`ui`,`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>s(z.items)),G),q=l(()=>o(K.value.map(e=>a(e.item,W.value)))),J=l(()=>e(r({size:z.size}),z.ui,{root:z.class})),Y=l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``})),X=l(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder}));return F(Y),n(J),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(X.value,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(i,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16),C(e.$slots,`bottom`)]),_:3},16))}});export{R as default};

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

@@ -8,8 +8,8 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
   props: vue.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
     onSelect?: ((event: _soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
   } & {
     bottom?: (props: {}) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+  emit: ((evt: "select", event: _soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/command/shared.js

@@ -1 +1 @@
-function e(e){return e.flatMap(e=>e.items?e.items.map(e=>({...e,isGroup:!0})):[e])}function t(e,t){return{...e,labelHtml:i(e,t,`label`)}}function n(e){let t=e.reduce((e,t)=>{let{isGroup:n,...r}=t;if(n){let{value:t,label:n,separator:i}=r;e[t]||(e[t]={value:t,label:n,separator:i}),e[t].items||(e[t].items=[]),e[t].items.push(r)}else e[t.label]=r;return e},{});return Object.values(t)}function r(e,t){let n=``,r=0,i=!1;for(let a=e.length-1;a>=0;a--){if(e[a]===`>`)i=!0;else if(e[a]===`<`){i=!1,n=e[a]+n;continue}if(i||r++,r<=t)n=e[a]+n;else{n=`...${n}`;break}}return n}function i(e,t,n,i){function a(e,n=[]){e||=``;let i=``,a=0;n.forEach(n=>{if(n.length===2&&n[0]===n[1])return;let r=n[1]+1,o=r-n[0]>=t.length;i+=[e.substring(a,n[0]),o&&`<mark>`,e.substring(n[0],r),o&&`</mark>`].filter(Boolean).join(``),a=r}),i+=e.substring(a);let o=i.indexOf(`<mark>`);return o!==-1&&(i=r(i,i.length-o)),i}let o=e?.matches?.find(e=>(!n||e.key===n)&&!i?.includes(e.key));if(o)return a(o.value,o.indices)}export{t as getCommandHighlightSearchOption,n as getCommandItemOptions,e as getCommandSearchOptions};
+function e(e){return e.flatMap(e=>e.items?e.items.map(t=>({groupValue:e.value,groupLabel:e.label,groupSeparator:e.separator,...t})):[e])}function t(e,t){return{...e,labelHtml:i(e,t,`label`)}}function n(e){let t=e.reduce((e,t)=>{let{groupValue:n,groupLabel:r,groupSeparator:i,...a}=t;return n?(e[n]||(e[n]={value:n,label:r??n,separator:i}),e[n].items||(e[n].items=[]),e[n].items.push(a)):e[t.label]=a,e},{});return Object.values(t)}function r(e,t){let n=``,r=0,i=!1;for(let a=e.length-1;a>=0;a--){if(e[a]===`>`)i=!0;else if(e[a]===`<`){i=!1,n=e[a]+n;continue}if(i||r++,r<=t)n=e[a]+n;else{n=`...${n}`;break}}return n}function i(e,t,n,i){function a(e,n=[]){e||=``;let i=``,a=0;n.forEach(n=>{if(n.length===2&&n[0]===n[1])return;let r=n[1]+1,o=r-n[0]>=t.length;i+=[e.substring(a,n[0]),o&&`<mark>`,e.substring(n[0],r),o&&`</mark>`].filter(Boolean).join(``),a=r}),i+=e.substring(a);let o=i.indexOf(`<mark>`);return o!==-1&&(i=r(i,i.length-o)),i}let o=e?.matches?.find(e=>(!n||e.key===n)&&!i?.includes(e.key));if(o)return a(o.value,o.indices)}export{t as getCommandHighlightSearchOption,n as getCommandItemOptions,e as getCommandSearchOptions};

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

@@ -56,7 +56,9 @@ interface CommandOptionProps {
 }
 type CommandOptionEmits = CommandItemEmits;
 interface CommandSearchOptionData extends CommandBaseOptionData {
-  isGroup?: boolean;
+  groupValue?: string;
+  groupLabel?: string;
+  groupSeparator?: boolean;
 }
 interface CommandHighlightSearchOptionData extends CommandSearchOptionData {
   labelHtml?: string;

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

@@ -8,15 +8,15 @@ import { DefinedValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<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: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -8,15 +8,15 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<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: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
   props: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trigger': (props: MenuOptionData<T>) => any;
     'item-trigger-icon': (props: MenuOptionData<T>) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -31,9 +31,9 @@ declare const __VLS_base: vue.DefineComponent<DialogPureProps, {}, {}, {}, {}, v
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
-  closable: boolean;
   modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -46,9 +46,9 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {}, {}, {}, {}, vue.C
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
-  closable: boolean;
   modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -46,9 +46,9 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {}, {}, {}, {}, vue.C
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
-  closable: boolean;
   modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -8,15 +8,15 @@ import { DefinedValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<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: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -8,15 +8,15 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<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: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;

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

@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
   props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trigger': (props: MenuOptionData<T>) => any;
     'item-trigger-icon': (props: MenuOptionData<T>) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/form/form-field-base.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g,withDirectives as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{FormDescription as y,FormError as b,FormField as x,FormLabel as S,provideFormFieldUi as C}from"@soybeanjs/headless";import{vAutoAnimate as w}from"@formkit/auto-animate";const T=s({name:`SFormFieldBase`,__name:`form-field-base`,props:{class:{},size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},error:{},isFieldArray:{type:Boolean}},setup(s){let T=s,E=h(),D=v(T,[`class`,`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),O=n(`FormField`),k=r(()=>T.size??O.size.value),A=r(()=>e(t({size:k.value}),O.ui.value,T.ui,{field:T.isFieldArray?void 0:T.class,fieldArray:T.isFieldArray?T.class:void 0})),j=r(()=>({...O.labelProps.value,...T.labelProps})),M=r(()=>({...O.descriptionProps.value,...T.descriptionProps})),N=r(()=>({...O.errorProps.value,...T.errorProps}));return C(A),(e,t)=>_((d(),i(m(x),u(c(m(D))),{default:g(t=>[m(E).label||s.label?(d(),i(m(S),u(l({key:0},j.value)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0),f(e.$slots,`default`,u(c(t))),m(E).description||s.description?(d(),i(m(y),u(l({key:1},M.value)),{default:g(()=>[f(e.$slots,`description`,{},()=>[o(p(s.description),1)])]),_:3},16)):a(`v-if`,!0),s.error?(d(),i(m(b),u(l({key:2},N.value)),{default:g(()=>[o(p(s.error),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[m(w)]])}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g,withDirectives as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{FormControl as y,FormDescription as b,FormError as x,FormField as S,FormLabel as C,provideFormFieldUi as w}from"@soybeanjs/headless";import{vAutoAnimate as T}from"@formkit/auto-animate";const E=s({name:`SFormFieldBase`,__name:`form-field-base`,props:{class:{},size:{},ui:{},inline:{type:Boolean,default:void 0},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},error:{},isFieldArray:{type:Boolean}},setup(s){let E=s,D=h(),O=v(E,[`class`,`size`,`ui`,`inline`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),k=n(`FormField`),A=r(()=>E.size??k.size.value),j=r(()=>e(t({size:A.value,inline:E.inline??k.inline.value}),k.ui.value,E.ui,{field:E.isFieldArray?void 0:E.class,fieldArray:E.isFieldArray?E.class:void 0})),M=r(()=>({...k.labelProps.value,...E.labelProps})),N=r(()=>({...k.controlProps.value,...E.controlProps})),P=r(()=>({...k.descriptionProps.value,...E.descriptionProps})),F=r(()=>({...k.errorProps.value,...E.errorProps}));return w(j),(e,t)=>(d(),i(m(S),u(c(m(O))),{default:g(t=>[m(D).label||s.label?(d(),i(m(C),u(l({key:0},M.value)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0),_((d(),i(m(y),u(c(N.value)),{default:g(()=>[f(e.$slots,`default`,u(c(t))),s.error?(d(),i(m(x),u(l({key:0},F.value)),{default:g(()=>[o(p(s.error),1)]),_:1},16)):a(`v-if`,!0)]),_:2},1040)),[[m(T)]]),m(D).description||s.description?(d(),i(m(b),u(l({key:1},P.value)),{default:g(()=>[f(e.$slots,`description`,{},()=>[o(p(s.description),1)])]),_:3},16)):a(`v-if`,!0)]),_:3},16))}});export{E as default};

package/dist/components/form/form.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{provideFormContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";import{transformPropsToContext as l}from"@soybeanjs/headless/shared";const u=a({name:`SForm`,__name:`form`,props:{class:{},size:{},ui:{},fieldProps:{},fieldArrayProps:{},labelProps:{},descriptionProps:{},errorProps:{}},setup(a){let u=a,d=r(()=>{let{form:n}=t({size:u.size});return e(n(),u.class)});return n(l(u)),(e,t)=>(s(),i(`form`,{class:o(d.value)},[c(e.$slots,`default`)],2))}});export{u as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{provideFormContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";import{transformPropsToContext as l}from"@soybeanjs/headless/shared";const u=[`data-inline`],d=a({name:`SForm`,__name:`form`,props:{class:{},size:{},ui:{},inline:{type:Boolean},fieldProps:{},fieldArrayProps:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(a){let d=a,f=r(()=>{let{form:n}=t({size:d.size});return e(n(),d.class)});return n(l(d)),(e,t)=>(s(),i(`form`,{"data-inline":a.inline?``:void 0,class:o(f.value)},[c(e.$slots,`default`)],10,u))}});export{d as default};

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

@@ -1,16 +1,21 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { ComponentOptionsMixin, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, PublicProps, SlotsType } from "vue";
-import { ClassValue, FormDescriptionProps, FormErrorProps, FormFieldArrayStates, FormFieldProps, FormFieldState, FormFieldUi, FormLabelProps, FormRegisterOptions, FormValues, Path, PathValue, PropsToContext } from "@soybeanjs/headless";
+import { ClassValue, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayStates, FormFieldProps, FormFieldState, FormFieldUi, FormLabelProps, FormRegisterOptions, FormValues, Path, PathValue, PropsToContext } from "@soybeanjs/headless";
 
 //#region src/components/form/types.d.ts
 interface FormFieldBaseProps extends Omit<FormFieldProps, 'class'> {
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<FormFieldUi>;
+  /**
+   * Whether the label is inline with the control.
+   */
+  inline?: boolean;
   label?: string;
   description?: string;
   labelProps?: FormLabelProps;
+  controlProps?: FormControlProps;
   descriptionProps?: FormDescriptionProps;
   errorProps?: FormErrorProps;
 }
@@ -39,9 +44,14 @@ interface FormProps extends /** @vue-ignore */FormHTMLAttributes {
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<FormFieldUi>;
+  /**
+   * Whether the label is inline with the control.
+   */
+  inline?: boolean;
   fieldProps?: FormFieldBaseProps;
   fieldArrayProps?: FormFieldBaseProps;
   labelProps?: FormLabelProps;
+  controlProps?: FormControlProps;
   descriptionProps?: FormDescriptionProps;
   errorProps?: FormErrorProps;
 }

package/dist/components/form/use-form.js

@@ -1 +1 @@
-import e from"./form-field-base.js";import{defineComponent as t,h as n}from"vue";import{Slot as r,useForm as i}from"@soybeanjs/headless";function a(a){let o=i(a),s=t((t,{slots:i})=>{let a=o.useField(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:a.value.meta.error,...t},{label:()=>i.label?.(a.value),description:()=>i.description?.(a.value),default:e=>n(r,{size:t.size,id:e.formFieldId,ariaDescribedBy:e.ariaDescribedBy,ariaInvalid:e.ariaInvalid,name:t.name,modelValue:a.value.value,"onUpdate:modelValue":e=>o.setFieldValue(t.name,e),onBlur:e=>a.value.onBlur(e,t.name),onChange:()=>a.value.onChange(),onInput:()=>a.value.onInput()},{default:()=>i.default?.(a.value)})})},{name:`SFormField`,props:[`name`]}),c=t((t,{slots:r})=>{let i=o.useFieldArray(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:i.value.meta.error,...t,isFieldArray:!0},{label:()=>r.label?.(i.value),description:()=>r.description?.(i.value),default:()=>r.default?.(i.value)})},{name:`SFormFieldArray`,props:[`name`]});return{...o,SFormField:s,SFormFieldArray:c}}export{a as useForm};
+import e from"./form-field-base.js";import{defineComponent as t,h as n}from"vue";import{Slot as r,useForm as i}from"@soybeanjs/headless";function a(a){let o=i(a),s=t((t,{slots:i})=>{let a=o.useField(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:a.value.meta.error,...t},{label:()=>i.label?.(a.value),description:i.description?()=>i.description(a.value):void 0,default:e=>n(r,{size:t.size,id:e.formFieldId,ariaDescribedBy:e.ariaDescribedBy,ariaInvalid:e.ariaInvalid,name:t.name,modelValue:a.value.value,"onUpdate:modelValue":e=>o.setFieldValue(t.name,e),onBlur:e=>a.value.onBlur(e,t.name),onChange:()=>a.value.onChange(),onInput:()=>a.value.onInput()},{default:()=>i.default?.(a.value)})})},{name:`SFormField`,props:[`name`]}),c=t((t,{slots:r})=>{let i=o.useFieldArray(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:i.value.meta.error,...t,isFieldArray:!0},{label:()=>r.label?.(i.value),description:r.description?()=>r.description(i.value):void 0,default:()=>r.default?.(i.value)})},{name:`SFormFieldArray`,props:[`name`]});return{...o,SFormField:s,SFormFieldArray:c}}export{a as useForm};

package/dist/components/form/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{form:``,field:``,fieldArray:``,label:`flex items-center`,description:`text-muted-foreground m-0`,error:`font-medium text-destructive m-0`},variants:{size:{xs:{field:`text-2xs space-y-1.5`,fieldArray:`text-2xs space-y-1.5`,label:`gap-1.5`},sm:{field:`text-xs space-y-1.75`,fieldArray:`text-xs space-y-1.75`,label:`gap-1.75`},md:{field:`text-sm space-y-2`,fieldArray:`text-sm space-y-2`,label:`gap-2`},lg:{field:`text-base space-y-2.5`,fieldArray:`text-base space-y-2.5`,label:`gap-2.5`},xl:{field:`text-lg space-y-3`,fieldArray:`text-lg space-y-3`,label:`gap-3`},"2xl":{field:`text-xl space-y-3.5`,fieldArray:`text-xl space-y-3.5`,label:`gap-3.5`}}},defaultVariants:{size:`md`}});export{t as formVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{form:``,field:`flex`,fieldArray:`flex`,label:`flex items-center`,control:``,description:`text-muted-foreground m-0`,error:`font-medium text-destructive m-0`},variants:{size:{xs:{form:`space-y-3 data-[inline]:space-y-4.5`,field:`text-2xs gap-x-2.25 gap-y-1.5`,fieldArray:`text-2xs gap-x-2.25 gap-y-1.5`,label:`gap-1.5`},sm:{form:`space-y-3.5 data-[inline]:space-y-5.5`,field:`text-xs gap-x-2.5 gap-y-1.75`,fieldArray:`text-xs gap-x-2.5 gap-y-1.75`,label:`gap-1.75`},md:{form:`space-y-4 data-[inline]:space-y-6`,field:`text-sm gap-x-3 gap-y-2`,fieldArray:`text-sm gap-x-3 gap-y-2`,label:`gap-2`},lg:{form:`space-y-4.5 data-[inline]:space-y-6.75`,field:`text-base gap-x-3.75 gap-y-2.5`,fieldArray:`text-base gap-x-3.75 gap-y-2.5`,label:`gap-2.5`},xl:{form:`space-y-5 data-[inline]:space-y-7.5`,field:`text-lg gap-x-4.5 gap-y-3`,fieldArray:`text-lg gap-x-4.5 gap-y-3`,label:`gap-3`},"2xl":{form:`space-y-6 data-[inline]:space-y-8`,field:`text-xl gap-x-5.25 gap-y-3.5`,fieldArray:`text-xl gap-x-5.25 gap-y-3.5`,label:`gap-3.5`}},inline:{true:{field:`flex-wrap justify-between items-center`,fieldArray:`flex-wrap justify-between items-center`,label:`justify-end`,control:`flex-1`,description:`w-full`,error:`absolute left-0 top-full w-full`},false:{field:`flex-col`,fieldArray:`flex-col`}}},defaultVariants:{size:`md`,inline:!1}});export{t as formVariants};

package/dist/components/layout/layout.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{provideSizeContext as r}from"../../theme/context.js";import"../../theme/index.js";import{drawerVariants as i}from"../drawer/variants.js";import{layoutVariants as a}from"./variants.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{LayoutContent as v,LayoutFooter as y,LayoutHeader as b,LayoutMain as x,LayoutRail as S,LayoutRoot as C,LayoutSidebar as w,LayoutTab as T,provideLayoutUi as E}from"@soybeanjs/headless";const D=l({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},fullContent:{type:Boolean},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},side:{},variant:{},collapsible:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{}},emits:[`update:open`],setup(l,{emit:D}){let O=l,k=D,A=_(O,[`class`,`size`,`ui`,`pxToRem`,`fullContent`,`tabVisible`,`footerVisible`,`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`footerProps`,`railProps`,`mobileProps`]),j=e=>O.pxToRem?O.pxToRem(e):e*n[O.size]/t.md;return E(o(()=>{let t=a({size:O.size,variant:O.variant,side:O.side,collapsible:O.collapsible,tabVisible:O.tabVisible,fullContent:O.fullContent}),n=i({size:O.size,side:O.side});return e({...t,mobileDrawer:n.content},O.ui,{root:O.class})})),r(()=>O.size),(e,t)=>(p(),s(h(C),d(h(A),{"px-to-rem":j,"onUpdate:open":t[0]||=e=>k(`update:open`,e)}),{default:g(t=>[c(h(w),f(u(l.sidebarProps)),{default:g(()=>[m(e.$slots,`sidebar`,f(u(t))),c(h(S),f(u(l.railProps)),null,16)]),_:2},1040),c(h(x),f(u(l.mainProps)),{default:g(()=>[c(h(b),f(u(l.headerProps)),{default:g(()=>[m(e.$slots,`header`)]),_:3},16),c(h(T),f(u(l.tabProps)),{default:g(()=>[m(e.$slots,`tab`)]),_:3},16),c(h(v),f(u(l.contentProps)),{default:g(()=>[m(e.$slots,`default`)]),_:3},16),c(h(y),f(u(l.footerProps)),{default:g(()=>[m(e.$slots,`footer`)]),_:3},16)]),_:3},16)]),_:3},16))}});export{D as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{provideSizeContext as r}from"../../theme/context.js";import"../../theme/index.js";import{drawerVariants as i}from"../drawer/variants.js";import{layoutVariants as a}from"./variants.js";import{computed as o,createBlock as s,createCommentVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{LayoutContent as y,LayoutFooter as b,LayoutHeader as x,LayoutMain as S,LayoutRail as C,LayoutRoot as w,LayoutSidebar as T,LayoutTab as E,provideLayoutUi as D}from"@soybeanjs/headless";const O=u({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},fullContent:{type:Boolean},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},side:{},variant:{},collapsible:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{}},emits:[`update:open`],setup(u,{emit:O}){let k=u,A=O,j=v(k,[`class`,`size`,`ui`,`pxToRem`,`fullContent`,`tabVisible`,`footerVisible`,`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`footerProps`,`railProps`,`mobileProps`]),M=e=>k.pxToRem?k.pxToRem(e):e*n[k.size]/t.md;return D(o(()=>{let t=a({size:k.size,variant:k.variant,side:k.side,collapsible:k.collapsible,fullContent:k.fullContent}),n=i({size:k.size,side:k.side});return e({...t,mobileDrawer:()=>`${n.content()} ${t.mobileDrawer()}`},k.ui,{root:k.class})})),r(()=>k.size),(e,t)=>(m(),s(g(w),f(g(j),{"px-to-rem":M,"data-tab-visible":!!u.tabVisible,"data-footer-visible":!!u.footerVisible,"data-full-content":!!u.fullContent,"onUpdate:open":t[0]||=e=>A(`update:open`,e)}),{default:_(t=>[l(g(T),p(d(u.sidebarProps)),{default:_(()=>[h(e.$slots,`sidebar`,p(d(t))),l(g(C),p(d(u.railProps)),null,16)]),_:2},1040),l(g(S),p(d(u.mainProps)),{default:_(()=>[l(g(x),p(d(u.headerProps)),{default:_(()=>[h(e.$slots,`header`)]),_:3},16),u.tabVisible?(m(),s(g(E),p(f({key:0},u.tabProps)),{default:_(()=>[h(e.$slots,`tab`)]),_:3},16)):c(`v-if`,!0),l(g(y),p(d(u.contentProps)),{default:_(()=>[h(e.$slots,`default`)]),_:3},16),u.footerVisible?(m(),s(g(b),p(f({key:1},u.footerProps)),{default:_(()=>[h(e.$slots,`footer`)]),_:3},16)):c(`v-if`,!0)]),_:3},16)]),_:3},16,[`data-tab-visible`,`data-footer-visible`,`data-full-content`]))}});export{O as default};

package/dist/components/layout/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full hidden md:block`,sidebarWrapper:`absolute inset-y-0 z-10 hidden h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear md:flex`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0 [&>button]:hidden`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 hidden w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},tabVisible:{true:{content:``}},fullContent:{true:{tab:`fixed left-0 top-0 z-10 w-full`,content:`fixed inset-0 z-10`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-right-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-left-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ml-[calc(var(--soybean-layout-spacing)/2)]`}},{tabVisible:!0,fullContent:!0,class:{content:`mt-[--soybean-layout-tab-height]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`,tabVisible:!0}});export{t as layoutVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full hidden md:block`,sidebarWrapper:`absolute inset-y-0 z-10 hidden h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear md:flex`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 hidden w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed left-0 top-0 z-9999 w-full`,content:`fixed inset-0 z-9999 group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height]`},false:{content:`relative`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-right-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-left-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ml-[calc(var(--soybean-layout-spacing)/2)]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`}});export{t as layoutVariants};

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

@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
   props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -5,8 +5,8 @@ import * as vue from "vue";
 declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{selectVariants as n}from"./variants.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectUi as F}from"@soybeanjs/headless";const I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`class`,`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`popupProps`,`placement`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value,W=o(()=>e(n({size:L.size}),L.ui,{trigger:L.class})),G=o(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),K=o(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps}));return F(W),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(G.value)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(K.value,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{selectVariants as n}from"./variants.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectUi as F}from"@soybeanjs/headless";const I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`class`,`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`popupProps`,`placement`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value,W=o(()=>e(n({size:L.size}),L.ui,{trigger:L.class})),G=o(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),K=o(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps}));return F(W),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(G.value)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(K.value,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

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

@@ -7,8 +7,8 @@ import { DefinedValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
     onSelect?: ((event: _soybeanjs_headless0.SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -44,7 +44,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       item: SelectSingleOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless0.SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: _soybeanjs_headless0.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,2 +1,4 @@
 import { BaseTableData, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots } from "./types.js";
-import { _default } from "./table.vue.js";
+import { _default } from "./table.vue.js";
+import { TableCell as STableCell, TableRow as STableRow } from "@soybeanjs/headless";
+export { STableCell, STableRow };

package/dist/components/table/index.js

@@ -1 +1 @@
-import e from"./table.js";
+import e from"./table.js";import{TableCell as t,TableRow as n}from"@soybeanjs/headless";export{t as STableCell,n as STableRow};

package/dist/components/table/table.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import{tableVariants as r}from"./variants.js";import i from"./table-radio.js";import{getTableRowValueByDataIndex as a}from"./shared.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useControllableState as E,useSelection as D}from"@soybeanjs/headless/composables";import{TableBody as O,TableCell as k,TableContent as A,TableFooter as j,TableHead as M,TableHeader as N,TableRoot as P,TableRow as F,provideTableUi as I}from"@soybeanjs/headless";const L=p({name:`STable`,__name:`table`,props:{class:{},ui:{},size:{},columns:{},data:{},rowKey:{type:Function},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},defaultSelected:{},selected:{},multiple:{}},emits:[`update:expanded`,`update:selected`],setup(p,{emit:L}){let R=p,z=L,B=w(),V=s(()=>e(r({size:R.size}),R.ui,{root:R.class})),H=E(()=>R.expanded,e=>{z(`update:expanded`,e??[])},U());function U(){return R.defaultExpandAll?R.data.map(e=>R.rowKey(e)):R.defaultExpanded??[]}let W=e=>{H.value.indexOf(e)>=0?H.value=H.value.filter(t=>t!==e):H.value=[...H.value,e]},{modelValue:G,onModelValueChange:K,setModelValue:q,resetModelValue:J,isMultiple:Y,isValueSelected:X}=D(s(()=>({modelValue:R.selected,defaultValue:R.defaultSelected,multiple:R.multiple})),e=>{z(`update:selected`,e)}),Z=s(()=>!Array.isArray(G.value)||G.value.length===0?!1:G.value.length===R.data.length?!0:`indeterminate`),Q=e=>{Array.isArray(G.value)&&(e===!0?q(R.data.map(e=>R.rowKey(e))):J())},$=s(()=>R.columns.filter(e=>!e.hidden)),ee=s(()=>R.columns.some(e=>e.type===`expand`));return I(V),(e,r)=>(y(),c(C(P),{style:v(e.style)},{default:T(()=>[f(C(A),_(m(p.contentProps)),{default:T(()=>[f(C(N),_(m(p.headerProps)),{default:T(()=>[f(C(F),_(m(p.rowProps)),{default:T(()=>[(y(!0),u(o,null,b($.value,t=>(y(),u(o,null,[t.dataIndex?(y(),c(C(M),h({key:0,ref_for:!0},p.headProps,{key:t.dataIndex,align:t.align??`left`,style:{width:t.width}}),{default:T(()=>[x(e.$slots,`header-${t.dataIndex}`,{column:t},()=>[d(S(t.title),1)])]),_:2},1040,[`align`,`style`])):t.type?(y(),c(C(M),h({key:1,ref_for:!0},p.headProps,{key:`__${t.type}`,align:t.align??`center`,style:{width:t.width}}),{default:T(()=>[x(e.$slots,`header-${t.type}`,{column:t,multiple:C(Y)},()=>[t.type===`index`?(y(),u(o,{key:0},[d(S(t.title??`#`),1)],64)):l(`v-if`,!0),t.type===`selection`?(y(),u(o,{key:1},[C(Y)?(y(),c(n,{key:0,"model-value":Z.value,class:g(V.value.selection),"onUpdate:modelValue":Q},null,8,[`model-value`,`class`])):l(`v-if`,!0)],64)):l(`v-if`,!0),t.type===`expand`?(y(),u(o,{key:2},[d(S(t.title),1)],64)):l(`v-if`,!0)])]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:3},16)]),_:3},16),f(C(O),_(m(p.bodyProps)),{default:T(()=>[(y(!0),u(o,null,b(p.data,(r,s)=>(y(),u(o,{key:p.rowKey(r)},[f(C(F),h({ref_for:!0},p.rowProps,{"data-row":``}),{default:T(()=>[(y(!0),u(o,null,b($.value,f=>(y(),u(o,null,[f.dataIndex?(y(),c(C(k),h({key:0,ref_for:!0},p.cellProps,{key:f.dataIndex,align:f.align??`left`,style:{width:f.width}}),{default:T(()=>[x(e.$slots,f.dataIndex,{index:s,column:f,row:r,value:C(a)(r,f.dataIndex)},()=>[d(S(C(a)(r,f.dataIndex)),1)])]),_:2},1040,[`align`,`style`])):f.type?(y(),c(C(k),h({key:1,ref_for:!0},p.cellProps,{key:`__${f.type}`,align:f.align??`center`,style:{width:f.width}}),{default:T(()=>[f.type===`index`?x(e.$slots,`index`,{key:0,index:s,column:f,row:r},()=>[d(S(s+1),1)]):l(`v-if`,!0),f.type===`selection`?x(e.$slots,`selection`,{key:1,index:s,column:f,row:r,multiple:C(Y)},()=>[C(Y)?(y(),c(n,{key:0,class:g(V.value.selection),"model-value":C(X)(p.rowKey(r)),"onUpdate:modelValue":e=>C(K)(p.rowKey(r))},null,8,[`class`,`model-value`,`onUpdate:modelValue`])):(y(),c(i,{key:1,size:p.size,checked:C(X)(p.rowKey(r)),onClick:e=>C(K)(p.rowKey(r))},null,8,[`size`,`checked`,`onClick`]))]):l(`v-if`,!0),f.type===`expand`?x(e.$slots,`expand`,{key:2,index:s,column:f,row:r,expanded:C(H).includes(p.rowKey(r)),toggleExpand:()=>W(p.rowKey(r))},()=>[C(H).includes(p.rowKey(r))?(y(),c(t,{key:0,icon:`lucide:chevron-down`,onClick:e=>W(p.rowKey(r))},null,8,[`onClick`])):(y(),c(t,{key:1,icon:`lucide:chevron-right`,onClick:e=>W(p.rowKey(r))},null,8,[`onClick`]))]):l(`v-if`,!0)]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:2},1040),ee.value&&C(H).includes(p.rowKey(r))?(y(),c(C(F),h({key:0,ref_for:!0},p.rowProps,{"data-expanded-row":``}),{default:T(()=>[f(C(k),h({ref_for:!0},p.cellProps,{colspan:$.value.length}),{default:T(()=>[x(e.$slots,`expanded-row`,{index:s,row:r})]),_:2},1040,[`colspan`])]),_:2},1040)):l(`v-if`,!0)],64))),128))]),_:3},16),B.footer?(y(),c(C(j),_(h({key:0},p.footerProps)),{default:T(()=>[x(e.$slots,`footer`)]),_:3},16)):l(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]))}});export{L as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import{tableVariants as r}from"./variants.js";import i from"./table-radio.js";import{getTableRowValueByDataIndex as a}from"./shared.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useControllableState as T,useSelection as E}from"@soybeanjs/headless/composables";import{TableBody as D,TableCell as O,TableContent as k,TableFooter as A,TableHead as j,TableHeader as M,TableRoot as N,TableRow as P,provideTableUi as F}from"@soybeanjs/headless";const I=p({name:`STable`,__name:`table`,props:{class:{},ui:{},size:{},columns:{},data:{},rowKey:{type:Function},bordered:{type:[Boolean,String]},striped:{type:Boolean},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},defaultSelected:{},selected:{},multiple:{}},emits:[`update:expanded`,`update:selected`],setup(p,{emit:I}){let L=p,R=I,z=C(),B=s(()=>e(r({size:L.size,bordered:L.bordered,striped:L.striped}),L.ui,{root:L.class})),V=T(()=>L.expanded,e=>{R(`update:expanded`,e??[])},H());function H(){return L.defaultExpandAll?L.data.map(e=>L.rowKey(e)):L.defaultExpanded??[]}let U=e=>{V.value.indexOf(e)>=0?V.value=V.value.filter(t=>t!==e):V.value=[...V.value,e]},{modelValue:W,onModelValueChange:G,setModelValue:K,resetModelValue:q,isMultiple:J,isValueSelected:Y}=E(s(()=>({modelValue:L.selected,defaultValue:L.defaultSelected,multiple:L.multiple})),e=>{R(`update:selected`,e)}),X=s(()=>!Array.isArray(W.value)||W.value.length===0?!1:W.value.length===L.data.length?!0:`indeterminate`),Z=e=>{Array.isArray(W.value)&&(e===!0?K(L.data.map(e=>L.rowKey(e))):q())},Q=s(()=>L.columns.filter(e=>!e.hidden)),$=s(()=>L.columns.some(e=>e.type===`expand`));return F(B),(e,r)=>(v(),c(S(N),null,{default:w(()=>[f(S(k),_(m(p.contentProps)),{default:w(()=>[f(S(M),_(m(p.headerProps)),{default:w(()=>[f(S(P),_(m(p.rowProps)),{default:w(()=>[(v(!0),u(o,null,y(Q.value,t=>(v(),u(o,null,[t.dataIndex?(v(),c(S(j),h({key:0,ref_for:!0},p.headProps,{key:t.dataIndex,align:t.align??`left`,style:{width:t.width}}),{default:w(()=>[b(e.$slots,`header-${t.dataIndex}`,{column:t},()=>[d(x(t.title),1)])]),_:2},1040,[`align`,`style`])):t.type?(v(),c(S(j),h({key:1,ref_for:!0},p.headProps,{key:`__${t.type}`,align:t.align??`center`,style:{width:t.width}}),{default:w(()=>[b(e.$slots,`header-${t.type}`,{column:t,multiple:S(J)},()=>[t.type===`index`?(v(),u(o,{key:0},[d(x(t.title??`#`),1)],64)):l(`v-if`,!0),t.type===`selection`?(v(),u(o,{key:1},[S(J)?(v(),c(n,{key:0,"model-value":X.value,class:g(B.value.selection),"onUpdate:modelValue":Z},null,8,[`model-value`,`class`])):l(`v-if`,!0)],64)):l(`v-if`,!0),t.type===`expand`?(v(),u(o,{key:2},[d(x(t.title),1)],64)):l(`v-if`,!0)])]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:3},16)]),_:3},16),f(S(D),_(m(p.bodyProps)),{default:w(()=>[(v(!0),u(o,null,y(p.data,(r,s)=>(v(),u(o,{key:p.rowKey(r)},[f(S(P),h({ref_for:!0},p.rowProps,{"data-row":``}),{default:w(()=>[(v(!0),u(o,null,y(Q.value,f=>(v(),u(o,null,[f.dataIndex?(v(),c(S(O),h({key:0,ref_for:!0},p.cellProps,{key:f.dataIndex,align:f.align??`left`,style:{width:f.width}}),{default:w(()=>[b(e.$slots,f.dataIndex,{index:s,column:f,row:r,value:S(a)(r,f.dataIndex)},()=>[d(x(S(a)(r,f.dataIndex)),1)])]),_:2},1040,[`align`,`style`])):f.type?(v(),c(S(O),h({key:1,ref_for:!0},p.cellProps,{key:`__${f.type}`,align:f.align??`center`,style:{width:f.width}}),{default:w(()=>[f.type===`index`?b(e.$slots,`index`,{key:0,index:s,column:f,row:r},()=>[d(x(s+1),1)]):l(`v-if`,!0),f.type===`selection`?b(e.$slots,`selection`,{key:1,index:s,column:f,row:r,multiple:S(J)},()=>[S(J)?(v(),c(n,{key:0,class:g(B.value.selection),"model-value":S(Y)(p.rowKey(r)),"onUpdate:modelValue":e=>S(G)(p.rowKey(r))},null,8,[`class`,`model-value`,`onUpdate:modelValue`])):(v(),c(i,{key:1,size:p.size,checked:S(Y)(p.rowKey(r)),onClick:e=>S(G)(p.rowKey(r))},null,8,[`size`,`checked`,`onClick`]))]):l(`v-if`,!0),f.type===`expand`?b(e.$slots,`expand`,{key:2,index:s,column:f,row:r,expanded:S(V).includes(p.rowKey(r)),toggleExpand:()=>U(p.rowKey(r))},()=>[S(V).includes(p.rowKey(r))?(v(),c(t,{key:0,icon:`lucide:chevron-down`,onClick:e=>U(p.rowKey(r))},null,8,[`onClick`])):(v(),c(t,{key:1,icon:`lucide:chevron-right`,onClick:e=>U(p.rowKey(r))},null,8,[`onClick`]))]):l(`v-if`,!0)]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:2},1040),$.value&&S(V).includes(p.rowKey(r))?(v(),c(S(P),h({key:0,ref_for:!0},p.rowProps,{"data-expanded-row":``}),{default:w(()=>[f(S(O),h({ref_for:!0},p.cellProps,{colspan:Q.value.length}),{default:w(()=>[b(e.$slots,`expanded-row`,{index:s,row:r})]),_:2},1040,[`colspan`])]),_:2},1040)):l(`v-if`,!0)],64))),128))]),_:3},16),z.footer?(v(),c(S(A),_(h({key:0},p.footerProps)),{default:w(()=>[b(e.$slots,`footer`,{columnSize:Q.value.length})]),_:3},16)):l(`v-if`,!0)]),_:3},16)]),_:3}))}});export{I as default};

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

@@ -29,6 +29,8 @@ interface TableProps<T extends BaseTableData = BaseTableData, R extends string |
   columns: TableColumn<T>[];
   data: T[];
   rowKey: (row: T) => R;
+  bordered?: boolean | 'all';
+  striped?: boolean;
   defaultExpanded?: R[];
   expanded?: R[];
   defaultExpandAll?: boolean;
@@ -84,7 +86,9 @@ type TableSlots<T extends BaseTableData> = { [K in `header-${Path<T>}`]?: (props
     index: number;
     row: T;
   }) => any;
-  footer?: () => any;
+  footer?: (props: {
+    columnSize: number;
+  }) => any;
 };
 interface TableRadioProps {
   size?: ThemeSize;

package/dist/components/table/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-auto`,content:`w-full`,header:`sticky top-0 left-0 bg-accent`,body:``,footer:`bg-accent font-medium`,row:`data-[row]:hover:bg-accent transition-colors`,head:`text-foreground font-medium whitespace-nowrap`,cell:`whitespace-nowrap`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer`,`border-primary focus-visible:ring-primary/30`,`focus-visible:outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`text-2xs`,caption:`py-2`,head:`h-8 px-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`},sm:{root:`text-xs`,caption:`py-2.5`,head:`h-9 px-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`},md:{root:`text-sm`,caption:`py-3`,head:`h-10 px-2`,cell:`p-2`,radioRoot:`w-4 h-4`},lg:{root:`text-base`,caption:`py-3.5`,head:`h-12 px-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`},xl:{root:`text-lg`,caption:`py-4`,head:`h-14 px-3`,cell:`p-3`,radioRoot:`w-5 h-5`},"2xl":{root:`text-xl`,caption:`py-4.5`,head:`h-16 px-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`}},bordered:{all:{root:`border border-border border-collapse`,head:`border border-border`,cell:`border border-border`},true:{header:`[&_tr]:border`,body:`[&_tr]:border-x`,footer:`[&>tr]:border-x border-t`,row:`border-b`},false:{header:`[&_tr]:border-b`,body:`[&_tr:last-child]:border-0`,footer:`[&>tr]:last:border-b-0 border-t`,row:`border-b`}},striped:{true:{row:`data-[row]:even:bg-accent`}}},defaultVariants:{size:`md`,bordered:!1,striped:!1}});export{t as tableVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-auto`,content:`w-full`,header:`sticky top-0 left-0 bg-accent`,body:``,footer:`bg-accent font-medium`,row:`data-[row]:hover:bg-accent transition-colors`,head:`text-foreground font-medium whitespace-nowrap`,cell:`whitespace-nowrap`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer`,`border-primary focus-visible:ring-primary/30`,`focus-visible:outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`text-2xs`,caption:`py-2`,head:`h-8 px-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`},sm:{root:`text-xs`,caption:`py-2.5`,head:`h-9 px-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`},md:{root:`text-sm`,caption:`py-3`,head:`h-10 px-2`,cell:`p-2`,radioRoot:`w-4 h-4`},lg:{root:`text-base`,caption:`py-3.5`,head:`h-12 px-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`},xl:{root:`text-lg`,caption:`py-4`,head:`h-14 px-3`,cell:`p-3`,radioRoot:`w-5 h-5`},"2xl":{root:`text-xl`,caption:`py-4.5`,head:`h-16 px-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`}},bordered:{all:{content:`border border-border border-collapse`,head:`border border-border`,cell:`border border-border`},true:{header:`[&_tr]:border`,body:`[&_tr]:border-x`,footer:`[&>tr]:border-x border-t`,row:`border-b`},false:{header:`[&_tr]:border-b`,body:`[&_tr:last-child]:border-0`,footer:`[&>tr]:last:border-b-0 border-t`,row:`border-b`}},striped:{true:{row:`data-[row]:even:bg-accent`}}},defaultVariants:{size:`md`,bordered:!1,striped:!1}});export{t as tableVariants};

package/dist/index.d.ts

@@ -148,7 +148,7 @@ import { _default as _default$61 } from "./components/switch/switch.vue.js";
 import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps } from "./components/switch/index.js";
 import { BaseTableData, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots } from "./components/table/types.js";
 import { _default as _default$62 } from "./components/table/table.vue.js";
-import "./components/table/index.js";
+import { STableCell, STableRow } from "./components/table/index.js";
 import { _default as _default$63 } from "./components/tabs/tabs.vue.js";
 import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "./components/tabs/index.js";
 import { TagShape, TagVariant } from "./components/tag/variants.js";
@@ -177,4 +177,4 @@ import { VirtualizerProps } from "./components/virtualizer/types.js";
 import { _default as _default$72 } from "./components/virtualizer/virtualizer.vue.js";
 import { SVirtualizerItem, VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "./components/virtualizer/index.js";
 import { AcceptableBooleanValue, AcceptableValue, Align, CheckedState, ClassValue, DataOrientation, DefinedValue, Direction, DisclosureState, DismissableLayerEmits, DismissableLayerProps, FocusIntent, FocusOutsideEvent, FocusScopeEmits, ForceMountProps, FormFieldCommonProps, HorizontalSide, ImageLoadingStatus, KbdKey, MaybeArray, MaybePromise, NavigationKey, Placement, PointerDownOutsideEvent, PropsToContext, SelectEvent, SelectionEmits, SelectionProps, Side, TrapFocusProps, TreeSelectEvent, TreeToggleEvent, VNodeRef } from "@soybeanjs/headless";
-export { type AcceptableBooleanValue, type AcceptableValue, AccordionContentProps, AccordionEmits, AccordionExtendedUi, AccordionExtraUiSlot, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogCloseProps, AlertDialogContentEmits, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogEmits, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogProps, AlertDialogRootEmits, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps, AlertDialogType, AlertEmits, AlertExtendedUi, AlertProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertVariant, type Align, ArrowProps, AspectRatioProps, AvatarEmits, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarProps, AvatarRootProps, BadgeContentProps, BadgeEmits, BadgePosition, BadgeProps, BadgeRootEmits, BadgeRootProps, BaseTableData, BreadcrumbEllipsisProps, BreadcrumbEmits, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps, ButtonShadow, ButtonShape, ButtonVariant, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps, CardTitleRootProps, CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardUi, CheckboxCardUiSlot, CheckboxControlProps, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, CheckboxRootEmits, CheckboxRootProps, type CheckedState, type ClassValue, CollapsibleContentProps, CollapsibleEmits, CollapsibleProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CommandBaseOptionData, CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, CommandGroupLabelProps, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot, ConfigProviderProps, ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxEmits, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuCheckboxProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuEmits, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRadioProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, ContextMenuWrapperEmits, ContextMenuWrapperProps, type DataOrientation, type DefinedValue, DialogCloseProps, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogEmits, DialogExtendedUi, DialogExtendedUiSlot, DialogExtraUiSlot, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogPureEmits, DialogPureProps, DialogRootEmits, DialogRootProps, DialogState, DialogTitleProps, DialogTriggerProps, type Direction, type DisclosureState, type DismissableLayerEmits, type DismissableLayerProps, DrawerEmits, DrawerExtendedUi, DrawerExtraUiSlot, DrawerProps, DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxEmits, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuEmits, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRadioProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperEmits, DropdownMenuWrapperProps, FlattenedItem, type FocusIntent, type FocusOutsideEvent, type FocusScopeEmits, type ForceMountProps, FormContextParams, FormDescriptionProps, FormErrorProps, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, type FormFieldCommonProps, FormFieldComponent, FormFieldProps, FormFieldSlots, FormLabelProps, FormProps, type HorizontalSide, IconProps, IconValue, type ImageLoadingStatus, InputControlProps, InputEmits, InputNumberEmits, InputNumberProps, InputProps, InputRootEmits, InputRootProps, type KbdKey, KbdProps, KbdValue, KbdVariant, LabelProps, LayoutCollapsible, LayoutEmits, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutTabProps, LayoutVariant, LinkProps, ListContentProps, ListDescriptionProps, ListItemProps, ListProps, ListRootProps, ListTitleProps, type MaybeArray, type MaybePromise, MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuContentEmits, MenuContentProps, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, type NavigationKey, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraUi, NavigationMenuExtraUiSlot, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuViewportProps, PageTabsContextMenuOptionData, PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps, PageTabsState, PageTabsVariant, PaginationButtonProps, PaginationEllipsisProps, PaginationEmits, PaginationListItemProps, PaginationListProps, PaginationProps, PaginationRootEmits, PaginationRootProps, PasswordEmits, PasswordProps, type Placement, type PointerDownOutsideEvent, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverEmits, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, type PropsToContext, RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupControlProps, RadioGroupEmits, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupProps, RadioGroupRootEmits, RadioGroupRootProps, RadioProps, _default as SAccordion, _default$1 as SAlert, _default$2 as SAlertDialog, _default$3 as SAlertDialogAction, _default$4 as SAlertDialogCancel, SArrow, SAspectRatio, _default$5 as SAvatar, _default$6 as SBadge, _default$7 as SBreadcrumb, SBreadcrumbEllipsis, SBreadcrumbPage, _default$8 as SButton, _default$9 as SButtonGroup, _default$10 as SButtonIcon, _default$11 as SButtonLink, _default$12 as SButtonLoading, _default$13 as SCard, _default$14 as SCheckbox, _default$15 as SCheckboxCard, _default$16 as SCheckboxCardGroup, _default$17 as SCheckboxGroup, _default$18 as SCollapsible, SCollapsibleContent, SCollapsibleTrigger, _default$19 as SCommand, _default$20 as SConfigProvider, _default$21 as SContextMenu, _default$22 as SContextMenuCheckbox, _default$23 as SContextMenuRadio, _default$24 as SContextMenuWrapper, _default$25 as SDialog, _default$26 as SDialogClose, _default$27 as SDialogPure, _default$28 as SDrawer, _default$29 as SDrawerClose, _default$30 as SDropdownMenu, _default$31 as SDropdownMenuCheckbox, _default$32 as SDropdownMenuRadio, _default$33 as SDropdownMenuWrapper, _default$34 as SForm, _default$35 as SIcon, _default$36 as SInput, _default$37 as SInputNumber, _default$38 as SKbd, _default$39 as SLabel, _default$40 as SLayout, _default$41 as SLayoutTrigger, _default$42 as SLink, _default$43 as SList, _default$44 as SListItem, _default$45 as SMenuCheckboxOptions, _default$46 as SMenuOption, _default$47 as SMenuOptions, _default$48 as SMenuRadioOptions, _default$49 as SNavigationMenu, _default$50 as SPageTabs, _default$51 as SPagination, _default$52 as SPassword, _default$53 as SPopover, _default$54 as SRadio, _default$55 as SRadioCard, _default$56 as SRadioCardGroup, _default$57 as SRadioGroup, _default$58 as SSegment, _default$59 as SSelect, _default$60 as SSeparator, _default$61 as SSwitch, _default$62 as STable, _default$63 as STabs, _default$64 as STag, _default$65 as STextarea, _default$66 as SToast, SToastAction, SToastClose, _default$67 as STooltip, _default$68 as STree, STreeItem, _default$69 as STreeMenu, _default$70 as STreeMenuStyledItem, _default$71 as STreeVirtualizer, STreeVirtualizerItem, _default$72 as SVirtualizer, SVirtualizerItem, SegmentExtendedUi, SegmentOptionData, SegmentProps, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectEmits, type SelectEvent, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectPosition, SelectProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps, type SelectionEmits, type SelectionProps, SeparatorLabelProps, SeparatorProps, SeparatorRootProps, type Side, SwitchControlProps, SwitchEmits, SwitchProps, SwitchRootEmits, SwitchRootProps, SwitchShape, SwitchThumbProps, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots, TabsContentProps, TabsEmits, TabsExtendedUi, TabsExtraUiSlot, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TagEmits, TagProps, TagShape, TagVariant, TextareaControlProps, TextareaCounterProps, TextareaEmits, TextareaExtraUiSlot, TextareaProps, TextareaResize, TextareaRootEmits, TextareaRootProps, type ThemeColor, ThemeOptions, type ThemeSize, ToastColor, ToastProps, TooltipArrowProps, TooltipEmits, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, type TrapFocusProps, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, type TreeSelectEvent, TreeToggleBehavior, type TreeToggleEvent, TreeVirtualizerEmits, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps, UseDialogOptions, UseDialogReturn, UseDialogType, UseToastOptions, type VNodeRef, VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerProps, VirtualizerRootProps, useConfigProvider, useDialog, useForm, useToast };
+export { type AcceptableBooleanValue, type AcceptableValue, AccordionContentProps, AccordionEmits, AccordionExtendedUi, AccordionExtraUiSlot, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogCloseProps, AlertDialogContentEmits, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogEmits, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogProps, AlertDialogRootEmits, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps, AlertDialogType, AlertEmits, AlertExtendedUi, AlertProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertVariant, type Align, ArrowProps, AspectRatioProps, AvatarEmits, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarProps, AvatarRootProps, BadgeContentProps, BadgeEmits, BadgePosition, BadgeProps, BadgeRootEmits, BadgeRootProps, BaseTableData, BreadcrumbEllipsisProps, BreadcrumbEmits, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps, ButtonShadow, ButtonShape, ButtonVariant, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps, CardTitleRootProps, CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardUi, CheckboxCardUiSlot, CheckboxControlProps, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, CheckboxRootEmits, CheckboxRootProps, type CheckedState, type ClassValue, CollapsibleContentProps, CollapsibleEmits, CollapsibleProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CommandBaseOptionData, CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, CommandGroupLabelProps, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot, ConfigProviderProps, ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxEmits, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuCheckboxProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuEmits, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRadioProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, ContextMenuWrapperEmits, ContextMenuWrapperProps, type DataOrientation, type DefinedValue, DialogCloseProps, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogEmits, DialogExtendedUi, DialogExtendedUiSlot, DialogExtraUiSlot, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogPureEmits, DialogPureProps, DialogRootEmits, DialogRootProps, DialogState, DialogTitleProps, DialogTriggerProps, type Direction, type DisclosureState, type DismissableLayerEmits, type DismissableLayerProps, DrawerEmits, DrawerExtendedUi, DrawerExtraUiSlot, DrawerProps, DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxEmits, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuEmits, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRadioProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperEmits, DropdownMenuWrapperProps, FlattenedItem, type FocusIntent, type FocusOutsideEvent, type FocusScopeEmits, type ForceMountProps, FormContextParams, FormDescriptionProps, FormErrorProps, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, type FormFieldCommonProps, FormFieldComponent, FormFieldProps, FormFieldSlots, FormLabelProps, FormProps, type HorizontalSide, IconProps, IconValue, type ImageLoadingStatus, InputControlProps, InputEmits, InputNumberEmits, InputNumberProps, InputProps, InputRootEmits, InputRootProps, type KbdKey, KbdProps, KbdValue, KbdVariant, LabelProps, LayoutCollapsible, LayoutEmits, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutTabProps, LayoutVariant, LinkProps, ListContentProps, ListDescriptionProps, ListItemProps, ListProps, ListRootProps, ListTitleProps, type MaybeArray, type MaybePromise, MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuContentEmits, MenuContentProps, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, type NavigationKey, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraUi, NavigationMenuExtraUiSlot, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuViewportProps, PageTabsContextMenuOptionData, PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps, PageTabsState, PageTabsVariant, PaginationButtonProps, PaginationEllipsisProps, PaginationEmits, PaginationListItemProps, PaginationListProps, PaginationProps, PaginationRootEmits, PaginationRootProps, PasswordEmits, PasswordProps, type Placement, type PointerDownOutsideEvent, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverEmits, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, type PropsToContext, RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupControlProps, RadioGroupEmits, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupProps, RadioGroupRootEmits, RadioGroupRootProps, RadioProps, _default as SAccordion, _default$1 as SAlert, _default$2 as SAlertDialog, _default$3 as SAlertDialogAction, _default$4 as SAlertDialogCancel, SArrow, SAspectRatio, _default$5 as SAvatar, _default$6 as SBadge, _default$7 as SBreadcrumb, SBreadcrumbEllipsis, SBreadcrumbPage, _default$8 as SButton, _default$9 as SButtonGroup, _default$10 as SButtonIcon, _default$11 as SButtonLink, _default$12 as SButtonLoading, _default$13 as SCard, _default$14 as SCheckbox, _default$15 as SCheckboxCard, _default$16 as SCheckboxCardGroup, _default$17 as SCheckboxGroup, _default$18 as SCollapsible, SCollapsibleContent, SCollapsibleTrigger, _default$19 as SCommand, _default$20 as SConfigProvider, _default$21 as SContextMenu, _default$22 as SContextMenuCheckbox, _default$23 as SContextMenuRadio, _default$24 as SContextMenuWrapper, _default$25 as SDialog, _default$26 as SDialogClose, _default$27 as SDialogPure, _default$28 as SDrawer, _default$29 as SDrawerClose, _default$30 as SDropdownMenu, _default$31 as SDropdownMenuCheckbox, _default$32 as SDropdownMenuRadio, _default$33 as SDropdownMenuWrapper, _default$34 as SForm, _default$35 as SIcon, _default$36 as SInput, _default$37 as SInputNumber, _default$38 as SKbd, _default$39 as SLabel, _default$40 as SLayout, _default$41 as SLayoutTrigger, _default$42 as SLink, _default$43 as SList, _default$44 as SListItem, _default$45 as SMenuCheckboxOptions, _default$46 as SMenuOption, _default$47 as SMenuOptions, _default$48 as SMenuRadioOptions, _default$49 as SNavigationMenu, _default$50 as SPageTabs, _default$51 as SPagination, _default$52 as SPassword, _default$53 as SPopover, _default$54 as SRadio, _default$55 as SRadioCard, _default$56 as SRadioCardGroup, _default$57 as SRadioGroup, _default$58 as SSegment, _default$59 as SSelect, _default$60 as SSeparator, _default$61 as SSwitch, _default$62 as STable, STableCell, STableRow, _default$63 as STabs, _default$64 as STag, _default$65 as STextarea, _default$66 as SToast, SToastAction, SToastClose, _default$67 as STooltip, _default$68 as STree, STreeItem, _default$69 as STreeMenu, _default$70 as STreeMenuStyledItem, _default$71 as STreeVirtualizer, STreeVirtualizerItem, _default$72 as SVirtualizer, SVirtualizerItem, SegmentExtendedUi, SegmentOptionData, SegmentProps, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectEmits, type SelectEvent, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectPosition, SelectProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps, type SelectionEmits, type SelectionProps, SeparatorLabelProps, SeparatorProps, SeparatorRootProps, type Side, SwitchControlProps, SwitchEmits, SwitchProps, SwitchRootEmits, SwitchRootProps, SwitchShape, SwitchThumbProps, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots, TabsContentProps, TabsEmits, TabsExtendedUi, TabsExtraUiSlot, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TagEmits, TagProps, TagShape, TagVariant, TextareaControlProps, TextareaCounterProps, TextareaEmits, TextareaExtraUiSlot, TextareaProps, TextareaResize, TextareaRootEmits, TextareaRootProps, type ThemeColor, ThemeOptions, type ThemeSize, ToastColor, ToastProps, TooltipArrowProps, TooltipEmits, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, type TrapFocusProps, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, type TreeSelectEvent, TreeToggleBehavior, type TreeToggleEvent, TreeVirtualizerEmits, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps, UseDialogOptions, UseDialogReturn, UseDialogType, UseToastOptions, type VNodeRef, VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerProps, VirtualizerRootProps, useConfigProvider, useDialog, useForm, useToast };

package/dist/index.js

@@ -1 +1 @@
-import e from"./components/alert-dialog/alert-dialog.js";import t from"./components/button/button.js";import n from"./components/alert-dialog/alert-dialog-cancel.js";import r from"./components/alert-dialog/alert-dialog-action.js";import{useDialog as i}from"./components/dialog/context.js";import{useConfigProvider as a}from"./components/config-provider/context.js";import{useToast as o}from"./components/toast/context.js";import s from"./components/button/button-icon.js";import c from"./components/toast/toast.js";import l from"./components/config-provider/config-provider.js";import"./components/config-provider/index.js";import u from"./components/icon/icon.js";import d from"./components/accordion/accordion.js";import"./components/accordion/index.js";import f from"./components/alert/alert.js";import"./components/alert/index.js";import"./components/alert-dialog/index.js";import{SArrow as p}from"./components/arrow/index.js";import{SAspectRatio as m}from"./components/aspect-ratio/index.js";import h from"./components/avatar/avatar.js";import"./components/avatar/index.js";import g from"./components/badge/badge.js";import"./components/badge/index.js";import _ from"./components/breadcrumb/breadcrumb.js";import{SBreadcrumbEllipsis as v,SBreadcrumbPage as y}from"./components/breadcrumb/index.js";import b from"./components/button/button-loading.js";import x from"./components/link/link.js";import S from"./components/button/button-link.js";import C from"./components/button/button-group.js";import"./components/button/index.js";import w from"./components/card/card.js";import"./components/card/index.js";import T from"./components/checkbox/checkbox.js";import E from"./components/checkbox/checkbox-group.js";import D from"./components/checkbox/checkbox-card.js";import O from"./components/checkbox/checkbox-card-group.js";import"./components/checkbox/index.js";import k from"./components/collapsible/collapsible.js";import{SCollapsibleContent as A,SCollapsibleTrigger as j}from"./components/collapsible/index.js";import M from"./components/kbd/kbd.js";import N from"./components/command/command.js";import"./components/command/index.js";import P from"./components/menu/menu-option.js";import F from"./components/menu/menu-options.js";import I from"./components/context-menu/context-menu-wrapper.js";import L from"./components/context-menu/context-menu.js";import R from"./components/menu/menu-checkbox-options.js";import z from"./components/context-menu/context-menu-checkbox.js";import B from"./components/menu/menu-radio-options.js";import V from"./components/context-menu/context-menu-radio.js";import"./components/context-menu/index.js";import H from"./components/dialog/dialog.js";import U from"./components/dialog/dialog-close.js";import W from"./components/dialog/dialog-pure.js";import"./components/dialog/index.js";import G from"./components/drawer/drawer.js";import K from"./components/drawer/drawer-close.js";import"./components/drawer/index.js";import q from"./components/dropdown-menu/dropdown-menu-wrapper.js";import J from"./components/dropdown-menu/dropdown-menu.js";import Y from"./components/dropdown-menu/dropdown-menu-checkbox.js";import X from"./components/dropdown-menu/dropdown-menu-radio.js";import"./components/dropdown-menu/index.js";import Z from"./components/form/form.js";import{useForm as Q}from"./components/form/use-form.js";import"./components/form/index.js";import"./components/icon/index.js";import $ from"./components/input/input.js";import"./components/input/index.js";import ee from"./components/input-number/input-number.js";import"./components/input-number/index.js";import"./components/kbd/index.js";import te from"./components/label/label.js";import"./components/label/index.js";import ne from"./components/layout/layout.js";import re from"./components/layout/layout-trigger.js";import"./components/layout/index.js";import"./components/link/index.js";import ie from"./components/list/list.js";import ae from"./components/list/list-item.js";import"./components/list/index.js";import"./components/menu/index.js";import oe from"./components/navigation-menu/navigation-menu.js";import"./components/navigation-menu/index.js";import se from"./components/page-tabs/page-tabs.js";import"./components/page-tabs/index.js";import ce from"./components/pagination/pagination.js";import"./components/pagination/index.js";import le from"./components/password/password.js";import"./components/password/index.js";import ue from"./components/popover/popover.js";import"./components/popover/index.js";import de from"./components/radio-group/radio.js";import fe from"./components/radio-group/radio-group.js";import pe from"./components/radio-group/radio-card.js";import me from"./components/radio-group/radio-card-group.js";import"./components/radio-group/index.js";import he from"./components/segment/segment.js";import"./components/segment/index.js";import ge from"./components/select/select.js";import"./components/select/index.js";import _e from"./components/separator/separator.js";import"./components/separator/index.js";import ve from"./components/switch/switch.js";import"./components/switch/index.js";import ye from"./components/table/table.js";import"./components/table/index.js";import be from"./components/tabs/tabs.js";import"./components/tabs/index.js";import xe from"./components/tag/tag.js";import"./components/tag/index.js";import Se from"./components/textarea/textarea.js";import"./components/textarea/index.js";import{SToastAction as Ce,SToastClose as we}from"./components/toast/index.js";import Te from"./components/tooltip/tooltip.js";import"./components/tooltip/index.js";import Ee from"./components/tree/tree.js";import De from"./components/tree/tree-virtualizer.js";import{STreeItem as Oe,STreeVirtualizerItem as ke}from"./components/tree/index.js";import Ae from"./components/tree-menu/tree-menu.js";import je from"./components/tree-menu/tree-menu-styled-item.js";import"./components/tree-menu/index.js";import Me from"./components/virtualizer/virtualizer.js";import{SVirtualizerItem as Ne}from"./components/virtualizer/index.js";export{d as SAccordion,f as SAlert,e as SAlertDialog,r as SAlertDialogAction,n as SAlertDialogCancel,p as SArrow,m as SAspectRatio,h as SAvatar,g as SBadge,_ as SBreadcrumb,v as SBreadcrumbEllipsis,y as SBreadcrumbPage,t as SButton,C as SButtonGroup,s as SButtonIcon,S as SButtonLink,b as SButtonLoading,w as SCard,T as SCheckbox,D as SCheckboxCard,O as SCheckboxCardGroup,E as SCheckboxGroup,k as SCollapsible,A as SCollapsibleContent,j as SCollapsibleTrigger,N as SCommand,l as SConfigProvider,L as SContextMenu,z as SContextMenuCheckbox,V as SContextMenuRadio,I as SContextMenuWrapper,H as SDialog,U as SDialogClose,W as SDialogPure,G as SDrawer,K as SDrawerClose,J as SDropdownMenu,Y as SDropdownMenuCheckbox,X as SDropdownMenuRadio,q as SDropdownMenuWrapper,Z as SForm,u as SIcon,$ as SInput,ee as SInputNumber,M as SKbd,te as SLabel,ne as SLayout,re as SLayoutTrigger,x as SLink,ie as SList,ae as SListItem,R as SMenuCheckboxOptions,P as SMenuOption,F as SMenuOptions,B as SMenuRadioOptions,oe as SNavigationMenu,se as SPageTabs,ce as SPagination,le as SPassword,ue as SPopover,de as SRadio,pe as SRadioCard,me as SRadioCardGroup,fe as SRadioGroup,he as SSegment,ge as SSelect,_e as SSeparator,ve as SSwitch,ye as STable,be as STabs,xe as STag,Se as STextarea,c as SToast,Ce as SToastAction,we as SToastClose,Te as STooltip,Ee as STree,Oe as STreeItem,Ae as STreeMenu,je as STreeMenuStyledItem,De as STreeVirtualizer,ke as STreeVirtualizerItem,Me as SVirtualizer,Ne as SVirtualizerItem,a as useConfigProvider,i as useDialog,Q as useForm,o as useToast};
+import e from"./components/alert-dialog/alert-dialog.js";import t from"./components/button/button.js";import n from"./components/alert-dialog/alert-dialog-cancel.js";import r from"./components/alert-dialog/alert-dialog-action.js";import{useDialog as i}from"./components/dialog/context.js";import{useConfigProvider as a}from"./components/config-provider/context.js";import{useToast as o}from"./components/toast/context.js";import s from"./components/button/button-icon.js";import c from"./components/toast/toast.js";import l from"./components/config-provider/config-provider.js";import"./components/config-provider/index.js";import u from"./components/icon/icon.js";import d from"./components/accordion/accordion.js";import"./components/accordion/index.js";import f from"./components/alert/alert.js";import"./components/alert/index.js";import"./components/alert-dialog/index.js";import{SArrow as p}from"./components/arrow/index.js";import{SAspectRatio as m}from"./components/aspect-ratio/index.js";import h from"./components/avatar/avatar.js";import"./components/avatar/index.js";import g from"./components/badge/badge.js";import"./components/badge/index.js";import _ from"./components/breadcrumb/breadcrumb.js";import{SBreadcrumbEllipsis as v,SBreadcrumbPage as y}from"./components/breadcrumb/index.js";import b from"./components/button/button-loading.js";import x from"./components/link/link.js";import S from"./components/button/button-link.js";import C from"./components/button/button-group.js";import"./components/button/index.js";import w from"./components/card/card.js";import"./components/card/index.js";import T from"./components/checkbox/checkbox.js";import E from"./components/checkbox/checkbox-group.js";import D from"./components/checkbox/checkbox-card.js";import O from"./components/checkbox/checkbox-card-group.js";import"./components/checkbox/index.js";import k from"./components/collapsible/collapsible.js";import{SCollapsibleContent as A,SCollapsibleTrigger as j}from"./components/collapsible/index.js";import M from"./components/kbd/kbd.js";import N from"./components/command/command.js";import"./components/command/index.js";import P from"./components/menu/menu-option.js";import F from"./components/menu/menu-options.js";import I from"./components/context-menu/context-menu-wrapper.js";import L from"./components/context-menu/context-menu.js";import R from"./components/menu/menu-checkbox-options.js";import z from"./components/context-menu/context-menu-checkbox.js";import B from"./components/menu/menu-radio-options.js";import V from"./components/context-menu/context-menu-radio.js";import"./components/context-menu/index.js";import H from"./components/dialog/dialog.js";import U from"./components/dialog/dialog-close.js";import W from"./components/dialog/dialog-pure.js";import"./components/dialog/index.js";import G from"./components/drawer/drawer.js";import K from"./components/drawer/drawer-close.js";import"./components/drawer/index.js";import q from"./components/dropdown-menu/dropdown-menu-wrapper.js";import J from"./components/dropdown-menu/dropdown-menu.js";import Y from"./components/dropdown-menu/dropdown-menu-checkbox.js";import X from"./components/dropdown-menu/dropdown-menu-radio.js";import"./components/dropdown-menu/index.js";import Z from"./components/form/form.js";import{useForm as Q}from"./components/form/use-form.js";import"./components/form/index.js";import"./components/icon/index.js";import $ from"./components/input/input.js";import"./components/input/index.js";import ee from"./components/input-number/input-number.js";import"./components/input-number/index.js";import"./components/kbd/index.js";import te from"./components/label/label.js";import"./components/label/index.js";import ne from"./components/layout/layout.js";import re from"./components/layout/layout-trigger.js";import"./components/layout/index.js";import"./components/link/index.js";import ie from"./components/list/list.js";import ae from"./components/list/list-item.js";import"./components/list/index.js";import"./components/menu/index.js";import oe from"./components/navigation-menu/navigation-menu.js";import"./components/navigation-menu/index.js";import se from"./components/page-tabs/page-tabs.js";import"./components/page-tabs/index.js";import ce from"./components/pagination/pagination.js";import"./components/pagination/index.js";import le from"./components/password/password.js";import"./components/password/index.js";import ue from"./components/popover/popover.js";import"./components/popover/index.js";import de from"./components/radio-group/radio.js";import fe from"./components/radio-group/radio-group.js";import pe from"./components/radio-group/radio-card.js";import me from"./components/radio-group/radio-card-group.js";import"./components/radio-group/index.js";import he from"./components/segment/segment.js";import"./components/segment/index.js";import ge from"./components/select/select.js";import"./components/select/index.js";import _e from"./components/separator/separator.js";import"./components/separator/index.js";import ve from"./components/switch/switch.js";import"./components/switch/index.js";import ye from"./components/table/table.js";import{STableCell as be,STableRow as xe}from"./components/table/index.js";import Se from"./components/tabs/tabs.js";import"./components/tabs/index.js";import Ce from"./components/tag/tag.js";import"./components/tag/index.js";import we from"./components/textarea/textarea.js";import"./components/textarea/index.js";import{SToastAction as Te,SToastClose as Ee}from"./components/toast/index.js";import De from"./components/tooltip/tooltip.js";import"./components/tooltip/index.js";import Oe from"./components/tree/tree.js";import ke from"./components/tree/tree-virtualizer.js";import{STreeItem as Ae,STreeVirtualizerItem as je}from"./components/tree/index.js";import Me from"./components/tree-menu/tree-menu.js";import Ne from"./components/tree-menu/tree-menu-styled-item.js";import"./components/tree-menu/index.js";import Pe from"./components/virtualizer/virtualizer.js";import{SVirtualizerItem as Fe}from"./components/virtualizer/index.js";export{d as SAccordion,f as SAlert,e as SAlertDialog,r as SAlertDialogAction,n as SAlertDialogCancel,p as SArrow,m as SAspectRatio,h as SAvatar,g as SBadge,_ as SBreadcrumb,v as SBreadcrumbEllipsis,y as SBreadcrumbPage,t as SButton,C as SButtonGroup,s as SButtonIcon,S as SButtonLink,b as SButtonLoading,w as SCard,T as SCheckbox,D as SCheckboxCard,O as SCheckboxCardGroup,E as SCheckboxGroup,k as SCollapsible,A as SCollapsibleContent,j as SCollapsibleTrigger,N as SCommand,l as SConfigProvider,L as SContextMenu,z as SContextMenuCheckbox,V as SContextMenuRadio,I as SContextMenuWrapper,H as SDialog,U as SDialogClose,W as SDialogPure,G as SDrawer,K as SDrawerClose,J as SDropdownMenu,Y as SDropdownMenuCheckbox,X as SDropdownMenuRadio,q as SDropdownMenuWrapper,Z as SForm,u as SIcon,$ as SInput,ee as SInputNumber,M as SKbd,te as SLabel,ne as SLayout,re as SLayoutTrigger,x as SLink,ie as SList,ae as SListItem,R as SMenuCheckboxOptions,P as SMenuOption,F as SMenuOptions,B as SMenuRadioOptions,oe as SNavigationMenu,se as SPageTabs,ce as SPagination,le as SPassword,ue as SPopover,de as SRadio,pe as SRadioCard,me as SRadioCardGroup,fe as SRadioGroup,he as SSegment,ge as SSelect,_e as SSeparator,ve as SSwitch,ye as STable,be as STableCell,xe as STableRow,Se as STabs,Ce as STag,we as STextarea,c as SToast,Te as SToastAction,Ee as SToastClose,De as STooltip,Oe as STree,Ae as STreeItem,Me as STreeMenu,Ne as STreeMenuStyledItem,ke as STreeVirtualizer,je as STreeVirtualizerItem,Pe as SVirtualizer,Fe as SVirtualizerItem,a as useConfigProvider,i as useDialog,Q as useForm,o as useToast};

package/dist/styles.css

@@ -138,6 +138,7 @@
 .z-20{z-index:20;}
 .z-3{z-index:3;}
 .z-50{z-index:50;}
+.z-9999{z-index:9999;}
 .focus-visible\:\[\&\>\*\]\:z-2>*:focus-visible{z-index:2;}
 .-order-1{order:-1;}
 .order-1{order:1;}
@@ -186,6 +187,7 @@
 .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:ml-4{margin-left:1rem;}
 .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:mt-0{margin-top:0;}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:mb-0{margin-bottom:0;}
+.group[data-tab-visible=true] .group-data-\[tab-visible\=true\]\:mt-\[--soybean-layout-tab-height\]{margin-top:var(--soybean-layout-tab-height);}
 .mb-0\.875{margin-bottom:0.21875rem;}
 .mb-1{margin-bottom:0.25rem;}
 .mb-1\.25{margin-bottom:0.3125rem;}
@@ -201,7 +203,6 @@
 .mr-2\.5{margin-right:0.625rem;}
 .mr-3{margin-right:0.75rem;}
 .mr-3\.5{margin-right:0.875rem;}
-.mt-\[--soybean-layout-tab-height\]{margin-top:var(--soybean-layout-tab-height);}
 .mt-0\.25{margin-top:0.0625rem;}
 .mt-1\.25{margin-top:0.3125rem;}
 .mt-1\.5{margin-top:0.375rem;}
@@ -211,10 +212,10 @@
 .mt-3{margin-top:0.75rem;}
 .mt-3\.5{margin-top:0.875rem;}
 .mt-4{margin-top:1rem;}
+.inline{display:inline;}
 .group:hover .group-hover\:block{display:block;}
 .inline-block{display:inline-block;}
 .contents{display:contents;}
-.\[\&\>button\]\:hidden>button,
 .hidden{display:none;}
 .aspect-square{aspect-ratio:1/1;}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:size-0{width:0;height:0;}
@@ -424,6 +425,7 @@
 .self-start{align-self:flex-start;}
 .self-stretch{align-self:stretch;}
 .justify-start{justify-content:flex-start;}
+.justify-end{justify-content:flex-end;}
 .justify-center{justify-content:center;}
 .justify-between{justify-content:space-between;}
 .gap-0{gap:0;}
@@ -447,11 +449,14 @@
 .gap-x-1\.5{column-gap:0.375rem;}
 .gap-x-1\.75{column-gap:0.4375rem;}
 .gap-x-2{column-gap:0.5rem;}
+.gap-x-2\.25{column-gap:0.5625rem;}
 .gap-x-2\.5{column-gap:0.625rem;}
 .gap-x-3{column-gap:0.75rem;}
 .gap-x-3\.5{column-gap:0.875rem;}
+.gap-x-3\.75{column-gap:0.9375rem;}
 .gap-x-4{column-gap:1rem;}
 .gap-x-4\.5{column-gap:1.125rem;}
+.gap-x-5\.25{column-gap:1.3125rem;}
 .gap-y-1\.5{row-gap:0.375rem;}
 .gap-y-1\.75{row-gap:0.4375rem;}
 .gap-y-2{row-gap:0.5rem;}
@@ -461,12 +466,18 @@
 .gap-y-4{row-gap:1rem;}
 .gap-y-5{row-gap:1.25rem;}
 .gap-y-6{row-gap:1.5rem;}
-.space-y-1\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.375rem * var(--un-space-y-reverse));}
-.space-y-1\.75>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.4375rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.4375rem * var(--un-space-y-reverse));}
-.space-y-2\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.625rem * var(--un-space-y-reverse));}
-.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}
+.data-\[inline\]\:space-y-4\.5[data-inline]>:not([hidden])~:not([hidden]),
+.space-y-4\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.125rem * var(--un-space-y-reverse));}
+.data-\[inline\]\:space-y-5\.5[data-inline]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.375rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.375rem * var(--un-space-y-reverse));}
+.data-\[inline\]\:space-y-6[data-inline]>:not([hidden])~:not([hidden]),
+.space-y-6>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse));}
+.data-\[inline\]\:space-y-6\.75[data-inline]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.6875rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.6875rem * var(--un-space-y-reverse));}
+.data-\[inline\]\:space-y-7\.5[data-inline]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.875rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.875rem * var(--un-space-y-reverse));}
+.data-\[inline\]\:space-y-8[data-inline]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(2rem * var(--un-space-y-reverse));}
 .space-y-3\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.875rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.875rem * var(--un-space-y-reverse));}
 .space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
+.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}
+.space-y-5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.25rem * var(--un-space-y-reverse));}
 .divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}
 .divide-border>:not([hidden])~:not([hidden]){--un-divide-opacity:var(--border-alpha, 1);border-color:hsl(var(--border) / var(--un-divide-opacity)) /* hsl(var(--border) / var(--border-alpha, 1)) */;}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:overflow-hidden,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -54,7 +54,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.9.0"
+    "@soybeanjs/headless": "^0.9.2"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.5.0",
@@ -81,6 +81,7 @@
     "unplugin-vue-components": "^31.0.0",
     "unplugin-vue-jsx": "^0.8.1",
     "vite": "^7.3.1",
+    "vite-plugin-vue-devtools": "^8.0.7",
     "vite-plugin-vue-meta-layouts": "^0.6.1",
     "vitest": "^4.0.18",
     "vue": "^3.5.29",