@soybeanjs/ui 0.0.9 → 0.0.10

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

@@ -1,10 +1,10 @@
 import { TabsOptionData, TabsProps } from "./types.js";
-import * as vue291 from "vue";
+import * as vue277 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/tabs/tabs.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<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: vue291.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue277.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue291.VNode & {
+}>) => vue277.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -9,9 +9,10 @@ interface TabsOptionData<T extends DefinedValue = DefinedValue> {
   label: string;
   disabled?: boolean;
 }
-type TabsExtraThemeSlot = 'indicatorContent';
-type TabsExtendedUi = TabsUi & Record<TabsExtraThemeSlot, ClassValue>;
+type TabsExtraUiSlot = 'indicatorContent';
+type TabsExtendedUi = TabsUi & Record<TabsExtraUiSlot, ClassValue>;
 interface TabsProps<T extends AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<T>>> extends TabsRootProps<T> {
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TabsExtendedUi>;
   items: S[];
@@ -24,4 +25,4 @@ interface TabsProps<T extends AcceptableValue, S extends TabsOptionData<NonNulla
 }
 type TabsEmits<T = AcceptableValue> = TabsRootEmits<T>;
 //#endregion
-export { TabsEmits, TabsExtendedUi, TabsExtraThemeSlot, TabsOptionData, TabsProps };
+export { TabsEmits, TabsExtendedUi, TabsExtraUiSlot, TabsOptionData, TabsProps };

package/dist/components/tag/tag.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{tagVariants as t}from"../../variants/tag.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{Tag as m}from"@soybeanjs/headless";var h=s({name:`STag`,__name:`tag`,props:{color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=n(()=>t({color:g.color,size:g.size,variant:g.variant,shape:g.shape}));return(t,n)=>(l(),r(f(m),{open:s.open,class:c(v.value),"onUpdate:open":n[0]||=e=>_(`update:open`,e)},{default:p(({close:n})=>[u(t.$slots,`leading`),u(t.$slots,`default`,{},()=>[a(d(s.content),1)]),u(t.$slots,`trailing`),s.closable?u(t.$slots,`close`,{key:0,close:n},()=>[o(e,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):i(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{h as default};
+import{cn as e}from"../../theme/merge.js";import t from"../icon/icon.js";import{tagVariants as n}from"../../variants/tag.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{Tag as h}from"@soybeanjs/headless";var g=c({name:`STag`,__name:`tag`,props:{class:{},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:g}){let _=c,v=g,y=r(()=>e(n({color:_.color,size:_.size,variant:_.variant,shape:_.shape}),_.class));return(e,n)=>(u(),i(p(h),{open:c.open,class:l(y.value),"onUpdate:open":n[0]||=e=>v(`update:open`,e)},{default:m(({close:n})=>[d(e.$slots,`leading`),d(e.$slots,`default`,{},()=>[o(f(c.content),1)]),d(e.$slots,`trailing`),c.closable?d(e.$slots,`close`,{key:0,close:n},()=>[s(t,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):a(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{g as default};

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

@@ -1,5 +1,5 @@
 import { TagProps } from "./types.js";
-import * as vue286 from "vue";
+import * as vue279 from "vue";
 
 //#region src/components/tag/tag.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue286.DefineComponent<TagProps, {}, {}, {}, {}, vue286.ComponentOptionsMixin, vue286.ComponentOptionsMixin, {
+declare const __VLS_base: vue279.DefineComponent<TagProps, {}, {}, {}, {}, vue279.ComponentOptionsMixin, vue279.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue286.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue279.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue286.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue279.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,10 +1,11 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { TagShape, TagVariant } from "../../variants/tag.js";
-import { TagEmits, TagProps } from "@soybeanjs/headless";
+import { ClassValue, TagEmits, TagProps } from "@soybeanjs/headless";
 
 //#region src/components/tag/types.d.ts
 interface TagProps$1 extends TagProps {
+  class?: ClassValue;
   color?: ThemeColor;
   size?: ThemeSize;
   variant?: TagVariant;

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

@@ -1,5 +1,5 @@
 import { TextareaResize } from "../../variants/textarea.js";
-import { TextareaEmits, TextareaExtraThemeSlot, TextareaProps } from "./types.js";
+import { TextareaEmits, TextareaExtraUiSlot, TextareaProps } from "./types.js";
 import { _default } from "./textarea.vue.js";
 import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps } from "@soybeanjs/headless/textarea";
 export { type TextareaControlProps, type TextareaCounterProps, type TextareaRootEmits, type TextareaRootProps };

