@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,11 +1,11 @@
 import { Direction, MaybeArray } from "../../types/common.js";
 import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { VirtualizerItemProps, VirtualizerRootProps } from "../virtualizer/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/tree/types.d.ts
 /**
- * Type information for the tree item base data component.
+ * Type information for TreeItemBaseData.
  */
 interface TreeItemBaseData {
   /** Value given to this item */
@@ -14,28 +14,28 @@ interface TreeItemBaseData {
   disabled?: boolean;
 }
 /**
- * Type information for the tree item data component.
+ * Type information for TreeItemData.
  */
 type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
   /** List of children items */children?: TreeItemData<T>[];
 };
 /**
- * Type information for the tree select behavior component.
+ * Type information for TreeSelectBehavior.
  */
 type TreeSelectBehavior = 'toggle' | 'replace';
 /**
- * Type information for the tree toggle behavior component.
+ * Type information for TreeToggleBehavior.
  */
 type TreeToggleBehavior = 'single' | 'multiple';
 type IsMultiple<U extends MaybeArray<string> | undefined, M extends boolean> = U extends string ? false : M extends true ? true : false;
 /**
- * Props for the tree root component.
+ * Properties for the TreeRoot component.
  */
-interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect' | 'onToggle'> {
+interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
   /** The controlled value of the tree. Can be bound-with with `v-model`. */
   modelValue?: U;
   /** The value of the tree when initially rendered. Use when you do not need to control the state of the tree */
-  defaultValue?: NonNullable<U>;
+  defaultValue?: U;
   /** Determines whether a "single" or "multiple" items can be selected at a time. */
   multiple?: IsMultiple<U, M>;
   /** List of items */
