@soybeanjs/headless 0.29.0-beta.7 → 0.29.0-beta.8

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

@@ -1,28 +0,0 @@
-import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
-import { TreeVirtualizerItemProps } from "./types.js";
-//#region src/components/tree/tree-virtualizer-item.vue.d.ts
-declare var __VLS_14: {
-  isExpanded: boolean;
-  isSelected: boolean;
-  isIndeterminate: boolean | undefined;
-  hasChildren: boolean;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeVirtualizerItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  select: (event: TreeSelectEvent<string>) => any;
-  toggle: (event: TreeToggleEvent<string>) => any;
-}, string, import("vue").PublicProps, Readonly<TreeVirtualizerItemProps> & Readonly<{
-  onSelect?: ((event: TreeSelectEvent<string>) => any) | undefined;
-  onToggle?: ((event: TreeToggleEvent<string>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("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/tree-virtualizer-root.js

@@ -1 +0,0 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,"data-soybean-tree-virtualizer-root":``,items:t,options:o.options,height:o.height},{default:f(({virtualItems:r})=>[l(e.$slots,`default`,{virtualItems:r,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`])]),_:3},16))}});export{p as default};

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

@@ -1,29 +0,0 @@
-import { MaybeArray } from "../../types/common.js";
-import { FlattenedItem, TreeItemData, TreeVirtualizerRootProps } from "./types.js";
-
-//#region src/components/tree/tree-virtualizer-root.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: import("vue").PublicProps & __VLS_PrettifyLocal<TreeVirtualizerRootProps<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 {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    default?: (props: {
-      virtualItems: import("@tanstack/vue-virtual").VirtualItem[];
-      flattenItems: 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);
-}>) => import("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/types.d.ts

@@ -1,169 +0,0 @@
-import { Direction, MaybeArray } from "../../types/common.js";
-import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
-import { PrimitiveWithBaseProps } from "../primitive/types.js";
-import { VirtualizerItemProps, VirtualizerRootProps } from "../virtualizer/types.js";
-import { ComputedRef, ShallowRef } from "vue";
-//#region src/components/tree/types.d.ts
-/**
- * Type information for TreeItemBaseData.
- */
-interface TreeItemBaseData {
-  /** Value given to this item */
-  value: string;
-  /** When `true`, prevents the user from interacting with the item. */
-  disabled?: boolean;
-}
-/**
- * Type information for TreeItemData.
- */
-type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
-  /** List of children items */children?: TreeItemData<T>[];
-};
-/**
- * Type information for TreeSelectBehavior.
- */
-type TreeSelectBehavior = 'toggle' | 'replace';
-/**
- * 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;
-/**
- * Properties for the TreeRoot component.
- */
-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?: U;
-  /** Determines whether a "single" or "multiple" items can be selected at a time. */
-  multiple?: IsMultiple<U, M>;
-  /** List of items */
-  items?: T[];
-  /** The controlled value of the expanded item. Can be bound-with with `v-model`. */
-  expanded?: string[];
-  /** The value of the expanded tree when initially rendered. */
-  defaultExpanded?: string[];
-  /** How multiple selection should behave in the collection. */
-  selectionBehavior?: TreeSelectBehavior;
-  /**
-   * Determines whether a "single" or "multiple" items can be toggled at a time.
-   *
-   * @defaultValue 'multiple'
-   * */
-  toggleBehavior?: TreeToggleBehavior;
-  /** The reading direction. */
-  dir?: Direction;
-  /**
-   * When `true`, keyboard navigation will loop from last item to first, and vice versa.
-   *
-   * @defaultValue true
-   */
-  loop?: boolean;
-  /** When `true`, prevents the user from interacting with tree */
-  disabled?: boolean;
-  /** When `true`, selecting parent will select the descendants. */
-  propagateSelect?: boolean;
-  /** When `true`, selecting children will update the parent state. */
-  bubbleSelect?: boolean;
-  /** When `true`, parent can be selected. */
-  allowParentSelect?: boolean;
-}
-/**
- * Events for the TreeRoot component.
- */
-type TreeRootEmits<M extends boolean | undefined> = {
-  /**
-   * Emitted when the model value changes.
-   */
-  'update:modelValue': [value: M extends true ? string[] : string];
-  /**
-   * Emitted when the expanded state changes.
-   */
-  'update:expanded': [value: string[]];
-};
-/**
- * Type information for FlattenedItem.
- */
-type FlattenedItem<T extends TreeItemData> = {
-  /**
-   * Id.
-   */
-  _id: string;
-  /**
-   * Index of the current item.
-   */
-  index: number;
-  /**
-   * Value associated with the current item.
-   */
-  value: string;
-  /**
-   * Data.
-   */
-  data: T;
-  /**
-   * Level.
-   */
-  level: number;
-  /**
-   * Whether the component has children.
-   */
-  hasChildren: boolean;
-  /**
-   * Parent.
-   */
-  parent?: T;
-  /**
-   * Bind.
-   */
-  bind: {
-    data: T;
-    level: number;
-    [key: string]: any;
-  };
-};
-/**
- * Properties for the TreeItem component.
- */
-interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
-  /**
-   * Value associated with the current item.
-   */
-  value: string;
-  /**
-   * Level.
-   */
-  level: number;
-  /** When `true`, prevents the user from selecting or toggling the item. */
-  disabled?: boolean;
-  /** When `true`, prevents the user from selecting the item. */
-  disabledSelect?: boolean;
-  /** When `true`, prevents the user from toggling the item. */
-  disabledToggle?: boolean;
-}
-/**
- * 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>];
-};
-/**
- * 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'> {}
-/**
- * Events for the TreeVirtualizerRoot component.
- */
-type TreeVirtualizerRootEmits<M extends boolean | undefined> = TreeRootEmits<M>;
-/**
- * Properties for the TreeVirtualizerItem component.
- */
-interface TreeVirtualizerItemProps extends TreeItemProps, VirtualizerItemProps {}
-/**
- * Events for the TreeVirtualizerItem component.
- */
-type TreeVirtualizerItemEmits = TreeItemEmits;
-//#endregion
-export { FlattenedItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps };

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

@@ -1,24 +0,0 @@
-import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import { TreeMenuRootContextParams, TreeMenuUiSlot } from "./types.js";
-//#region src/components/tree-menu/context.d.ts
-declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) => {
-    onModelValueChange: (value: string) => void;
-    onExpandedChange: (value: string[]) => void;
-    onExpandedToggle: (value: string) => void;
-    onCollapsedChange: (value: boolean) => void;
-    modelValue: import("vue").ShallowRef<string>;
-    expanded: import("vue").ShallowRef<string[]>;
-    collapsed: import("vue").ShallowRef<boolean>;
-  }, useTreeMenuRootContext: import("@soybeanjs/hooks").ContextConsumer<{
-    onModelValueChange: (value: string) => void;
-    onExpandedChange: (value: string[]) => void;
-    onExpandedToggle: (value: string) => void;
-    onCollapsedChange: (value: boolean) => void;
-    modelValue: import("vue").ShallowRef<string>;
-    expanded: import("vue").ShallowRef<string[]>;
-    collapsed: import("vue").ShallowRef<boolean>;
-  }>;
-declare const provideTreeMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>, useTreeMenuUi: UseUiConsumer<TreeMenuUiSlot>;
-//#endregion
-export { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

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

@@ -1 +0,0 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as n}from"../collapsible/context.js";import{computed as r}from"vue";const[i,a]=e(`TreeMenuRoot`,e=>{let{modelValue:t,expanded:n,collapsed:r}=e,i=e=>{t.value=e},a=e=>{n.value=e},o=e=>{n.value.includes(e)?n.value=n.value.filter(t=>t!==e):n.value=[...n.value,e]},s=e=>{r.value=e};return{...e,onModelValueChange:i,onExpandedChange:a,onExpandedToggle:o,onCollapsedChange:s}}),[o,s]=e(`TreeMenuItem`),[c,l]=t(`TreeMenuUi`,e=>(n(r(()=>({root:e.value.collapsibleRoot,trigger:e.value.collapsibleTrigger,content:e.value.collapsibleContent}))),e));export{o as provideTreeMenuItemContext,i as provideTreeMenuRootContext,c as provideTreeMenuUi,s as useTreeMenuItemContext,a as useTreeMenuRootContext,l as useTreeMenuUi};

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

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

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

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

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

@@ -1,17 +0,0 @@
-import { TreeMenuButtonProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-button.vue.d.ts
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-collapsible.js

@@ -1 +0,0 @@
-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-collapsible.vue.d.ts

@@ -1,21 +0,0 @@
-import { TreeMenuCollapsibleProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-collapsible.vue.d.ts
-declare var __VLS_16: {}, __VLS_18: {}, __VLS_26: {};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  extra?: (props: typeof __VLS_18) => any;
-} & {
-  default?: (props: typeof __VLS_26) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuCollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuCollapsibleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-compact.js

@@ -1 +0,0 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-menu-options-compact.js";import r from"./tree-menu-root.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,createVNode 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{keysOf as b}from"@soybeanjs/utils";const x=l({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(l,{emit:x}){let S=l,C=x,w=v(),T=t(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=t(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=e(C),O=i(()=>b(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(p(),a(r,d(_(T),g(_(D))),{default:y(()=>[h(e.$slots,`top`),c(n,d(_(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),s({_:2},[m(O.value,t=>({name:t,fn:y(n=>[o(` @vue-expect-error ignore slot type `),h(e.$slots,t,f(u(n)))])}))]),1040),h(e.$slots,`bottom`)]),_:3},16))}});export{x as default};

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

@@ -1,23 +0,0 @@
-import { TreeMenuBaseOptionData, TreeMenuCompactProps, TreeMenuCompactSlots } from "./types.js";
-
-//#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: import("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);
-}>) => import("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 +0,0 @@
-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-label.vue.d.ts

@@ -1,17 +0,0 @@
-import { TreeMenuGroupLabelProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-group-label.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-group-root.js

@@ -1 +0,0 @@
-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-root.vue.d.ts

@@ -1,17 +0,0 @@
-import { TreeMenuGroupRootProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-group-root.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuGroupRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuGroupRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-group.js

@@ -1 +0,0 @@
-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-group.vue.d.ts

@@ -1,20 +0,0 @@
-import { AsTag } from "../primitive/types.js";
-import { TreeMenuGroupProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-group.vue.d.ts
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuGroupProps> & Readonly<{}>, {
-  as: AsTag | import("vue").Component;
-}, {}, {}, {}, string, import("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-item.js

@@ -1 +0,0 @@
-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-item.vue.d.ts

@@ -1,20 +0,0 @@
-import { AsTag } from "../primitive/types.js";
-import { TreeMenuItemProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-item.vue.d.ts
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuItemProps> & Readonly<{}>, {
-  as: AsTag | import("vue").Component;
-}, {}, {}, {}, string, import("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-option-compact.js

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

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

@@ -1,32 +0,0 @@
-import { AsTag } from "../primitive/types.js";
-import { TreeMenuBaseOptionData, TreeMenuOptionCompactProps } from "./types.js";
-
-//#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: import("vue").DefineComponent<TreeMenuOptionCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  selectDropdown: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<TreeMenuOptionCompactProps> & Readonly<{
-  onSelectDropdown?: ((value: string) => any) | undefined;
-}>, {
-  as: AsTag;
-}, {}, {}, {}, string, import("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

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

@@ -1,33 +0,0 @@
-import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionsCompactProps } from "./types.js";
-
-//#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: import("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;
-}>) => import("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 +0,0 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{treeMenuCssVars as t}from"./shared.js";import{provideTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.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,_=r(`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),n=h.pxToRem(h.indent);return{[t.collapsedWidth]:`${e}rem`,[t.indent]:`${n}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),n({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

@@ -1,33 +0,0 @@
-import { TreeMenuRootProps } from "./types.js";
-
-//#region src/components/tree-menu/tree-menu-root.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
-  "update:expanded": (value: string[]) => any;
-  "update:collapsed": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<TreeMenuRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
-}>, {
-  defaultValue: string;
-  defaultExpanded: string[];
-  collapsed: boolean;
-  indent: number;
-  pxToRem: (px: number) => number;
-  defaultCollapsed: boolean;
-  collapsedWidth: number;
-}, {}, {}, {}, string, import("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-slot-compact.js

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