@soybeanjs/ui 0.6.6 → 0.7.0

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/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/tree-menu/context.js

@@ -1 +1 @@
-import{useContext as e,useUiContext as t}from"@soybeanjs/headless/composables";const[n,r]=e(`TreeMenu`,e=>e),[i,a]=t(`TreeMenuExtraUi`);export{n as provideTreeMenuContext,i as provideTreeMenuExtraUi,r as useTreeMenuContext,a as useTreeMenuExtraUi};
+import{useContext as e,useUiContext as t}from"@soybeanjs/headless/composables";const[n,r]=e(`TreeMenu`,e=>e),[i,a]=e(`TreeMenuOptions`,e=>e),[o,s]=t(`TreeMenuExtraUi`);export{n as provideTreeMenuContext,o as provideTreeMenuExtraUi,i as provideTreeMenuOptionsContext,r as useTreeMenuContext,s as useTreeMenuExtraUi,a as useTreeMenuOptionsContext};

package/dist/components/tree-menu/index.d.ts

@@ -1,3 +1,3 @@
-import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps, TreeMenuStyledItemProps } from "./types.js";
+import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps } from "./types.js";
 import { _default } from "./tree-menu.vue.js";
 import { _default as _default$1 } from "./tree-menu-styled-item.vue.js";

package/dist/components/tree-menu/tree-menu-option.js

