@soybeanjs/ui 0.17.0 → 0.19.0

package/dist/components/toggle-group/index.js

@@ -1 +1 @@
-import"./toggle-group.js";import"./toggle-group-item.js";
+import"./toggle-group.js";import{ToggleGroupItem as e}from"@soybeanjs/headless/toggle-group";export{e as SToggleGroupItem};

package/dist/components/toggle-group/toggle-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless/toggle-group";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless/toggle-group";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

package/dist/components/toggle-group/types.d.ts

@@ -5,7 +5,7 @@ import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toggle-group/types.d.ts
 /**
- * Props for the toggle group component.
+ * Properties for the ToggleGroup component.
  */
 interface ToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {
   /**
@@ -30,7 +30,7 @@ interface ToggleGroupProps<M extends boolean = false, T extends DefinedValue = s
   ui?: Partial<ToggleGroupUi>;
 }
 /**
- * Emits for the toggle group component.
+ * Events for the ToggleGroup component.
  */
 type ToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
 //#endregion

package/dist/components/toolbar/toolbar.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless/toolbar";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless/toolbar";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};

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

@@ -3,7 +3,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toolbar/types.d.ts
 /**
- * Props for the toolbar component.
+ * Properties for the Toolbar component.
  */
 interface ToolbarProps extends ToolbarRootProps {
   /**

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

@@ -1,3 +1,3 @@
-import { TooltipEmits, TooltipProps } from "./types.js";
+import { TooltipEmits, TooltipProps, TooltipSlots } from "./types.js";
 import { _default } from "./tooltip.vue.js";
 export * from "@soybeanjs/headless/tooltip";

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.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/tooltip";const 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),l(s.triggerProps,{"as-child":``}),{default:g(()=>[f(e.$slots,`trigger`)]),_:3},16),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{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{TooltipCompact as p,provideTooltipUi as m}from"@soybeanjs/headless/tooltip";const h=i({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},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(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>e(t({size:g.size}),g.ui,{popup:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{trigger:u(()=>[s(e.$slots,`trigger`)]),default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

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

@@ -1,14 +1,9 @@
-import { TooltipProps } from "./types.js";
+import { TooltipProps, TooltipSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
-declare var __VLS_16: {}, __VLS_36: {};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  default?: (props: typeof __VLS_36) => any;
-};
+type __VLS_Slots = TooltipSlots;
 declare const __VLS_base: _$vue.DefineComponent<TooltipProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;

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

@@ -1,12 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, TooltipUi } from "@soybeanjs/headless/tooltip";
-import { ClassValue, Placement } from "@soybeanjs/headless/types";
+import { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipUi } from "@soybeanjs/headless/tooltip";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tooltip/types.d.ts
 /**
- * Props for the tooltip component.
+ * Properties for the Tooltip component.
  */
-interface TooltipProps extends TooltipRootProps {
+interface TooltipProps extends TooltipCompactProps {
   /**
    * class of popup
    */
@@ -19,42 +19,14 @@ interface TooltipProps extends TooltipRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<TooltipUi>;
-  /**
-   * Content.
-   */
-  content?: string;
-  /**
-   * Placement.
-   */
-  placement?: Placement;
-  /**
-   * Whether to show an arrow.
-   */
-  showArrow?: boolean;
-  /**
-   * Props forwarded to the popup element.
-   */
-  popupProps?: TooltipPopupProps;
-  /**
-   * Props forwarded to the positioner element.
-   */
-  positionerProps?: TooltipPositionerProps;
-  /**
-   * Props forwarded to the trigger element.
-   */
-  triggerProps?: TooltipTriggerProps;
-  /**
-   * Props forwarded to the portal element.
-   */
-  portalProps?: TooltipPortalProps;
-  /**
-   * Props forwarded to the arrow element.
-   */
-  arrowProps?: TooltipArrowProps;
 }
 /**
- * Emits for the tooltip component.
+ * Events for the Tooltip component.
+ */
+type TooltipEmits = TooltipCompactEmits;
+/**
+ * Slots for the Tooltip component.
  */
-type TooltipEmits = TooltipRootEmits & TooltipPositionerEmits;
+type TooltipSlots = TooltipCompactSlots;
 //#endregion
-export { TooltipEmits, TooltipProps };
+export { TooltipEmits, TooltipProps, TooltipSlots };

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

@@ -1,8 +1,8 @@
 import { TreeVirtualizerProps } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { TreeItemData } from "@soybeanjs/headless/tree";
 import { MaybeArray } from "@soybeanjs/headless/types";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import * as _$_tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/tree/tree-virtualizer.vue.d.ts

package/dist/components/tree/tree.js

@@ -1 +1 @@
-import{Fragment as e,createBlock as t,createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderList as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u,withDirectives as d}from"vue";import{useForwardListeners as f}from"@soybeanjs/headless/composables";import{vAutoAnimate as p}from"@formkit/auto-animate";import{TreeRoot as m}from"@soybeanjs/headless/tree";const h=r({name:`STree`,__name:`tree`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:expanded`],setup(r,{emit:h}){let g=r,_=f(h);return(r,f)=>d((a(),t(l(m),i(g,c(l(_))),{default:u(({flattenItems:t,modelValue:i,expanded:c})=>[s(r.$slots,`top`),(a(!0),n(e,null,o(t,e=>s(r.$slots,`item`,{key:e.value,item:e,modelValue:i,expanded:c})),128)),s(r.$slots,`bottom`)]),_:3},16)),[[l(p)]])}});export{h as default};
+import{Fragment as e,createBlock as t,createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderList as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u,withDirectives as d}from"vue";import{useForwardListeners as f}from"@soybeanjs/headless/composables";import{TreeRoot as p}from"@soybeanjs/headless/tree";import{vAutoAnimate as m}from"@formkit/auto-animate";const h=r({name:`STree`,__name:`tree`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:expanded`],setup(r,{emit:h}){let g=r,_=f(h);return(r,f)=>d((a(),t(l(p),i(g,c(l(_))),{default:u(({flattenItems:t,modelValue:i,expanded:c})=>[s(r.$slots,`top`),(a(!0),n(e,null,o(t,e=>s(r.$slots,`item`,{key:e.value,item:e,modelValue:i,expanded:c})),128)),s(r.$slots,`bottom`)]),_:3},16)),[[l(m)]])}});export{h as default};

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

@@ -1,7 +1,7 @@
 import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { TreeItemData, TreeRootProps } from "@soybeanjs/headless/tree";
 import { MaybeArray } from "@soybeanjs/headless/types";
-import * as _$_soybeanjs_headless0 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<{
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     item?: (props: {
       key: string;
       item: _$_soybeanjs_headless0.FlattenedItem<T>;
-      modelValue: U | undefined;
+      modelValue: U | (U & Exclude<U, undefined>) | undefined;
       expanded: string[];
     }) => any;
   } & {

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

@@ -4,20 +4,20 @@ import { MaybeArray } from "@soybeanjs/headless/types";
 
 //#region src/components/tree/types.d.ts
 /**
- * Props for the tree virtualizer component.
+ * Properties for the TreeVirtualizer component.
  */
 interface TreeVirtualizerProps<T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean> extends TreeVirtualizerRootProps<T, U, M> {
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: VirtualizerContentProps;
   /**
-   * Props forwarded to the dynamic content element.
+   * Properties forwarded to the dynamic content element.
    */
   dynamicContentProps?: VirtualizerDynamicContentProps;
 }
 /**
- * Emits for the tree virtualizer component.
+ * Events for the TreeVirtualizer component.
  */
 type TreeVirtualizerEmits<M extends boolean | undefined> = TreeVirtualizerRootEmits<M>;
 //#endregion

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

@@ -1,4 +1,4 @@
-import { TreeMenuBaseOptionData, TreeMenuContext, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContext, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps } from "./types.js";
+import { TreeMenuEmits, TreeMenuProps, TreeMenuSlots, TreeMenuStyledItemProps } from "./types.js";
 import { _default } from "./tree-menu.vue.js";
 import { _default as _default$1 } from "./tree-menu-styled-item.vue.js";
 export * from "@soybeanjs/headless/tree-menu";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{treeMenuVariants as t}from"./variants.js";import{computed as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";const l=a({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,props:{class:{},size:{},ui:{}},setup(a){let l=a,u=n(()=>e(t({size:l.size}),l.ui,{item:l.class}));return(e,t)=>(s(),r(`div`,{class:o(u.value.item)},[i(`button`,{class:o(u.value.button)},[c(e.$slots,`default`)],2)],2))}});export{l as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{treeMenuVariants as t}from"./variants.js";import{computed as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";const l=a({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let l=a,u=n(()=>e(t({size:l.size}),l.ui,{item:l.class}));return(e,t)=>(s(),r(`div`,{class:o(u.value.item)},[i(`button`,{class:o(u.value.button)},[c(e.$slots,`default`)],2)],2))}});export{l 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{provideTreeMenuContext as r,provideTreeMenuExtraUi as i}from"./context.js";import{treeMenuVariants as a}from"./variants.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{transformPropsToContext as T}from"@soybeanjs/headless/shared";import{TreeMenuRoot as E,provideTreeMenuUi as D}from"@soybeanjs/headless/tree-menu";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(a({size:k.size}),k.ui,{root:k.class}));return D(L),i(L),r(T(k,[`size`,`side`])),(e,t)=>(g(),l(b(E),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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{badgeVariants as t}from"../badge/variants.js";import{provideMenuUi as n}from"../menu/context.js";import{tooltipVariants as r}from"../tooltip/variants.js";import{treeMenuVariants as i}from"./variants.js";import{computed as a,createBlock as o,createCommentVNode as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{useForwardListeners as b,useOmitProps as x}from"@soybeanjs/headless/composables";import{keysOf as S}from"@soybeanjs/utils";import{provideBadgeUi as C}from"@soybeanjs/headless/badge";import{provideTooltipUi as w}from"@soybeanjs/headless/tooltip";import{TreeMenuCompact as T,provideTreeMenuUi as E}from"@soybeanjs/headless/tree-menu";const D=l({name:`STreeMenu`,__name:`tree-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{},indent:{},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(l,{emit:D}){let O=l,k=D,A=v(),j=x(O,[`class`,`size`,`ui`]),M=b(k),N=a(()=>S(A)),P=a(()=>e(i({size:O.size}),O.ui,{root:O.class})),F=a(()=>t({color:`accent`,size:O.size,position:`top-right`})),I=a(()=>r({size:O.size}));return n(()=>({size:O.size})),C(F),w(I),E(P),(e,t)=>(p(),o(_(T),d(_(j),g(_(M))),c({_:2},[m(N.value,t=>({name:t,fn:y(n=>[s(` @vue-expect-error ignore slot type `),h(e.$slots,t,f(u(n)))])}))]),1040))}});export{D as default};

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

@@ -1,5 +1,6 @@
-import { TreeMenuBaseOptionData, TreeMenuProps } from "./types.js";
+import { TreeMenuProps, TreeMenuSlots } from "./types.js";
 import * as _$vue from "vue";
+import { TreeMenuBaseOptionData } from "@soybeanjs/headless/tree-menu";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__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<{
@@ -13,22 +14,7 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    top: () => any;
-    bottom: () => any;
-    item: (props: {
-      item: T;
-    }) => any;
-    'item-leading': (props: {
-      item: T;
-    }) => any;
-    'item-trailing': (props: {
-      item: T;
-    }) => any;
-    'group-label': (props: {
-      item: T;
-    }) => any;
-  };
+  slots: TreeMenuSlots<T>;
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -1,177 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
-import { BadgeProps } from "../badge/types.js";
-import { DropdownMenuProps } from "../dropdown-menu/types.js";
-import { index_d_exports } from "../menu/index.js";
-import { TagProps } from "../tag/types.js";
-import { TooltipProps } from "../tooltip/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
-import { AsTag } from "@soybeanjs/headless/primitive";
-import { LinkBaseProps, LinkProps } from "@soybeanjs/headless/link";
-import { TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUiSlot } from "@soybeanjs/headless/tree-menu";
-import { ClassValue, HorizontalSide, PropsToContext, UiClass } from "@soybeanjs/headless/types";
+import { TreeMenuBaseOptionData, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuUiSlot } from "@soybeanjs/headless/tree-menu";
+import { BaseProps, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tree-menu/types.d.ts
 /**
- * Option data for the tree menu component.
+ * Properties for the TreeMenu component.
  */
-interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
-  /**
-   * Whether the option is a group. only the first-level options can be groups.
-   */
-  isGroup?: boolean;
-  /**
-   * The label of the option.
-   */
-  label: string;
-  /**
-   * The icon of the option.
-   */
-  icon?: IconValue;
-  /**
-   * Whether the option is hidden.
-   */
-  hidden?: boolean;
-  /**
-   * The badge of the option.
-   */
-  badge?: string;
-  /**
-   * The badge props of the option.
-   */
-  badgeProps?: Omit<BadgeProps, 'content'>;
-  /**
-   * The tag of the option.
-   */
-  tag?: string;
-  /**
-   * The tag props of the option.
-   */
-  tagProps?: Omit<TagProps, 'content'>;
-  /**
-   * The tooltip props of the option.
-   */
-  tooltipProps?: TooltipProps;
-  /**
-   * The dropdown menu props of the option.
-   */
-  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
-  /**
-   * The actions of the option.
-   */
-  actions?: index_d_exports.MenuOptionData[];
-  /**
-   * The action menu props of the option.
-   */
-  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
-  /**
-   * The callback function when an action is selected.
-   */
-  onActionSelect?: (action: index_d_exports.MenuOptionData) => void;
-}
-/**
- * Option data for the tree menu component.
- */
-type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = T & {
-  /**
-   * The children of the option.
-   */
-  children?: TreeMenuOptionData<T>[];
-};
-/**
- * Slot props for the tree menu component.
- */
-interface TreeMenuOptionSlotProps extends TreeMenuOptionProps {
-  /**
-   * Whether to show the link icon.
-   */
-  showLinkIcon?: boolean;
-}
-/**
- * Props for the tree menu option component.
- */
-interface TreeMenuOptionProps {
-  /**
-   * Rendered element tag.
-   */
-  as?: AsTag;
-  /**
-   * Current item data.
-   */
-  item: TreeMenuOptionData;
-  /**
-   * Props forwarded to the item element.
-   */
-  itemProps?: TreeMenuItemProps;
-  /**
-   * Props forwarded to the button element.
-   */
-  buttonProps?: TreeMenuButtonProps;
-  /**
-   * Props forwarded to the link element.
-   */
-  linkProps?: LinkProps;
-  /**
-   * Props forwarded to the collapsible element.
-   */
-  collapsibleProps?: TreeMenuCollapsibleProps;
-  /**
-   * Props forwarded to the sub element.
-   */
-  subProps?: TreeMenuSubProps;
-}
-/**
- * Emits for the tree menu option component.
- */
-type TreeMenuOptionEmits = {
-  /**
-   * Emitted when select dropdown occurs.
-   */
-  selectDropdown: [value: string];
-};
-/**
- * Props for the tree menu options component.
- */
-interface TreeMenuOptionsProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Omit<TreeMenuOptionProps, 'as' | 'item'> {
-  /**
-   * Items rendered by the component.
-   */
-  items: TreeMenuOptionData<T>[];
-  /**
-   * Props forwarded to the group root element.
-   */
-  groupRootProps?: TreeMenuGroupRootProps;
-  /**
-   * Props forwarded to the group element.
-   */
-  groupProps?: TreeMenuGroupProps;
-  /**
-   * Props forwarded to the group label element.
-   */
-  groupLabelProps?: TreeMenuGroupLabelProps;
-  /**
-   * Whether to show the group icon.
-   *
-   * @default false
-   */
-  showGroupIcon?: boolean;
-}
-/**
- * Emits for the tree menu options component.
- */
-type TreeMenuOptionsEmits = TreeMenuOptionEmits;
-/**
- * Additional UI slots for the tree menu component.
- */
-type TreeMenuExtraUiSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
-/**
- * Extended UI class overrides for the tree menu component.
- */
-type TreeMenuExtendedUi = UiClass<TreeMenuUiSlot | TreeMenuExtraUiSlot>;
-/**
- * Props for the tree menu component.
- */
-interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsProps<T> {
+interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuCompactProps<T> {
   /**
    * Additional class names applied to the root element.
    */
@@ -183,34 +18,20 @@ interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<TreeMenuExtendedUi>;
-  /**
-   * The side of the tree menu.
-   *
-   * @default 'left'
-   */
-  side?: HorizontalSide;
-  /**
-   * The width of the sidebar menu when it's collapsed.
-   *
-   * @default 50
-   */
-  collapsedWidth?: number;
-  /**
-   * The width of the indent.
-   *
-   * @default 16
-   */
-  indent?: number;
+  ui?: Partial<Record<TreeMenuUiSlot, ClassValue>>;
 }
 /**
- * Emits for the tree menu component.
+ * Events for the TreeMenu component.
+ */
+type TreeMenuEmits = TreeMenuCompactEmits;
+/**
+ * Slots for the TreeMenu component.
  */
-type TreeMenuEmits = TreeMenuRootEmits & TreeMenuOptionEmits;
+type TreeMenuSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = TreeMenuCompactSlots<T>;
 /**
- * Props for the tree menu styled item component.
+ * Properties for the TreeMenuStyledItem component.
  */
-interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
+interface TreeMenuStyledItemProps extends BaseProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -222,20 +43,7 @@ interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<Pick<TreeMenuExtendedUi, 'item' | 'button'>>;
-}
-/**
- * Context for the tree menu component.
- */
-interface TreeMenuContext extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
-/**
- * Context for the tree menu options component.
- */
-interface TreeMenuOptionsContext {
-  /**
-   * Active paths tracked by the component context.
-   */
-  activePaths: ComputedRef<string[]>;
+  ui?: Partial<Record<'button' | 'item', ClassValue>>;
 }
 //#endregion
-export { TreeMenuBaseOptionData, TreeMenuContext, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContext, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps };
+export { TreeMenuEmits, TreeMenuProps, TreeMenuSlots, TreeMenuStyledItemProps };

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

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:`group-data-[state=collapsed]:mb-0`,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleRoot:``,collapsibleTrigger:``,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active]/button:text-primary`,sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-0.875 p-1.5 text-2xs`,groupRoot:`mb-0.875`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.875`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.875 pl-1.5 pt-0.875`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`gap-1 p-1.75 text-xs`,groupRoot:`mb-1`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-1`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-1 pl-1.75 pt-1`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`gap-1.25 p-2 text-sm`,groupRoot:`mb-1.25`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1.25`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1.25 pl-2 pt-1.25`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`gap-1.5 p-2.25 text-base`,groupRoot:`mb-1.5`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.5`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.5 pl-2.25 pt-1.5`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`gap-2 p-2.5 text-lg`,groupRoot:`mb-2`,groupLabel:`h-10 gap-3 px-2.5 py-2 text-base`,group:`gap-2`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-2 pl-2.5 pt-2`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`gap-2.5 p-3 text-xl`,groupRoot:`mb-2.5`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2.5`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2.5 pl-3 pt-2.5`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:`group-data-[state=collapsed]:mb-0`,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleRoot:``,collapsibleTrigger:``,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active]/button:text-primary`,sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto inline-flex items-center rounded-sm bg-accent/15 text-accent-foreground`,itemAction:[`absolute end-0 top-1/2 -translate-y-1/2 z-2 inline-flex items-center justify-center rounded-sm text-muted-foreground outline-none transition-colors`,`focus-visible:bg-sidebar-accent focus-visible:text-foreground focus-visible:ring-3 focus-visible:ring-accent-foreground/20`,`disabled:pointer-events-none disabled:opacity-50`],itemAbsolute:`absolute inset-0 z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-0.875 p-1.5 text-2xs`,groupRoot:`mb-0.875`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.875`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.875 pl-1.5 pt-0.875`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemTag:`min-h-3.5 px-1 text-4xs`,itemAction:`end-1 size-4 text-2xs`},sm:{root:`gap-1 p-1.75 text-xs`,groupRoot:`mb-1`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-1`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-1 pl-1.75 pt-1`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemTag:`min-h-4 px-1.25 text-3xs`,itemAction:`end-1.25 size-4.5 text-xs`},md:{root:`gap-1.25 p-2 text-sm`,groupRoot:`mb-1.25`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1.25`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1.25 pl-2 pt-1.25`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemTag:`min-h-4.5 px-1.5 text-2xs`,itemAction:`end-1.5 size-5 text-sm`},lg:{root:`gap-1.5 p-2.25 text-base`,groupRoot:`mb-1.5`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.5`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.5 pl-2.25 pt-1.5`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemTag:`min-h-5 px-1.75 text-xs`,itemAction:`end-1.75 size-5.5 text-base`},xl:{root:`gap-2 p-2.5 text-lg`,groupRoot:`mb-2`,groupLabel:`h-10 gap-3 px-2.5 py-2 text-base`,group:`gap-2`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-2 pl-2.5 pt-2`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemTag:`min-h-5.5 px-2 text-sm`,itemAction:`end-2 size-6 text-lg`},"2xl":{root:`gap-2.5 p-3 text-xl`,groupRoot:`mb-2.5`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2.5`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2.5 pl-3 pt-2.5`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemTag:`min-h-6 px-2.5 text-base`,itemAction:`end-2.5 size-7 text-xl`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

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

@@ -2,15 +2,15 @@ import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerRoo
 
 //#region src/components/virtualizer/types.d.ts
 /**
- * Props for the virtualizer component.
+ * Properties for the Virtualizer component.
  */
 interface VirtualizerProps<T extends Record<string, any>> extends VirtualizerRootProps<T> {
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: VirtualizerContentProps;
   /**
-   * Props forwarded to the dynamic content element.
+   * Properties forwarded to the dynamic content element.
    */
   dynamicContentProps?: VirtualizerDynamicContentProps;
 }