package/dist/components/textarea/textarea.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{textareaVariants as n}from"../../variants/textarea.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaThemeContext as x}from"@soybeanjs/headless";var S=s({name:`STextarea`,__name:`textarea`,props:{size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui));return x({ui:O}),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{textareaVariants as n}from"../../variants/textarea.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaUi as x}from"@soybeanjs/headless";var S=s({name:`STextarea`,__name:`textarea`,props:{class:{},size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`class`,`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui,{root:C.class}));return x(O),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};

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

@@ -1,5 +1,5 @@
 import { TextareaProps } from "./types.js";
-import * as vue150 from "vue";
+import * as vue284 from "vue";
 
 //#region src/components/textarea/textarea.vue.d.ts
 declare var __VLS_28: {
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_base: vue150.DefineComponent<TextareaProps, {}, {}, {}, {}, vue150.ComponentOptionsMixin, vue150.ComponentOptionsMixin, {
+declare const __VLS_base: vue284.DefineComponent<TextareaProps, {}, {}, {}, {}, vue284.ComponentOptionsMixin, vue284.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue150.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue284.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue150.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue284.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -4,9 +4,10 @@ import { TextareaResize } from "../../variants/textarea.js";
 import { ClassValue, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi } from "@soybeanjs/headless";
 
 //#region src/components/textarea/types.d.ts
-type TextareaExtraThemeSlot = 'clearable';
-type TextareaExtendedUi = TextareaUi & Record<TextareaExtraThemeSlot, ClassValue>;
+type TextareaExtraUiSlot = 'clearable';
+type TextareaExtendedUi = TextareaUi & Record<TextareaExtraUiSlot, ClassValue>;
 interface TextareaProps extends TextareaRootProps {
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TextareaExtendedUi>;
   /**
@@ -33,4 +34,4 @@ interface TextareaProps extends TextareaRootProps {
 }
 type TextareaEmits = TextareaRootEmits;
 //#endregion
-export { TextareaEmits, TextareaExtraThemeSlot, TextareaProps };
+export { TextareaEmits, TextareaExtraUiSlot, TextareaProps };

package/dist/components/toast/context.js

@@ -1 +1 @@
-import{mergeUi as e}from"../../theme/shared.js";import{toastTypes as t}from"./shared.js";import{computed as n,nextTick as r,shallowRef as i,watch as a}from"vue";import{useContext as o}from"@soybeanjs/headless/composables";import{useDebounceFn as s}from"@vueuse/core";const[c,l]=o(`UiToastProvider`,o=>{let{size:c,ui:l,limits:u,removeDelay:d}=o,f=i(o.position.value),p=i([]),m=n(()=>p.value.map(e=>e.id)),h=i([]),g=s(()=>{h.value=p.value},d.value);a(p,(e,t)=>{e.length>=t.length?h.value=p.value:g()});let _=e=>{p.value=[e,...p.value].slice(0,u.value)},v=e=>{p.value=p.value.filter(t=>t.id!==e)},y=()=>{p.value=[]},b=0,x=t=>{let{showIcon:n=!0,size:r=c.value,ui:i,...a}=t,o=b;return b++,{id:o,size:r,showIcon:n,ui:e(l.value,i??{}),...a}},S=e=>{let t=x(e),n=e.position??o.position.value;f.value!==n&&(f.value=n,y()),r(()=>{_(t)})},C=S;C.clear=y;for(let e of t)C[e]=t=>S({type:e,...t});return{useToast:C,clear:y,ids:m,states:n(()=>h.value),remove:v,position:f}}),u=()=>{let{useToast:e}=l(`UiToastConsumer`);return e};export{c as provideToastProviderContext,u as useToast};
+import{mergeUi as e}from"../../theme/shared.js";import{toastTypes as t}from"./shared.js";import{computed as n,nextTick as r,shallowRef as i,watch as a}from"vue";import{useContext as o}from"@soybeanjs/headless/composables";import{useDebounceFn as s}from"@vueuse/core";const[c,l]=o(`UiToastProvider`,o=>{let{size:c,ui:l,limits:u,removeDelay:d}=o,f=i(o.position.value),p=i([]),m=n(()=>p.value.map(e=>e.id)),h=i([]),g=s(()=>{h.value=p.value},d.value);a(p,(e,t)=>{e.length>=t.length?h.value=p.value:g()});let _=e=>{p.value=[e,...p.value].slice(0,u.value)},v=e=>{p.value=p.value.filter(t=>t.id!==e)},y=()=>{p.value=[]},b=0,x=t=>{let{showIcon:n=!0,size:r=c.value,ui:i,...a}=t,o=b;return b++,{id:o,size:r,showIcon:n,ui:e(l.value,i),...a}},S=e=>{let t=x(e),n=e.position??o.position.value;f.value!==n&&(f.value=n,y()),r(()=>{_(t)})},C=S;C.clear=y;for(let e of t)C[e]=t=>S({type:e,...t});return{useToast:C,clear:y,ids:m,states:n(()=>h.value),remove:v,position:f}}),u=()=>{let{useToast:e}=l(`UiToastConsumer`);return e};export{c as provideToastProviderContext,u as useToast};

package/dist/components/toast/toast-provider.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import{toastViewportVariants as t}from"../../variants/toast.js";import{provideToastProviderContext as n}from"./context.js";import r from"./toast.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,onBeforeUnmount as g,openBlock as _,renderList as v,renderSlot as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,withCtx as C}from"vue";import{useOmitProps as w}from"@soybeanjs/headless/composables";import{ToastProvider as T,ToastViewport as E,provideToastViewportThemeContext as D}from"@soybeanjs/headless";import{transformPropsToContext as O}from"@soybeanjs/headless/shared";var k=f({name:`SToast`,__name:`toast-provider`,props:{size:{default:`md`},ui:{default:()=>({})},limits:{default:3},removeDelay:{default:5e3},position:{default:`top-right`},viewportProps:{},label:{},duration:{},swipeDirection:{},swipeThreshold:{}},setup(f){let k=f,A=w(k,[`size`,`ui`,`limits`,`removeDelay`,`position`,`viewportProps`]),{states:j,ids:M,clear:N,remove:P,position:F}=n(O(k,[`size`,`ui`,`limits`,`removeDelay`,`position`]));return D(a(()=>e(t({size:k.size,position:F.value}),k.ui?.viewport))),g(()=>{N()}),(e,t)=>(_(),o(S(T),h(p(S(A))),{default:C(()=>[d(S(E),h(p(f.viewportProps)),null,16),(_(!0),c(i,null,v(S(j),({id:e,title:t,description:n,content:a,...d})=>(_(),o(r,m({key:e},{ref_for:!0},d,{open:S(M).includes(e),"onUpdate:open":t=>S(P)(e)}),l({default:C(()=>[a?(_(),o(b(a),{key:0})):s(`v-if`,!0)]),_:2},[t?{name:`title`,fn:C(()=>[typeof t==`string`?(_(),c(i,{key:0},[u(x(t),1)],64)):(_(),o(b(t),{key:1}))]),key:`0`}:void 0,n?{name:`description`,fn:C(()=>[typeof n==`string`?(_(),c(i,{key:0},[u(x(n),1)],64)):(_(),o(b(n),{key:1}))]),key:`1`}:void 0]),1040,[`open`,`onUpdate:open`]))),128)),y(e.$slots,`default`)]),_:3},16))}});export{k as default};
+import{cn as e}from"../../theme/merge.js";import{toastViewportVariants as t}from"../../variants/toast.js";import{provideToastProviderContext as n}from"./context.js";import r from"./toast.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,onBeforeUnmount as g,openBlock as _,renderList as v,renderSlot as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,withCtx as C}from"vue";import{useOmitProps as w}from"@soybeanjs/headless/composables";import{ToastProvider as T,ToastViewport as E,provideToastViewportUi as D}from"@soybeanjs/headless";import{transformPropsToContext as O}from"@soybeanjs/headless/shared";var k=f({name:`SToast`,__name:`toast-provider`,props:{size:{default:`md`},ui:{default:()=>({})},limits:{default:3},removeDelay:{default:5e3},position:{default:`top-right`},viewportProps:{},label:{},duration:{},swipeDirection:{},swipeThreshold:{}},setup(f){let k=f,A=w(k,[`size`,`ui`,`limits`,`removeDelay`,`position`,`viewportProps`]),{states:j,ids:M,clear:N,remove:P,position:F}=n(O(k,[`size`,`ui`,`limits`,`removeDelay`,`position`]));return D(a(()=>e(t({size:k.size,position:F.value}),k.ui?.viewport))),g(()=>{N()}),(e,t)=>(_(),o(S(T),h(p(S(A))),{default:C(()=>[d(S(E),h(p(f.viewportProps)),null,16),(_(!0),c(i,null,v(S(j),({id:e,title:t,description:n,content:a,...d})=>(_(),o(r,m({key:e},{ref_for:!0},d,{open:S(M).includes(e),"onUpdate:open":t=>S(P)(e)}),l({default:C(()=>[a?(_(),o(b(a),{key:0})):s(`v-if`,!0)]),_:2},[t?{name:`title`,fn:C(()=>[typeof t==`string`?(_(),c(i,{key:0},[u(x(t),1)],64)):(_(),o(b(t),{key:1}))]),key:`0`}:void 0,n?{name:`description`,fn:C(()=>[typeof n==`string`?(_(),c(i,{key:0},[u(x(n),1)],64)):(_(),o(b(n),{key:1}))]),key:`1`}:void 0]),1040,[`open`,`onUpdate:open`]))),128)),y(e.$slots,`default`)]),_:3},16))}});export{k as default};

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{toastVariants as t}from"../../variants/toast.js";import n from"../button/button-icon.js";import r from"../icon/icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ToastClose as b,ToastDescription as x,ToastRoot as S,ToastTitle as C,provideToastThemeContext as w}from"@soybeanjs/headless";var T=c({name:`SToast`,__name:`toast`,props:{size:{},ui:{},type:{},color:{},position:{},showIcon:{type:Boolean,default:!0},titleProps:{},descriptionProps:{},liveType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},duration:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pause`,`resume`,`swipeStart`,`swipeMove`,`swipeCancel`,`swipeEnd`,`update:open`],setup(c,{emit:T}){let E=c,D=T,O=y(E,[`size`,`ui`,`color`,`titleProps`,`descriptionProps`]),k=v(D),A=i(()=>e(t({color:E.color,size:E.size}),E.ui)),j={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},M=i(()=>E.type?j[E.type]:null);return w({ui:A}),(e,t)=>(p(),a(g(S),u(g(O),h(g(k))),{default:_(()=>[s(g(C),f(l(c.titleProps)),{default:_(()=>[c.showIcon&&M.value?(p(),a(r,{key:0,icon:M.value.icon,class:d(M.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),m(e.$slots,`title`)]),_:3},16),s(g(x),f(l(c.descriptionProps)),{default:_(()=>[m(e.$slots,`description`)]),_:3},16),s(g(b),{"as-child":``},{default:_(()=>[m(e.$slots,`close`,{},()=>[s(n,{size:c.size,icon:`lucide:x`},null,8,[`size`])])]),_:3}),m(e.$slots,`default`)]),_:3},16))}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{toastVariants as t}from"../../variants/toast.js";import n from"../button/button-icon.js";import r from"../icon/icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ToastClose as b,ToastDescription as x,ToastRoot as S,ToastTitle as C,provideToastUi as w}from"@soybeanjs/headless";var T=c({name:`SToast`,__name:`toast`,props:{class:{},size:{},ui:{},type:{},color:{},position:{},showIcon:{type:Boolean,default:!0},titleProps:{},descriptionProps:{},liveType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},duration:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pause`,`resume`,`swipeStart`,`swipeMove`,`swipeCancel`,`swipeEnd`,`update:open`],setup(c,{emit:T}){let E=c,D=T,O=y(E,[`class`,`size`,`ui`,`color`,`titleProps`,`descriptionProps`]),k=v(D),A=i(()=>e(t({color:E.color,size:E.size}),E.ui,{root:E.class})),j={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},M=i(()=>E.type?j[E.type]:null);return w(A),(e,t)=>(p(),a(g(S),u(g(O),h(g(k))),{default:_(()=>[s(g(C),f(l(c.titleProps)),{default:_(()=>[c.showIcon&&M.value?(p(),a(r,{key:0,icon:M.value.icon,class:d(M.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),m(e.$slots,`title`)]),_:3},16),s(g(x),f(l(c.descriptionProps)),{default:_(()=>[m(e.$slots,`description`)]),_:3},16),s(g(b),{"as-child":``},{default:_(()=>[m(e.$slots,`close`,{},()=>[s(n,{size:c.size,icon:`lucide:x`},null,8,[`size`])])]),_:3}),m(e.$slots,`default`)]),_:3},16))}});export{T as default};

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

@@ -33,6 +33,7 @@ interface ToastProviderProps$1 extends ToastProviderProps {
 type ToastColor = 'default' | ThemeColor;
 type ToastType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
 interface ToastProps extends ToastRootProps {
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<ToastUi>;
   type?: ToastType;

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{tooltipVariants as t}from"../../variants/tooltip.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TooltipArrow as y,TooltipPopup as b,TooltipPortal as x,TooltipPositioner as S,TooltipRoot as C,TooltipTrigger as w,provideTooltipThemeContext as T}from"@soybeanjs/headless";var E=s({name:`STooltip`,__name:`tooltip`,props:{size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},popupProps:{},positionerProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:E}){let D=s,O=E,k=v(D,[`size`,`ui`,`content`,`showArrow`,`popupProps`,`positionerProps`,`triggerProps`,`portalProps`,`arrowProps`]),A=_(O),j=n(()=>e(t({size:D.size}),D.ui)),M=n(()=>({placement:D.placement,...D.positionerProps}));return T({ui:j}),(e,t)=>(d(),r(h(C),l(h(k),{"onUpdate:open":t[0]||=e=>O(`update:open`,e)}),{default:g(()=>[o(h(w),{"as-child":``},{default:g(()=>[f(e.$slots,`trigger`)]),_:3}),o(h(x),u(c(s.portalProps)),{default:g(()=>[o(h(S),l(M.value,m(h(A))),{default:g(()=>[o(h(b),u(c(s.popupProps)),{default:g(()=>[f(e.$slots,`default`,{},()=>[a(p(s.content),1)]),s.showArrow?(d(),r(h(y),u(l({key:0},s.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{tooltipVariants as t}from"../../variants/tooltip.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TooltipArrow as y,TooltipPopup as b,TooltipPortal as x,TooltipPositioner as S,TooltipRoot as C,TooltipTrigger as w,provideTooltipUi as T}from"@soybeanjs/headless";var E=s({name:`STooltip`,__name:`tooltip`,props:{class:{},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},popupProps:{},positionerProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:E}){let D=s,O=E,k=v(D,[`class`,`size`,`ui`,`content`,`showArrow`,`popupProps`,`positionerProps`,`triggerProps`,`portalProps`,`arrowProps`]),A=_(O),j=n(()=>e(t({size:D.size}),D.ui,{popup:D.class})),M=n(()=>({placement:D.placement,...D.positionerProps}));return T(j),(e,t)=>(d(),r(h(C),l(h(k),{"onUpdate:open":t[0]||=e=>O(`update:open`,e)}),{default:g(()=>[o(h(w),{"as-child":``},{default:g(()=>[f(e.$slots,`trigger`)]),_:3}),o(h(x),u(c(s.portalProps)),{default:g(()=>[o(h(S),l(M.value,m(h(A))),{default:g(()=>[o(h(b),u(c(s.popupProps)),{default:g(()=>[f(e.$slots,`default`,{},()=>[a(p(s.content),1)]),s.showArrow?(d(),r(h(y),u(l({key:0},s.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{E as default};

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

@@ -1,6 +1,6 @@
 import { TooltipProps } from "./types.js";
-import * as vue305 from "vue";
-import * as _soybeanjs_headless154 from "@soybeanjs/headless";
+import * as vue301 from "vue";
+import * as _soybeanjs_headless180 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {};
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: vue305.DefineComponent<TooltipProps, {}, {}, {}, {}, vue305.ComponentOptionsMixin, vue305.ComponentOptionsMixin, {
+declare const __VLS_base: vue301.DefineComponent<TooltipProps, {}, {}, {}, {}, vue301.ComponentOptionsMixin, vue301.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless154.PointerDownOutsideEvent) => any;
-}, string, vue305.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless180.PointerDownOutsideEvent) => any;
+}, string, vue301.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless154.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless180.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue305.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue301.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,9 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
-import { Placement, TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, TooltipUi } from "@soybeanjs/headless";
+import { ClassValue, Placement, TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, TooltipUi } from "@soybeanjs/headless";
 
 //#region src/components/tooltip/types.d.ts
 interface TooltipProps extends TooltipRootProps {
+  /**
+   * class of popup
+   */
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TooltipUi>;
   content?: string;

package/dist/components/tree/tree-virtualizer.vue.d.ts

@@ -1,12 +1,12 @@
 import { TreeVirtualizerProps } from "./types.js";
-import * as vue3 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue65 from "vue";
+import * as _soybeanjs_headless8 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/tree/tree-virtualizer.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__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: vue3.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
+  props: vue65.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -18,13 +18,13 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     item?: (props: {
       key: number;
       virtualItem: _tanstack_vue_virtual0.VirtualItem;
-      item: _soybeanjs_headless0.FlattenedItem<T>;
+      item: _soybeanjs_headless8.FlattenedItem<T>;
       modelValue: U;
       expanded: string[];
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue3.VNode & {
+}>) => vue65.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,10 @@
-import * as vue1 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue63 from "vue";
+import * as _soybeanjs_headless7 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
 
 //#region src/components/tree/tree.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__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: vue1.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+  props: vue63.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   } & {
     item?: (props: {
       key: string;
-      item: _soybeanjs_headless0.FlattenedItem<T>;
+      item: _soybeanjs_headless7.FlattenedItem<T>;
       modelValue: U | undefined;
       expanded: string[];
     }) => any;
@@ -25,7 +25,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue1.VNode & {
+}>) => vue63.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`TreeMenu`,e=>e),[r,i]=e(`TreeMenuExtraTheme`,e=>e);export{t as provideTreeMenuContext,r as provideTreeMenuExtraThemeContext,n as useTreeMenuContext,i as useTreeMenuExtraThemeContext};
+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};

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

@@ -1,3 +1,3 @@
-import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraThemeContextParams, TreeMenuExtraThemeSlot, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps } from "./types.js";
+import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps } 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-slot.js

@@ -1 +1 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraThemeContext as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";var w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},item:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(`TreeMenuOptionSlot`),O=c(()=>!!w.item.children?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[m.item.icon?(_(),l(t,{key:0,icon:m.item.icon},null,8,[`icon`])):u(`v-if`,!0)]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(n,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(t,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(e,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(t,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};
+import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";var w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},item:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[m.item.icon?(_(),l(t,{key:0,icon:m.item.icon},null,8,[`icon`])):u(`v-if`,!0)]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(n,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(t,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(e,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(t,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};

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,useTreeMenuExtraThemeContext as i}from"./context.js";import a from"./tree-menu-option-slot.js";import{isChildActive as o}from"./shared.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{TreeMenuButton as O,TreeMenuCollapsible as k,TreeMenuItem as A,TreeMenuSub as j,useTreeMenuRootContext as M}from"@soybeanjs/headless";var N=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{item:{}},emits:[`selectDropdown`],setup(h,{emit:N}){let P=h,F=N,I=E(),{collapsed:L,modelValue:R,onModelValueChange:z}=M(`TreeMenuOption`),{size:B,side:V}=r(`TreeMenuOption`),H=i(`TreeMenuOption`),U=c(()=>Object.keys(I)),W=c(()=>!!P.item.children?.length),G=c(()=>o(P.item,R.value)),K=c(()=>!!(P.item.to||P.item.href)),q=c(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=P.item;return K.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),J=c(()=>L.value&&W.value),Y=c(()=>L.value&&!J.value?P.item.label:void 0),X=c(()=>V.value===`left`?`right`:`left`),Z=c(()=>({...P.item.tooltipProps,placement:P.item.tooltipProps?.placement??X.value})),Q=c(()=>({...P.item.dropdownMenuProps,trigger:P.item.dropdownMenuProps?.trigger??`hover`,placement:P.item.dropdownMenuProps?.placement??X.value})),$=()=>{P.item.disabled||z(P.item.value)},ee=e=>{P.item.disabled||(z(e.value),F(`selectDropdown`,e.value))};return(r,i)=>{let o=C(`STreeMenuOption`);return W.value?(b(),l(T(A),{key:1,"as-child":``,value:h.item.value,disabled:h.item.disabled},{default:D(()=>[m(T(k),{as:`li`,"disabled-collapsible":T(L)},{trigger:D(()=>[m(T(O),{"disabled-active":``,"data-child-active":G.value},{default:D(()=>[m(a,{item:h.item},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},8,[`data-child-active`])]),extra:D(()=>[J.value?(b(),l(t,_({key:0},Q.value,{items:h.item.children??[],disabled:h.item.disabled,size:T(B),"data-menu":h.item.label,onSelect:ee}),{trigger:D(()=>[f(`div`,{class:v(T(H).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):u(`v-if`,!0)]),default:D(()=>[m(T(j),null,{default:D(()=>[(b(!0),d(s,null,x(h.item.children,e=>(b(),l(o,{key:e.value,item:e},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,_({ref_for:!0},t))])}))]),1032,[`item`]))),128))]),_:3})]),_:3},8,[`disabled-collapsible`])]),_:3},8,[`value`,`disabled`])):(b(),l(T(A),{key:0,value:h.item.value,disabled:h.item.disabled},{default:D(()=>[K.value?(b(),l(T(O),{key:0,"as-child":``},{default:D(()=>[m(e,y(g(q.value)),{default:D(({isHref:e})=>[m(a,{item:h.item,"show-link-icon":e},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3})):(b(),l(T(O),{key:1},{default:D(()=>[m(a,{item:h.item},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3})),Y.value?(b(),l(n,_({key:2},Z.value,{size:T(B),content:Y.value}),{trigger:D(()=>[(b(),l(w(K.value?e:`div`),_(q.value,{class:T(H).itemAbsolute,onClick:$}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):u(`v-if`,!0)]),_:3},8,[`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}from"./context.js";import a from"./tree-menu-option-slot.js";import{isChildActive as o}from"./shared.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{TreeMenuButton as O,TreeMenuCollapsible as k,TreeMenuItem as A,TreeMenuSub as j,useTreeMenuRootContext as M}from"@soybeanjs/headless";var N=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{item:{}},emits:[`selectDropdown`],setup(h,{emit:N}){let P=h,F=N,I=E(),{collapsed:L,modelValue:R,onModelValueChange:z}=M(`TreeMenuOption`),{size:B,side:V}=r(`TreeMenuOption`),H=i(`itemAbsolute`),U=c(()=>Object.keys(I)),W=c(()=>!!P.item.children?.length),G=c(()=>o(P.item,R.value)),K=c(()=>!!(P.item.to||P.item.href)),q=c(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=P.item;return K.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),J=c(()=>L.value&&W.value),Y=c(()=>L.value&&!J.value?P.item.label:void 0),X=c(()=>V.value===`left`?`right`:`left`),Z=c(()=>({...P.item.tooltipProps,placement:P.item.tooltipProps?.placement??X.value})),Q=c(()=>({...P.item.dropdownMenuProps,trigger:P.item.dropdownMenuProps?.trigger??`hover`,placement:P.item.dropdownMenuProps?.placement??X.value})),$=()=>{P.item.disabled||z(P.item.value)},ee=e=>{P.item.disabled||(z(e.value),F(`selectDropdown`,e.value))};return(r,i)=>{let o=C(`STreeMenuOption`);return W.value?(b(),l(T(A),{key:1,"as-child":``,value:h.item.value,disabled:h.item.disabled},{default:D(()=>[m(T(k),{as:`li`,"disabled-collapsible":T(L)},{trigger:D(()=>[m(T(O),{"disabled-active":``,"data-child-active":G.value},{default:D(()=>[m(a,{item:h.item},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},8,[`data-child-active`])]),extra:D(()=>[J.value?(b(),l(t,_({key:0},Q.value,{items:h.item.children??[],disabled:h.item.disabled,size:T(B),"data-menu":h.item.label,onSelect:ee}),{trigger:D(()=>[f(`div`,{class:v(T(H))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):u(`v-if`,!0)]),default:D(()=>[m(T(j),null,{default:D(()=>[(b(!0),d(s,null,x(h.item.children,e=>(b(),l(o,{key:e.value,item:e},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,_({ref_for:!0},t))])}))]),1032,[`item`]))),128))]),_:3})]),_:3},8,[`disabled-collapsible`])]),_:3},8,[`value`,`disabled`])):(b(),l(T(A),{key:0,value:h.item.value,disabled:h.item.disabled},{default:D(()=>[K.value?(b(),l(T(O),{key:0,"as-child":``},{default:D(()=>[m(e,y(g(q.value)),{default:D(({isHref:e})=>[m(a,{item:h.item,"show-link-icon":e},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3})):(b(),l(T(O),{key:1},{default:D(()=>[m(a,{item:h.item},p({_:2},[x(U.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3})),Y.value?(b(),l(n,_({key:2},Z.value,{size:T(B),content:Y.value}),{trigger:D(()=>[(b(),l(w(K.value?e:`div`),_(q.value,{class:T(H),onClick:$}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):u(`v-if`,!0)]),_:3},8,[`value`,`disabled`]))}}});export{N as default};

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

@@ -1 +1 @@
-import{createElementBlock as e,createElementVNode as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";import{useTreeMenuThemeContext as s}from"@soybeanjs/headless";var c=n({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,setup(n){let c=s(`TreeMenuStyledItem`);return(n,s)=>(i(),e(`li`,{class:r(o(c).item)},[t(`button`,{class:r(o(c).button)},[a(n.$slots,`default`)],2)],2))}});export{c as default};
+import{createElementBlock as e,createElementVNode as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";import{useTreeMenuUi as s}from"@soybeanjs/headless";var c=n({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,setup(n){let c=s();return(n,s)=>(i(),e(`li`,{class:r(o(c).item)},[t(`button`,{class:r(o(c).button)},[a(n.$slots,`default`)],2)],2))}});export{c as default};

package/dist/components/tree-menu/tree-menu-styled-item.vue.d.ts

@@ -1,11 +1,11 @@
-import * as vue157 from "vue";
+import * as vue308 from "vue";
 
 //#region src/components/tree-menu/tree-menu-styled-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue157.DefineComponent<{}, {}, {}, {}, {}, vue157.ComponentOptionsMixin, vue157.ComponentOptionsMixin, {}, string, vue157.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue157.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue308.DefineComponent<{}, {}, {}, {}, {}, vue308.ComponentOptionsMixin, vue308.ComponentOptionsMixin, {}, string, vue308.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue308.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

@@ -1,9 +1,9 @@
 import { TreeMenuOptionData, TreeMenuProps } from "./types.js";
-import * as vue155 from "vue";
+import * as vue306 from "vue";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(__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: vue155.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
+  props: vue306.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
-}>) => vue155.VNode & {
+}>) => vue306.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -6,8 +6,7 @@ import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuProps } from "../dropdown-menu/types.js";
 import { TagProps as TagProps$1 } from "../tag/types.js";
 import { TooltipProps } from "../tooltip/types.js";
-import { ComputedRef } from "vue";
-import { ClassValue, HorizontalSide, LinkBaseProps, PropsToContext, TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi } from "@soybeanjs/headless";
+import { ClassValue, HorizontalSide, LinkBaseProps, PropsToContext, TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUiSlot, UiClass } from "@soybeanjs/headless";
 
 //#region src/components/tree-menu/types.d.ts
 interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
@@ -70,9 +69,10 @@ type TreeMenuOptionData = TreeMenuBaseOptionData | TreeMenuGroupOptionData;
 interface TreeMenuOptionProps {
   item: TreeMenuBaseOptionData;
 }
-type TreeMenuExtraThemeSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
-type TreeMenuExtendedUi = TreeMenuUi & Record<TreeMenuExtraThemeSlot, ClassValue>;
+type TreeMenuExtraUiSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
+type TreeMenuExtendedUi = UiClass<TreeMenuUiSlot | TreeMenuExtraUiSlot>;
 interface TreeMenuProps<T extends TreeMenuOptionData = TreeMenuOptionData> extends TreeMenuRootProps {
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TreeMenuExtendedUi>;
   /**
@@ -109,6 +109,5 @@ type TreeMenuItemEmits = {
 };
 interface TreeMenuContextParams extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
 type TreeMenuEmits = TreeMenuRootEmits & TreeMenuItemEmits;
-type TreeMenuExtraThemeContextParams = ComputedRef<Partial<TreeMenuExtendedUi>>;
 //#endregion
-export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraThemeContextParams, TreeMenuExtraThemeSlot, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps };
+export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps };

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

@@ -1,10 +1,10 @@
 import { VirtualizerProps } from "./types.js";
-import * as vue0 from "vue";
+import * as vue67 from "vue";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/virtualizer/virtualizer.vue.d.ts
 declare const __VLS_export: <T extends Record<string, any>>(__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: vue0.PublicProps & __VLS_PrettifyLocal<VirtualizerProps<T>> & (typeof globalThis extends {
+  props: vue67.PublicProps & __VLS_PrettifyLocal<VirtualizerProps<T>> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     }) => any;
   };
   emit: {};
-}>) => vue0.VNode & {
+}>) => vue67.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/constants/components.d.ts

@@ -1,49 +1,49 @@
 //#region src/constants/components.d.ts
 declare const components: {
   accordion: string[];
-  alertDialog: string[];
   alert: string[];
+  alertDialog: string[];
   arrow: string[];
+  aspectRatio: string[];
   avatar: string[];
-  card: string[];
+  badge: string[];
   breadcrumb: string[];
+  button: string[];
+  card: string[];
   checkbox: string[];
-  badge: string[];
   collapsible: string[];
-  configProvider: string[];
-  button: string[];
   command: string[];
-  dialog: string[];
-  aspectRatio: string[];
+  configProvider: string[];
   contextMenu: string[];
+  dialog: string[];
   drawer: string[];
-  form: string[];
   dropdownMenu: string[];
+  form: string[];
   input: string[];
+  icon: string[];
   kbd: string[];
   label: string[];
-  icon: string[];
   layout: string[];
   link: string[];
   list: string[];
   menu: string[];
   navigationMenu: string[];
-  pagination: string[];
   numberInput: string[];
+  pagination: string[];
   password: string[];
   popover: string[];
   radioGroup: string[];
   segment: string[];
+  select: string[];
   separator: string[];
   switch: string[];
   tabs: string[];
-  select: string[];
-  textarea: string[];
   tag: string[];
+  textarea: string[];
   toast: string[];
   tooltip: string[];
-  treeMenu: string[];
   tree: string[];
+  treeMenu: string[];
   virtualizer: string[];
 };
 //#endregion

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`SAccordion`],alertDialog:[`SAlertDialog`,`SAlertDialogCancel`,`SAlertDialogAction`],alert:[`SAlert`],arrow:[`SArrow`],avatar:[`SAvatar`],card:[`SCard`],breadcrumb:[`SBreadcrumb`,`SBreadcrumbPage`,`SBreadcrumbEllipsis`],checkbox:[`SCheckboxGroup`,`SCheckbox`,`SCheckboxCardGroup`,`SCheckboxCard`],badge:[`SBadge`],collapsible:[`SCollapsible`,`SCollapsibleContent`,`SCollapsibleTrigger`],configProvider:[`SConfigProvider`],button:[`SButton`,`SButtonLoading`,`SButtonIcon`,`SButtonLink`,`SButtonGroup`],command:[`SCommand`],dialog:[`SDialog`,`SDialogClose`,`SDialogPure`],aspectRatio:[`SAspectRatio`],contextMenu:[`SContextMenu`,`SContextMenuCheckbox`,`SContextMenuRadio`,`SContextMenuWrapper`],drawer:[`SDrawer`,`SDrawerClose`],form:[`SForm`,`SFormField`,`SFormFieldArray`],dropdownMenu:[`SDropdownMenu`,`SDropdownMenuCheckbox`,`SDropdownMenuRadio`,`SDropdownMenuWrapper`],input:[`SInput`],kbd:[`SKbd`],label:[`SLabel`],icon:[`SIcon`],layout:[`SLayout`,`SLayoutTrigger`],link:[`SLink`],list:[`SList`,`SListItem`],menu:[`SMenuOption`,`SMenuOptions`,`SMenuCheckboxOptions`,`SMenuRadioOptions`],navigationMenu:[`SNavigationMenu`],pagination:[`SPagination`],numberInput:[`SNumberInput`],password:[`SPassword`],popover:[`SPopover`],radioGroup:[`SRadioGroup`,`SRadio`,`SRadioCard`,`SRadioCardGroup`],segment:[`SSegment`],separator:[`SSeparator`],switch:[`SSwitch`],tabs:[`STabs`],select:[`SSelect`],textarea:[`STextarea`],tag:[`STag`],toast:[`SToast`,`SToastAction`,`SToastClose`],tooltip:[`STooltip`],treeMenu:[`STreeMenu`,`STreeMenuStyledItem`],tree:[`STree`,`STreeVirtualizer`],virtualizer:[`SVirtualizer`]};export{e as components};
+const e={accordion:[`SAccordion`],alert:[`SAlert`],alertDialog:[`SAlertDialog`,`SAlertDialogCancel`,`SAlertDialogAction`],arrow:[`SArrow`],aspectRatio:[`SAspectRatio`],avatar:[`SAvatar`],badge:[`SBadge`],breadcrumb:[`SBreadcrumb`,`SBreadcrumbPage`,`SBreadcrumbEllipsis`],button:[`SButton`,`SButtonLoading`,`SButtonIcon`,`SButtonLink`,`SButtonGroup`],card:[`SCard`],checkbox:[`SCheckboxGroup`,`SCheckbox`,`SCheckboxCardGroup`,`SCheckboxCard`],collapsible:[`SCollapsible`,`SCollapsibleContent`,`SCollapsibleTrigger`],command:[`SCommand`],configProvider:[`SConfigProvider`],contextMenu:[`SContextMenu`,`SContextMenuCheckbox`,`SContextMenuRadio`,`SContextMenuWrapper`],dialog:[`SDialog`,`SDialogClose`,`SDialogPure`],drawer:[`SDrawer`,`SDrawerClose`],dropdownMenu:[`SDropdownMenu`,`SDropdownMenuCheckbox`,`SDropdownMenuRadio`,`SDropdownMenuWrapper`],form:[`SForm`,`SFormField`,`SFormFieldArray`],input:[`SInput`],icon:[`SIcon`],kbd:[`SKbd`],label:[`SLabel`],layout:[`SLayout`,`SLayoutTrigger`],link:[`SLink`],list:[`SList`,`SListItem`],menu:[`SMenuOption`,`SMenuOptions`,`SMenuCheckboxOptions`,`SMenuRadioOptions`],navigationMenu:[`SNavigationMenu`],numberInput:[`SNumberInput`],pagination:[`SPagination`],password:[`SPassword`],popover:[`SPopover`],radioGroup:[`SRadioGroup`,`SRadio`,`SRadioCard`,`SRadioCardGroup`],segment:[`SSegment`],select:[`SSelect`],separator:[`SSeparator`],switch:[`SSwitch`],tabs:[`STabs`],tag:[`STag`],textarea:[`STextarea`],toast:[`SToast`,`SToastAction`,`SToastClose`],tooltip:[`STooltip`],tree:[`STree`,`STreeVirtualizer`],treeMenu:[`STreeMenu`,`STreeMenuStyledItem`],virtualizer:[`SVirtualizer`]};export{e as components};