@@ -1 +1 @@
-import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i}from"./context.js";import a from"./tree-menu-option-slot.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,resolveDynamicComponent as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useOmitProps as D}from"@soybeanjs/headless/composables";import{TreeMenuButton as O,TreeMenuCollapsible as k,TreeMenuItem as A,TreeMenuSub as j,useTreeMenuRootContext as M}from"@soybeanjs/headless";const N=m({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(m,{emit:N}){let P=m,F=N,I=T(),L=D(P,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=M(`TreeMenuOption`),{size:V,side:H,activePaths:U}=r(`TreeMenuOption`),W=i(`itemAbsolute`),G=s(()=>Object.keys(I)),K=s(()=>P.item.children??[]),q=s(()=>!!K.value.length),J=s(()=>{let e=P.item.value;return z.value===e?!1:U.value.includes(e)}),Y=s(()=>!!(P.item.to||P.item.href)),X=s(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=P.item;return Y.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),Z=s(()=>R.value&&q.value),Q=s(()=>R.value&&!Z.value?P.item.label:void 0),$=s(()=>H.value===`left`?`right`:`left`),ee=s(()=>({...P.item.tooltipProps,placement:P.item.tooltipProps?.placement??$.value})),te=s(()=>({...P.item.dropdownMenuProps,trigger:P.item.dropdownMenuProps?.trigger??`hover`,placement:P.item.dropdownMenuProps?.placement??$.value})),ne=()=>{P.item.disabled||B(P.item.value)},re=e=>{P.item.disabled||(B(e.value),F(`selectDropdown`,e.value))};return(r,i)=>{let s=S(`STreeMenuOption`);return q.value?(y(),c(w(A),g({key:1},m.itemProps,{"as-child":``,value:m.item.value,disabled:m.item.disabled}),{default:E(()=>[p(w(k),g(m.collapsibleProps,{as:m.as,"disabled-collapsible":w(R)}),{trigger:E(()=>[p(w(O),g(m.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{item:m.item},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:E(()=>[Z.value?(y(),c(t,g({key:0},te.value,{items:K.value,disabled:m.item.disabled,size:w(V),"data-menu":m.item.label,"active-value":w(z),onSelect:re}),{trigger:E(()=>[d(`div`,{class:_(w(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):l(`v-if`,!0)]),default:E(()=>[p(w(j),v(h(m.subProps)),{default:E(()=>[(y(!0),u(o,null,b(K.value,e=>(y(),c(s,g({key:e.value,ref_for:!0},w(L),{item:e}),f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,g({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(y(),c(w(A),g({key:0},m.itemProps,{as:m.as,value:m.item.value,disabled:m.item.disabled}),{default:E(()=>[Y.value?(y(),c(w(O),g({key:0},m.buttonProps,{"as-child":``}),{default:E(()=>[p(e,v(h(X.value)),{default:E(({isHref:e})=>[p(a,{item:m.item,"show-link-icon":e},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(y(),c(w(O),v(g({key:1},m.buttonProps)),{default:E(()=>[p(a,{item:m.item},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`])]),_:3},16)),Q.value?(y(),c(n,g({key:2},ee.value,{size:w(V),content:Q.value}),{trigger:E(()=>[(y(),c(C(Y.value?e:`div`),g(X.value,{class:w(W),onClick:ne}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):l(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{N as default};
+import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i,useTreeMenuOptionsContext as a}from"./context.js";import o from"./tree-menu-option-slot.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,resolveComponent as C,resolveDynamicComponent as w,unref as T,useSlots as E,withCtx as D}from"vue";import{useOmitProps as O}from"@soybeanjs/headless/composables";import{TreeMenuButton as k,TreeMenuCollapsible as A,TreeMenuItem as j,TreeMenuSub as M,useTreeMenuRootContext as N}from"@soybeanjs/headless";const P=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(h,{emit:P}){let F=h,I=P,L=E(),ee=O(F,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=N(`TreeMenuOption`),{size:V,side:H}=r(`TreeMenuOption`),{activePaths:U}=a(`TreeMenuOption`),W=i(`itemAbsolute`),G=c(()=>Object.keys(L)),K=c(()=>F.item.children??[]),q=c(()=>!!K.value.length),J=c(()=>{let e=F.item.value;return z.value===e?!1:U.value.includes(e)}),Y=c(()=>!!(F.item.to||F.item.href)),X=c(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=F.item;return Y.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),Z=c(()=>R.value&&q.value),Q=c(()=>R.value&&!Z.value?F.item.label:void 0),$=c(()=>H.value===`left`?`right`:`left`),te=c(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??$.value})),ne=c(()=>({...F.item.dropdownMenuProps,trigger:F.item.dropdownMenuProps?.trigger??`hover`,placement:F.item.dropdownMenuProps?.placement??$.value})),re=()=>{F.item.disabled||B(F.item.value)},ie=e=>{F.item.disabled||(B(e.value),I(`selectDropdown`,e.value))};return(r,i)=>{let a=C(`STreeMenuOption`);return q.value?(b(),l(T(j),_({key:1},h.itemProps,{"as-child":``,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[m(T(A),_(h.collapsibleProps,{as:h.as,"disabled-collapsible":T(R)}),{trigger:D(()=>[m(T(k),_(h.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:D(()=>[m(o,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:D(()=>[Z.value?(b(),l(t,_({key:0},ne.value,{items:K.value,disabled:h.item.disabled,size:T(V),"data-menu":h.item.label,"active-value":T(z),onSelect:ie}),{trigger:D(()=>[f(`div`,{class:v(T(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):u(`v-if`,!0)]),default:D(()=>[m(T(M),y(g(h.subProps)),{default:D(()=>[(b(!0),d(s,null,x(K.value,e=>(b(),l(a,_({key:e.value,ref_for:!0},T(ee),{item:e}),p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,_({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(b(),l(T(j),_({key:0},h.itemProps,{as:h.as,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[Y.value?(b(),l(T(k),_({key:0},h.buttonProps,{"as-child":``}),{default:D(()=>[m(e,y(g(X.value)),{default:D(({isHref:e})=>[m(o,{item:h.item,"show-link-icon":e},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(b(),l(T(k),y(_({key:1},h.buttonProps)),{default:D(()=>[m(o,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16)),Q.value?(b(),l(n,_({key:2},te.value,{size:T(V),content:Q.value}),{trigger:D(()=>[(b(),l(w(Y.value?e:`div`),_(X.value,{class:T(W),onClick:re}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):u(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{P as default};