@@ -70,7 +70,7 @@ interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeAr
   allowParentSelect?: boolean;
 }
 /**
- * Emits for the tree root component.
+ * Events for the TreeRoot component.
  */
 type TreeRootEmits<M extends boolean | undefined> = {
   /**
@@ -83,7 +83,7 @@ type TreeRootEmits<M extends boolean | undefined> = {
   'update:expanded': [value: string[]];
 };
 /**
- * Type information for the flattened item component.
+ * Type information for FlattenedItem.
  */
 type FlattenedItem<T extends TreeItemData> = {
   /**
@@ -124,9 +124,9 @@ type FlattenedItem<T extends TreeItemData> = {
   };
 };
 /**
- * Props for the tree item component.
+ * Properties for the TreeItem component.
  */
-interface TreeItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect' | 'onToggle'> {
+interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
   /**
    * Value associated with the current item.
    */
@@ -143,26 +143,26 @@ interface TreeItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttri
   disabledToggle?: boolean;
 }
 /**
- * Emits for the tree item component.
+ * Events for the TreeItem component.
  */
 type TreeItemEmits = {
   /** Event handler called when selecting item. */select: [event: TreeSelectEvent<string>]; /** Event handler called when toggling item. */
   toggle: [event: TreeToggleEvent<string>];
 };
 /**
- * Props for the tree virtualizer root component.
+ * Properties for the TreeVirtualizerRoot component.
  */
 interface TreeVirtualizerRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends TreeRootProps<T, U, M>, Omit<VirtualizerRootProps<FlattenedItem<T>>, 'dir' | 'items'> {}
 /**
- * Emits for the tree virtualizer root component.
+ * Events for the TreeVirtualizerRoot component.
  */
 type TreeVirtualizerRootEmits<M extends boolean | undefined> = TreeRootEmits<M>;
 /**
- * Props for the tree virtualizer item component.
+ * Properties for the TreeVirtualizerItem component.
  */
 interface TreeVirtualizerItemProps extends TreeItemProps, VirtualizerItemProps {}
 /**
- * Emits for the tree virtualizer item component.
+ * Events for the TreeVirtualizerItem component.
  */
 type TreeVirtualizerItemEmits = TreeItemEmits;
 //#endregion

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

@@ -1,11 +1,15 @@
-import { TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot } from "./types.js";
-import { _default as _default$6 } from "./tree-menu-root.vue.js";
-import { _default as _default$4 } from "./tree-menu-group-root.vue.js";
-import { _default as _default$2 } from "./tree-menu-group.vue.js";
-import { _default as _default$3 } from "./tree-menu-group-label.vue.js";
-import { _default as _default$5 } from "./tree-menu-item.vue.js";
+import { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot } from "./types.js";
+import { _default as _default$2 } from "./tree-menu-compact.vue.js";
+import { _default as _default$8 } from "./tree-menu-options-compact.vue.js";
+import { _default as _default$7 } from "./tree-menu-option-compact.vue.js";
+import { _default as _default$10 } from "./tree-menu-slot-compact.vue.js";
+import { _default as _default$9 } from "./tree-menu-root.vue.js";
+import { _default as _default$5 } from "./tree-menu-group-root.vue.js";
+import { _default as _default$3 } from "./tree-menu-group.vue.js";
+import { _default as _default$4 } from "./tree-menu-group-label.vue.js";
+import { _default as _default$6 } from "./tree-menu-item.vue.js";
 import { _default } from "./tree-menu-button.vue.js";
 import { _default as _default$1 } from "./tree-menu-collapsible.vue.js";
-import { _default as _default$7 } from "./tree-menu-sub.vue.js";
+import { _default as _default$11 } from "./tree-menu-sub.vue.js";
 import { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext } from "./context.js";
-export { type TreeMenuBaseItemProps, _default as TreeMenuButton, type TreeMenuButtonProps, type TreeMenuCollapsedState, _default$1 as TreeMenuCollapsible, type TreeMenuCollapsibleProps, _default$2 as TreeMenuGroup, _default$3 as TreeMenuGroupLabel, type TreeMenuGroupLabelProps, type TreeMenuGroupProps, _default$4 as TreeMenuGroupRoot, type TreeMenuGroupRootProps, _default$5 as TreeMenuItem, type TreeMenuItemProps, _default$6 as TreeMenuRoot, type TreeMenuRootEmits, type TreeMenuRootProps, _default$7 as TreeMenuSub, type TreeMenuSubProps, type TreeMenuUi, type TreeMenuUiSlot, provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };
+export { type TreeMenuBaseItemProps, type TreeMenuBaseOptionData, _default as TreeMenuButton, type TreeMenuButtonProps, type TreeMenuCollapsedState, _default$1 as TreeMenuCollapsible, type TreeMenuCollapsibleProps, _default$2 as TreeMenuCompact, type TreeMenuCompactEmits, type TreeMenuCompactProps, type TreeMenuCompactSlots, _default$3 as TreeMenuGroup, _default$4 as TreeMenuGroupLabel, type TreeMenuGroupLabelProps, type TreeMenuGroupProps, _default$5 as TreeMenuGroupRoot, type TreeMenuGroupRootProps, _default$6 as TreeMenuItem, type TreeMenuItemProps, _default$7 as TreeMenuOptionCompact, type TreeMenuOptionCompactEmits, type TreeMenuOptionCompactProps, type TreeMenuOptionData, type TreeMenuOptionSlotCompactProps, _default$8 as TreeMenuOptionsCompact, type TreeMenuOptionsCompactEmits, type TreeMenuOptionsCompactProps, _default$9 as TreeMenuRoot, type TreeMenuRootEmits, type TreeMenuRootProps, _default$10 as TreeMenuSlotCompact, _default$11 as TreeMenuSub, type TreeMenuSubProps, type TreeMenuUi, type TreeMenuUiSlot, provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

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

@@ -1 +1 @@
-import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-root.js";import i from"./tree-menu-group-root.js";import a from"./tree-menu-group.js";import o from"./tree-menu-group-label.js";import s from"./tree-menu-item.js";import c from"./tree-menu-button.js";import l from"./tree-menu-collapsible.js";import u from"./tree-menu-sub.js";export{c as TreeMenuButton,l as TreeMenuCollapsible,a as TreeMenuGroup,o as TreeMenuGroupLabel,i as TreeMenuGroupRoot,s as TreeMenuItem,r as TreeMenuRoot,u as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};
+import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-button.js";import i from"./tree-menu-collapsible.js";import a from"./tree-menu-slot-compact.js";import o from"./tree-menu-item.js";import s from"./tree-menu-sub.js";import c from"./tree-menu-option-compact.js";import l from"./tree-menu-group.js";import u from"./tree-menu-group-label.js";import d from"./tree-menu-group-root.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{r as TreeMenuButton,i as TreeMenuCollapsible,m as TreeMenuCompact,l as TreeMenuGroup,u as TreeMenuGroupLabel,d as TreeMenuGroupRoot,o as TreeMenuItem,c as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,a as TreeMenuSlotCompact,s as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};

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

@@ -0,0 +1 @@
+const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenTreeMenuOptions,e as treeMenuCssVars};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuItemContext as t,useTreeMenuUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=i,d=n(`button`),{isActive:f,onActive:p}=t(`TreeMenuButton`),m=()=>{u.disabledActive||p()};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(d)),"data-active":c(f),onClick:m},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-active`]))}});export{u as default};
+import e from"../button/button.js";import{useTreeMenuItemContext as t,useTreeMenuUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,d=n(`button`),{isActive:f,onActive:p}=t(`TreeMenuButton`),m=()=>{u.disabledActive||p()};return(t,n)=>(o(),r(e,a(u,{"data-soybean-tree-menu-button":``,class:c(d),"data-active":c(f),onClick:m}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`,`data-active`]))}});export{u as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { TreeMenuButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<TreeMenuButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TreeMenuButtonProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TreeMenuButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TreeMenuButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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/tree-menu/tree-menu-collapsible.js

@@ -1 +1 @@
-import e from"../collapsible/collapsible-root.js";import t from"../collapsible/collapsible-content.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{useTreeMenuItemContext as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=s({name:`TreeMenuCollapsible`,__name:`tree-menu-collapsible`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let f=s,{isExpanded:p,onExpandedToggle:m}=r(`TreeMenuCollapsible`),h=i(()=>!f.disabledCollapsible&&p.value);return(r,i)=>(c(),a(u(e),{as:s.as,open:h.value,"onUpdate:open":u(m)},{default:d(()=>[o(u(n),{"as-child":``,"disabled-collapsible":s.disabledCollapsible},{default:d(()=>[l(r.$slots,`trigger`)]),_:3},8,[`disabled-collapsible`]),l(r.$slots,`extra`),o(u(t),null,{default:d(()=>[l(r.$slots,`default`)]),_:3})]),_:3},8,[`as`,`open`,`onUpdate:open`]))}});export{f as default};
+import e from"../collapsible/collapsible-root.js";import t from"../collapsible/collapsible-content.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{useTreeMenuItemContext as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=s({name:`TreeMenuCollapsible`,__name:`tree-menu-collapsible`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let f=s,{isExpanded:p,onExpandedToggle:m}=r(`TreeMenuCollapsible`),h=i(()=>!f.disabledCollapsible&&p.value);return(r,i)=>(c(),a(u(e),{as:s.as,open:h.value,"data-soybean-tree-menu-collapsible-root":``,"onUpdate:open":u(m)},{default:d(()=>[o(u(n),{"as-child":``,"data-soybean-tree-menu-collapsible-trigger":``,"disabled-collapsible":s.disabledCollapsible},{default:d(()=>[l(r.$slots,`trigger`)]),_:3},8,[`disabled-collapsible`]),l(r.$slots,`extra`),o(u(t),{"data-soybean-tree-menu-collapsible-content":``},{default:d(()=>[l(r.$slots,`default`)]),_:3})]),_:3},8,[`as`,`open`,`onUpdate:open`]))}});export{f as default};

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

@@ -0,0 +1 @@
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"./tree-menu-options-compact.js";import i from"./tree-menu-root.js";import{computed as a,createBlock as o,createCommentVNode as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`TreeMenuCompact`,__name:`tree-menu-compact`,props:{modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{default:50},indent:{default:16},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{default:`left`},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=n(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=n(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=t(C),O=a(()=>e(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(m(),o(i,f(v(T),_(v(D))),{default:b(()=>[g(e.$slots,`top`),l(r,f(v(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),c({_:2},[h(O.value,t=>({name:t,fn:b(n=>[s(` @vue-expect-error ignore slot type `),g(e.$slots,t,p(d(n)))])}))]),1040),g(e.$slots,`bottom`)]),_:3},16))}});export{x as default};

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

@@ -0,0 +1,24 @@
+import { TreeMenuBaseOptionData, TreeMenuCompactProps, TreeMenuCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tree-menu/tree-menu-compact.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<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TreeMenuCompactProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    onSelectDropdown?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: TreeMenuCompactSlots<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>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupLabel`,__name:`tree-menu-group-label`,setup(n){let s=e(`groupLabel`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupLabel`,__name:`tree-menu-group-label`,setup(n){let s=e(`groupLabel`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-menu-group-label":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupRoot`,__name:`tree-menu-group-root`,setup(n){let s=e(`groupRoot`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupRoot`,__name:`tree-menu-group-root`,setup(n){let s=e(`groupRoot`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-menu-group-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuGroup`,__name:`tree-menu-group`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`group`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),role:`group`},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuGroup`,__name:`tree-menu-group`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`group`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),"data-soybean-tree-menu-group":``},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTreeMenuItemContext as t,useTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TreeMenuItem`,__name:`tree-menu-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},setup(o){let f=o,{modelValue:p,expanded:m,onExpandedToggle:h,onModelValueChange:g}=n(`TreeMenuItem`),_=r(`item`),v=i(()=>p.value===f.value),y=i(()=>m.value?.includes(f.value));return t({value:f.value,isActive:v,isExpanded:y,onExpandedToggle:()=>{f.disabled||h(f.value)},onActive:()=>{f.disabled||g(f.value)}}),(t,n)=>(c(),a(u(e),{as:o.as,"as-child":o.asChild,class:s(u(_)),"data-disabled":o.disabled?``:void 0,"data-active":v.value},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-active`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTreeMenuItemContext as t,useTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TreeMenuItem`,__name:`tree-menu-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},setup(o){let f=o,{modelValue:p,expanded:m,onExpandedToggle:h,onModelValueChange:g}=n(`TreeMenuItem`),_=r(`item`),v=i(()=>p.value===f.value),y=i(()=>m.value?.includes(f.value));return t({value:f.value,isActive:v,isExpanded:y,onExpandedToggle:()=>{f.disabled||h(f.value)},onActive:()=>{f.disabled||g(f.value)}}),(t,n)=>(c(),a(u(e),{as:o.as,"as-child":o.asChild,"data-soybean-tree-menu-item":``,class:s(u(_)),"data-disabled":o.disabled?``:void 0,"data-active":v.value},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-active`]))}});export{f as default};

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

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

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

@@ -0,0 +1,33 @@
+import { AsTag } from "../primitive/types.js";
+import { TreeMenuBaseOptionData, TreeMenuOptionCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tree-menu/tree-menu-option-compact.vue.d.ts
+type Slots = {
+  item: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+  leading: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+  trailing: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: _$vue.DefineComponent<TreeMenuOptionCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  selectDropdown: (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<TreeMenuOptionCompactProps> & Readonly<{
+  onSelectDropdown?: ((value: string) => any) | undefined;
+}>, {
+  as: AsTag;
+}, {}, {}, {}, string, _$vue.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import{useTreeMenuRootContext as i}from"./context.js";import{filterHiddenTreeMenuOptions as a}from"./shared.js";import o from"./tree-menu-option-compact.js";import s from"./tree-menu-group.js";import c from"./tree-menu-group-label.js";import l from"./tree-menu-group-root.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,mergeProps as y,openBlock as b,renderList as x,renderSlot as S,toDisplayString as C,unref as w,useSlots as T,withCtx as E}from"vue";const D=v({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(v,{emit:D}){let O=v,k=D,A=T(),j=d(()=>t(A).filter(e=>e!==`group-label`)),M=n(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=i(`TreeMenuCompactOptions`),P=d(()=>a(O.items)),F=d(()=>e(N.value,P.value));return(e,t)=>(b(!0),m(u,null,x(P.value,n=>(b(),m(u,{key:n.value},[n.isGroup?(b(),f(l,y({key:0,ref_for:!0},v.groupRootProps),{default:E(()=>[_(c,y({ref_for:!0},v.groupLabelProps),{default:E(()=>[S(e.$slots,`group-label`,{item:n},()=>[v.showGroupIcon&&n.icon?(b(),f(r,{key:0,icon:n.icon,"aria-hidden":`true`},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,C(n.label),1)])]),_:2},1040),_(s,y({ref_for:!0},v.groupProps),{default:E(()=>[(b(!0),m(u,null,x(n.children,n=>(b(),f(o,y({key:n.value},{ref_for:!0},w(M),{item:n,side:v.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),g({_:2},[x(j.value,t=>({name:t,fn:E(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(b(),f(o,y({key:1,as:`div`},{ref_for:!0},w(M),{item:n,side:v.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),g({_:2},[x(j.value,t=>({name:t,fn:E(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};

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

@@ -0,0 +1,34 @@
+import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionsCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tree-menu/tree-menu-options-compact.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<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TreeMenuOptionsCompactProps<T> & {
+    onSelectDropdown?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    'group-label': (props: {
+      item: TreeMenuOptionData<T>;
+    }) => any;
+    item: (props: {
+      item: T;
+    }) => any;
+    'item-leading': (props: {
+      item: T;
+    }) => any;
+    'item-trailing': (props: {
+      item: T;
+    }) => any;
+  };
+  emit: (evt: "selectDropdown", value: string) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTreeMenuRootContext as t,useTreeMenuUi as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,watch as u}from"vue";const d=[`data-state`],f=a({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(a,{emit:f}){let p=a,m=f,h=n(`root`),g=e(()=>p.modelValue,e=>{m(`update:modelValue`,e)},p.defaultValue),_=e(()=>p.expanded,e=>{m(`update:expanded`,e??[])},p.defaultExpanded),v=e(()=>p.collapsed,e=>{m(`update:collapsed`,e??!1)},p.defaultCollapsed),y=r(()=>v.value?`collapsed`:`expanded`),b=null;return u(v,e=>{if(e){b=[..._.value??[]],_.value=[];return}b?.length&&(_.value=[...b],b=null)}),t({modelValue:g,expanded:_,collapsed:v}),(e,t)=>(s(),i(`div`,{class:o(l(h)),"data-state":y.value},[c(e.$slots,`default`)],10,d))}});export{f as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTreeMenuRootContext as t,useTreeMenuUi as n}from"./context.js";import{treeMenuCssVars as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=n(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),t=h.pxToRem(h.indent);return{[r.collapsedWidth]:`${e}rem`,[r.indent]:`${t}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),t({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};

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

@@ -18,7 +18,10 @@ declare const __VLS_base: _$vue.DefineComponent<TreeMenuRootProps, {}, {}, {}, {
   defaultValue: string;
   collapsed: boolean;
   defaultExpanded: string[];
+  indent: number;
   defaultCollapsed: boolean;
+  collapsedWidth: number;
+  pxToRem: (px: number) => number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../badge/badge-compact.js";import r from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as i,useTreeMenuUi as a}from"./context.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,mergeProps as m,normalizeClass as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b,withModifiers as x}from"vue";const S=p({name:`TreeMenuSlotCompact`,__name:`tree-menu-slot-compact`,props:{showLinkIcon:{type:Boolean},as:{},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(p){let S=p,{collapsed:C}=i(`TreeMenuCompactSlot`),w=a(),T=s(()=>!!S.item.children?.some(e=>!e.hidden)),E=s(()=>`Open ${S.item.label} actions`);return(i,a)=>(g(),u(o,null,[_(i.$slots,`item-leading`,{item:p.item},()=>[p.item.icon?(g(),c(e,{key:0,icon:p.item.icon,"aria-hidden":!0},null,8,[`icon`])):l(`v-if`,!0)]),_(i.$slots,`item`,{item:p.item},()=>[p.item.badge?(g(),c(n,m({key:0},p.item.badgeProps,{content:p.item.badge,class:y(w).itemBadge}),{default:b(()=>[d(`span`,{class:h(y(w).itemLabel)},v(p.item.label),3)]),_:1},16,[`content`,`class`])):(g(),u(`span`,{key:1,class:h(y(w).itemLabel)},v(p.item.label),3))]),p.showLinkIcon?(g(),c(e,{key:0,icon:`lucide:arrow-up-right`,class:h(y(w).itemLinkIcon),"aria-hidden":!0},null,8,[`class`])):l(`v-if`,!0),p.item.tag?(g(),u(`span`,m({key:1},p.item.tagProps,{class:y(w).itemTag}),v(p.item.tag),17)):l(`v-if`,!0),!y(C)&&p.item.actions?.length?(g(),c(r,m({key:2},p.item.actionMenuProps,{items:p.item.actions,onSelect:p.item.onActionSelect}),{trigger:b(()=>[f(t,{"aria-label":E.value,class:h(y(w).itemAction),disabled:p.item.disabled,onClick:a[0]||(a[0]=x(()=>{},[`stop`]))},{default:b(()=>[f(e,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):l(`v-if`,!0),_(i.$slots,`item-trailing`,{item:p.item}),T.value?(g(),c(e,{key:3,icon:`lucide:chevron-right`,class:h(y(w).collapsibleIcon),"aria-hidden":!0},null,8,[`class`])):l(`v-if`,!0)],64))}});export{S as default};

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

@@ -0,0 +1,28 @@
+import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionSlotCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tree-menu/tree-menu-slot-compact.vue.d.ts
+declare var __VLS_1: {
+    item: TreeMenuOptionData<TreeMenuBaseOptionData>;
+  }, __VLS_8: {
+    item: TreeMenuOptionData<TreeMenuBaseOptionData>;
+  }, __VLS_43: {
+    item: TreeMenuOptionData<TreeMenuBaseOptionData>;
+  };
+type __VLS_Slots = {} & {
+  'item-leading'?: (props: typeof __VLS_1) => any;
+} & {
+  item?: (props: typeof __VLS_8) => any;
+} & {
+  'item-trailing'?: (props: typeof __VLS_43) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TreeMenuOptionSlotCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TreeMenuOptionSlotCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuSub`,__name:`tree-menu-sub`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`sub`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),role:`group`},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuSub`,__name:`tree-menu-sub`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`sub`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,"data-soybean-tree-menu-sub":``,class:i(s(l))},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};