package/dist/components/tree-menu/tree-menu-options.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{provideTreeMenuOptionsContext as t}from"./context.js";import n from"./tree-menu-option.js";import{filterHiddenMenus as r}from"./shared.js";import{Fragment as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,unref as _,useSlots as v,withCtx as y}from"vue";import{usePickProps as b}from"@soybeanjs/headless/composables";import{TreeMenuGroup as x,TreeMenuGroupLabel as S,TreeMenuGroupRoot as C,useTreeMenuRootContext as w}from"@soybeanjs/headless";import{getTreePaths as T}from"@soybeanjs/headless/shared";const E=d({name:`STreeMenuOptions`,__name:`tree-menu-options`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(d,{emit:E}){let D=d,O=E,k=v(),A={item:`default`,"item-leading":`leading`,"item-trailing":`trailing`},j=computed(()=>Object.keys(k).filter(e=>e.startsWith(`item`)).map(e=>({key:e,map:A[e]}))),M=b(D,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=w(`TreeMenuOptions`),P=computed(()=>r(D.items));return t({activePaths:computed(()=>T(N.value,P.value))}),(t,r)=>(p(!0),s(i,null,m(_(P),v=>(p(),s(i,{key:v.value},[v.isGroup?(p(),a(_(C),f({key:0,ref_for:!0},d.groupRootProps),{default:y(()=>[u(_(S),f({ref_for:!0},d.groupLabelProps),{default:y(()=>[h(t.$slots,`group-label`,{item:v},()=>[d.showGroupIcon?(p(),a(e,{key:0,icon:v.icon},null,8,[`icon`])):o(`v-if`,!0),c(`span`,null,g(v.label),1)])]),_:2},1040),u(_(x),f({ref_for:!0},d.groupProps),{default:y(()=>[(p(!0),s(i,null,m(v.children,e=>(p(),a(n,f({key:e.value},{ref_for:!0},_(M),{item:e,onSelectDropdown:r[0]||=e=>O(`selectDropdown`,e)}),l({_:2},[m(_(j),e=>({name:e.map,fn:y(n=>[h(t.$slots,e.key,f({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(p(),a(n,f({key:1,as:`div`},{ref_for:!0},_(M),{item:v,onSelectDropdown:r[1]||=e=>O(`selectDropdown`,e)}),l({_:2},[m(_(j),e=>({name:e.map,fn:y(n=>[h(t.$slots,e.key,f({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128))}});export{E as default};

package/dist/components/tree-menu/tree-menu.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import r from"../icon/icon.js";import{treeMenuVariants as i}from"../../variants/tree-menu.js";import{provideTreeMenuContext as a,provideTreeMenuExtraUi as o}from"./context.js";import s from"./tree-menu-option.js";import{filterHiddenMenus as c,treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,mergeProps as y,openBlock as b,renderList as x,renderSlot as S,shallowRef as C,toDisplayString as w,toHandlers as T,unref as E,useSlots as D,withCtx as O}from"vue";import{useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{TreeMenuGroup as M,TreeMenuGroupLabel as N,TreeMenuGroupRoot as P,TreeMenuRoot as F,provideTreeMenuUi as I}from"@soybeanjs/headless";import{getTreePaths as L,transformPropsToContext as R}from"@soybeanjs/headless/shared";const z=v({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},items:{},collapsedWidth:{default:50},indent:{default:16},showGroupIcon:{type:Boolean},groupRootProps:{},groupProps:{},groupLabelProps:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(v,{emit:z}){let B=v,V=z,H=D(),U=d(()=>Object.keys(H).filter(e=>e.startsWith(`item-`))),W=A(B,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`showGroupIcon`,`groupRootProps`,`groupProps`,`groupLabelProps`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),G=j(B,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),K=k(V),q=d(()=>{let e=B.collapsedWidth*n[B.size],r=B.indent*n[B.size];return{[l.collapsedWidth]:`${e/t.md}rem`,[l.indent]:`${r/t.md}rem`}}),J=C(B.modelValue??B.defaultValue??``),Y=e=>{J.value=e},X=d(()=>c(B.items)),Z=d(()=>L(J.value,X.value)),Q=d(()=>e(i({size:B.size}),B.ui,{root:B.class}));return I(Q),o(Q),a({...R(B,[`size`,`side`]),activePaths:Z}),(e,t)=>(b(),f(E(F),y(E(W),{style:q.value},T(E(K)),{"onUpdate:modelValue":Y}),{default:O(()=>[S(e.$slots,`top`),(b(!0),m(u,null,x(X.value,n=>(b(),m(u,{key:n.value},[n.isGroup?(b(),f(E(P),y({key:0,ref_for:!0},v.groupRootProps),{default:O(()=>[_(E(N),y({ref_for:!0},v.groupLabelProps),{default:O(()=>[S(e.$slots,`group-label`,{item:n},()=>[v.showGroupIcon?(b(),f(r,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,w(n.label),1)])]),_:2},1040),_(E(M),y({ref_for:!0},v.groupProps),{default:O(()=>[(b(!0),m(u,null,x(n.children,n=>(b(),f(s,y({key:n.value},{ref_for:!0},E(G),{item:n,onSelectDropdown:t[0]||=e=>V(`selectDropdown`,e)}),g({_:2},[x(U.value,t=>({name:t,fn:O(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(b(),f(s,y({key:1,as:`div`},{ref_for:!0},E(G),{item:n,onSelectDropdown:t[1]||=e=>V(`selectDropdown`,e)}),g({_:2},[x(U.value,t=>({name:t,fn:O(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128)),S(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{z as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{treeMenuVariants as r}from"../../variants/tree-menu.js";import{provideTreeMenuContext as i,provideTreeMenuExtraUi as a}from"./context.js";import{treeMenuCssVars as o}from"./shared.js";import s from"./tree-menu-options.js";import{computed as c,createBlock 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,usePickProps as w}from"@soybeanjs/headless/composables";import{TreeMenuRoot as T,provideTreeMenuUi as E}from"@soybeanjs/headless";import{transformPropsToContext as D}from"@soybeanjs/headless/shared";const O=f({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},collapsedWidth:{default:50},indent:{default:16},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(f,{emit:O}){let k=f,A=O,j=x(),M=c(()=>Object.keys(j).filter(e=>e.startsWith(`item`))),N=w(k,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`]),P=w(k,[`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),F=C(A),I=c(()=>{let e=k.collapsedWidth*n[k.size],r=k.indent*n[k.size];return{[o.collapsedWidth]:`${e/t.md}rem`,[o.indent]:`${r/t.md}rem`}}),L=c(()=>e(r({size:k.size}),k.ui,{root:k.class}));return E(L),a(L),i(D(k,[`size`,`side`])),(e,t)=>(g(),l(b(T),m(b(N),{style:I.value},y(b(F))),{default:S(()=>[v(e.$slots,`top`),d(s,m(b(P),{onSelectDropdown:t[0]||=e=>A(`selectDropdown`,e)}),u({_:2},[_(M.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,h(p(n)))])}))]),1040),v(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{O as default};

package/dist/components/tree-menu/types.d.ts

@@ -70,6 +70,9 @@ type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
    */
   children?: TreeMenuOptionData<T>[];
 };
+interface TreeMenuOptionSlotProps extends TreeMenuOptionProps {
+  showLinkIcon?: boolean;
+}
 interface TreeMenuOptionProps {
   as?: AsTag;
   item: TreeMenuOptionData;
@@ -79,9 +82,25 @@ interface TreeMenuOptionProps {
   collapsibleProps?: TreeMenuCollapsibleProps;
   subProps?: TreeMenuSubProps;
 }
+type TreeMenuOptionEmits = {
+  selectDropdown: [value: string];
+};
+interface TreeMenuOptionsProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Omit<TreeMenuOptionProps, 'as' | 'item'> {
+  items: TreeMenuOptionData<T>[];
+  groupRootProps?: TreeMenuGroupRootProps;
+  groupProps?: TreeMenuGroupProps;
+  groupLabelProps?: TreeMenuGroupLabelProps;
+  /**
+   * Whether to show the group icon.
+   *
+   * @default false
+   */
+  showGroupIcon?: boolean;
+}
+type TreeMenuOptionsEmits = TreeMenuOptionEmits;
 type TreeMenuExtraUiSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
 type TreeMenuExtendedUi = UiClass<TreeMenuUiSlot | TreeMenuExtraUiSlot>;
-interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, Omit<TreeMenuOptionProps, 'as' | 'item' | 'itemVisible'> {
+interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsProps<T> {
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TreeMenuExtendedUi>;
@@ -91,7 +110,6 @@ interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
    * @default 'left'
    */
   side?: HorizontalSide;
-  items?: TreeMenuOptionData<T>[];
   /**
    * The width of the sidebar menu when it's collapsed.
    *
@@ -104,30 +122,16 @@ interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
    * @default 16
    */
   indent?: number;
-  /**
-   * Whether to show the group icon.
-   *
-   * @default false
-   */
-  showGroupIcon?: boolean;
-  groupRootProps?: TreeMenuGroupRootProps;
-  groupProps?: TreeMenuGroupProps;
-  groupLabelProps?: TreeMenuGroupLabelProps;
 }
-interface TreeMenuOptionSlotProps extends TreeMenuOptionProps {
-  showLinkIcon?: boolean;
-}
-type TreeMenuItemEmits = {
-  selectDropdown: [value: string];
-};
+type TreeMenuEmits = TreeMenuRootEmits & TreeMenuOptionEmits;
 interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<Pick<TreeMenuExtendedUi, 'item' | 'button'>>;
 }
-interface TreeMenuContextParams extends PropsToContext<TreeMenuProps, 'size' | 'side'> {
+interface TreeMenuContextParams extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
+interface TreeMenuOptionsContextParams {
   activePaths: ComputedRef<string[]>;
 }
-type TreeMenuEmits = TreeMenuRootEmits & TreeMenuItemEmits;
 //#endregion
-export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps, TreeMenuStyledItemProps };
+export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps };

package/dist/index.d.ts

@@ -166,7 +166,7 @@ import { _default as _default$67 } from "./components/tree/tree.vue.js";
 import { TreeVirtualizerEmits, TreeVirtualizerProps } from "./components/tree/types.js";
 import { _default as _default$70 } from "./components/tree/tree-virtualizer.vue.js";
 import { FlattenedItem, STreeItem, STreeVirtualizerItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps } from "./components/tree/index.js";
-import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps, TreeMenuStyledItemProps } from "./components/tree-menu/types.js";
+import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps } from "./components/tree-menu/types.js";
 import { _default as _default$68 } from "./components/tree-menu/tree-menu.vue.js";
 import { _default as _default$69 } from "./components/tree-menu/tree-menu-styled-item.vue.js";
 import "./components/tree-menu/index.js";
@@ -174,4 +174,4 @@ import { VirtualizerProps } from "./components/virtualizer/types.js";
 import { _default as _default$71 } 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, 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, 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, NumberInputEmits, NumberInputProps, 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 SKbd, _default$38 as SLabel, _default$39 as SLayout, _default$40 as SLayoutTrigger, _default$41 as SLink, _default$42 as SList, _default$43 as SListItem, _default$44 as SMenuCheckboxOptions, _default$45 as SMenuOption, _default$46 as SMenuOptions, _default$47 as SMenuRadioOptions, _default$48 as SNavigationMenu, _default$49 as SNumberInput, _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 STabs, _default$63 as STag, _default$64 as STextarea, _default$65 as SToast, SToastAction, SToastClose, _default$66 as STooltip, _default$67 as STree, STreeItem, _default$68 as STreeMenu, _default$69 as STreeMenuStyledItem, _default$70 as STreeVirtualizer, STreeVirtualizerItem, _default$71 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, 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, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, 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, 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, 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, NumberInputEmits, NumberInputProps, 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 SKbd, _default$38 as SLabel, _default$39 as SLayout, _default$40 as SLayoutTrigger, _default$41 as SLink, _default$42 as SList, _default$43 as SListItem, _default$44 as SMenuCheckboxOptions, _default$45 as SMenuOption, _default$46 as SMenuOptions, _default$47 as SMenuRadioOptions, _default$48 as SNavigationMenu, _default$49 as SNumberInput, _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 STabs, _default$63 as STag, _default$64 as STextarea, _default$65 as SToast, SToastAction, SToastClose, _default$66 as STooltip, _default$67 as STree, STreeItem, _default$68 as STreeMenu, _default$69 as STreeMenuStyledItem, _default$70 as STreeVirtualizer, STreeVirtualizerItem, _default$71 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, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "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.6.6"
+    "@soybeanjs/headless": "^0.7.0"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.5.0",