@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -1 +1 @@
-import e from"../_icon/icon.js";import{provideBadgeUi as t}from"../badge/context.js";import n from"../badge/badge-compact.js";import{useTreeMenuUi as r}from"./context.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=u({name:`TreeMenuSlotCompact`,__name:`tree-menu-slot-compact`,props:{showLinkIcon:{type:Boolean},as:{},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(u){let v=u,y=r(),b=a(()=>!!v.item.children?.some(e=>!e.hidden)),x=a(()=>({root:y.value?.badgeRoot,content:y.value?.badgeContent}));return t(x),(t,r)=>(p(),c(i,null,[m(t.$slots,`item-leading`,{item:u.item},()=>[u.item.icon?(p(),o(e,{key:0,icon:u.item.icon,"aria-hidden":!0},null,8,[`icon`])):s(`v-if`,!0)]),m(t.$slots,`item`,{item:u.item},()=>[u.item.badge?(p(),o(n,d({key:0},u.item.badgeProps,{content:u.item.badge}),{default:_(()=>[l(`span`,{class:f(g(y).itemLabel)},h(u.item.label),3)]),_:1},16,[`content`])):(p(),c(`span`,{key:1,class:f(g(y).itemLabel)},h(u.item.label),3))]),u.showLinkIcon?(p(),o(e,{key:0,icon:`lucide:arrow-up-right`,class:f(g(y).itemLinkIcon),"aria-hidden":!0},null,8,[`class`])):s(`v-if`,!0),u.item.tag?(p(),c(`span`,d({key:1},u.item.tagProps,{class:g(y).itemTag}),h(u.item.tag),17)):s(`v-if`,!0),m(t.$slots,`item-trailing`,{item:u.item}),b.value?(p(),o(e,{key:2,icon:`lucide:chevron-right`,class:f(g(y).collapsibleIcon),"aria-hidden":!0},null,8,[`class`])):s(`v-if`,!0)],64))}});export{v as default};
+import e from"../_icon/icon.js";import{provideBadgeUi as t}from"../badge/context.js";import n from"../badge/badge-compact.js";import{useTreeMenuUi as r}from"./context.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=u({name:`TreeMenuSlotCompact`,__name:`tree-menu-slot-compact`,props:{showLinkIcon:{type:Boolean},as:{},item:{},side:{},selectedPaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(u){let v=u,y=r(),b=a(()=>!!v.item.children?.some(e=>!e.hidden)),x=a(()=>({root:y.value?.badgeRoot,content:y.value?.badgeContent}));return t(x),(t,r)=>(p(),c(i,null,[m(t.$slots,`item-leading`,{item:u.item},()=>[u.item.icon?(p(),o(e,{key:0,icon:u.item.icon,"aria-hidden":!0},null,8,[`icon`])):s(`v-if`,!0)]),m(t.$slots,`item`,{item:u.item},()=>[u.item.badge?(p(),o(n,d({key:0},u.item.badgeProps,{content:u.item.badge}),{default:_(()=>[l(`span`,{class:f(g(y).itemLabel)},h(u.item.label),3)]),_:1},16,[`content`])):(p(),c(`span`,{key:1,class:f(g(y).itemLabel)},h(u.item.label),3))]),u.showLinkIcon?(p(),o(e,{key:0,icon:`lucide:arrow-up-right`,class:f(g(y).itemLinkIcon),"aria-hidden":!0},null,8,[`class`])):s(`v-if`,!0),u.item.tag?(p(),c(`span`,d({key:1},u.item.tagProps,{class:g(y).itemTag}),h(u.item.tag),17)):s(`v-if`,!0),m(t.$slots,`item-trailing`,{item:u.item}),b.value?(p(),o(e,{key:2,icon:`lucide:chevron-right`,class:f(g(y).collapsibleIcon),"aria-hidden":!0},null,8,[`class`])):s(`v-if`,!0)],64))}});export{v as 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,"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};
+import{Primitive as e}from"../primitive/primitive.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)),role:`group`},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{providePopperUi as t}from"../popper/context.js";import n from"../tooltip/tooltip-compact.js";import{useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock 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:`TreeMenuTooltipCompact`,__name:`tree-menu-tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(o,{emit:p}){let m=o,h=e(p),g=r(),_=i(()=>({positioner:g.value?.tooltipPositioner,popup:g.value?.tooltipPopup,arrow:g.value?.tooltipArrow}));return t(_),(e,t)=>(c(),a(n,s(m,u(d(h))),{trigger:f(()=>[l(e.$slots,`trigger`)]),default:f(()=>[l(e.$slots,`default`)]),_:3},16))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{providePopperUi as t}from"../popper/context.js";import{useTreeMenuUi as n}from"./context.js";import r from"../tooltip/tooltip-compact.js";import{computed as i,createBlock 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:`TreeMenuTooltipCompact`,__name:`tree-menu-tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},modal:{type:Boolean},disabled:{type:Boolean},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(o,{emit:p}){let m=o,h=e(p),g=n(),_=i(()=>({positioner:g.value?.tooltipPositioner,popup:g.value?.tooltipPopup,arrow:g.value?.tooltipArrow}));return t(_),(e,t)=>(c(),a(r,s(m,u(d(h))),{trigger:f(()=>[l(e.$slots,`trigger`)]),default:f(()=>[l(e.$slots,`default`)]),_:3},16))}});export{p as default};

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

@@ -9,22 +9,24 @@ import { BadgeCompactProps } from "../badge/types.js";
 import { TooltipCompactProps } from "../tooltip/types.js";
 import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuCompactProps } from "../dropdown-menu/types.js";
+import { TreeNavigationNode } from "../../shared/tree-navigation.js";
+import "../../shared/index.js";
 import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/tree-menu/types.d.ts
 /**
  * State values for TreeMenuCollapsedState.
  */
-type TreeMenuCollapsedState = 'expanded' | 'collapsed';
+export type TreeMenuCollapsedState = 'expanded' | 'collapsed';
 /**
  * Expand strategy of the TreeMenu component.
  */
-type TreeMenuExpandStrategy = 'keep' | 'active';
+export type TreeMenuExpandStrategy = 'keep' | 'selected';
 /**
  * Properties for the TreeMenuRoot component.
  */
-interface TreeMenuRootProps {
+export interface TreeMenuRootProps {
   /**
-   * the active value of the tree menu. can be bound-with with `v-model`.
+   * the selected value of the tree menu. can be bound-with with `v-model`.
    */
   modelValue?: string;
   /**
@@ -43,7 +45,7 @@ interface TreeMenuRootProps {
    * The expand strategy of the tree menu.
    *
    * - `keep`: keep the current expanded state; manually expanded or collapsed menus are not affected by activating other menus.
-   * - `active`: only expand the currently active menu and all its ancestor menus; non-active menus are collapsed when the active menu changes.
+   * - `selected`: only expand the currently selected menu and all its ancestor menus; non-selected menus are collapsed when the selected menu changes.
    *
    * @default 'keep'
    */
@@ -82,7 +84,7 @@ interface TreeMenuRootProps {
 /**
  * Events for the TreeMenuRoot component.
  */
-type TreeMenuRootEmits = {
+export type TreeMenuRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -99,19 +101,19 @@ type TreeMenuRootEmits = {
 /**
  * Properties for the TreeMenuGroupRoot component.
  */
-interface TreeMenuGroupRootProps extends BaseProps {}
+export interface TreeMenuGroupRootProps extends BaseProps {}
 /**
  * Properties for the TreeMenuGroup component.
  */
-interface TreeMenuGroupProps extends PrimitiveWithBaseProps {}
+export interface TreeMenuGroupProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the TreeMenuGroupLabel component.
  */
-interface TreeMenuGroupLabelProps extends BaseProps {}
+export interface TreeMenuGroupLabelProps extends BaseProps {}
 /**
  * Properties for the TreeMenuBaseItem component.
  */
-interface TreeMenuBaseItemProps {
+export interface TreeMenuBaseItemProps {
   /**
    * The unique value of the item.
    */
@@ -124,22 +126,22 @@ interface TreeMenuBaseItemProps {
 /**
  * Properties for the TreeMenuItem component.
  */
-interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveWithBaseProps {}
+export interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveWithBaseProps {}
 /**
  * Properties for the TreeMenuButton component.
  */
-interface TreeMenuButtonProps extends ButtonProps {
+export interface TreeMenuButtonProps extends ButtonProps {
   /**
-   * When `true`, prevents the user from activating the item.
+   * When `true`, prevents the user from selecting the item.
    *
    * @default false
    */
-  disabledActive?: boolean;
+  disabledSelect?: boolean;
 }
 /**
  * Properties for the TreeMenuCollapsible component.
  */
-interface TreeMenuCollapsibleProps extends PrimitiveWithBaseProps {
+export interface TreeMenuCollapsibleProps extends PrimitiveWithBaseProps {
   /**
    * When `true`, prevents the user from activating the collapsible trigger.
    */
@@ -148,11 +150,11 @@ interface TreeMenuCollapsibleProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the TreeMenuSub component.
  */
-interface TreeMenuSubProps extends PrimitiveWithBaseProps {}
+export interface TreeMenuSubProps extends PrimitiveWithBaseProps {}
 /**
  * Option data for the TreeMenu component.
  */
-interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
+export interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * Whether the option is a top-level group.
    */
@@ -192,7 +194,7 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * Properties forwarded to the collapsed dropdown menu.
    */
-  dropdownMenuProps?: Omit<DropdownMenuCompactProps<string>, 'activeValue' | 'items'>;
+  dropdownMenuProps?: Omit<DropdownMenuCompactProps<string>, 'selectedValue' | 'items'>;
   /**
    * Action items rendered at the end of the option.
    */
@@ -200,7 +202,7 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * Properties forwarded to the action dropdown menu.
    */
-  actionMenuProps?: Omit<DropdownMenuCompactProps, 'activeValue' | 'items'>;
+  actionMenuProps?: Omit<DropdownMenuCompactProps, 'selectedValue' | 'items'>;
   /**
    * Callback invoked when an action is selected.
    */
@@ -209,7 +211,7 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
 /**
  * Recursive option data for the TreeMenu component.
  */
-type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = Omit<T, 'children'> & {
+export type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = Omit<T, 'children'> & {
   /**
    * Child options.
    */
@@ -218,7 +220,7 @@ type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
 /**
  * Properties for the TreeMenuOptionCompact component.
  */
-interface TreeMenuOptionCompactProps {
+export interface TreeMenuOptionCompactProps {
   /**
    * Rendered element tag.
    */
@@ -232,9 +234,9 @@ interface TreeMenuOptionCompactProps {
    */
   side?: HorizontalSide;
   /**
-   * The active paths of the tree menu, used to determine whether the current item is active or has active descendants.
+   * The selected paths of the tree menu, used to determine whether the current item is selected or has selected descendants.
    */
-  activePaths?: string[];
+  selectedPaths?: string[];
   /**
    * Properties forwarded to the item element.
    */
@@ -259,7 +261,7 @@ interface TreeMenuOptionCompactProps {
 /**
  * Events for the TreeMenuOptionCompact component.
  */
-type TreeMenuOptionCompactEmits = {
+export type TreeMenuOptionCompactEmits = {
   /**
    * Emitted when select dropdown occurs.
    */
@@ -268,7 +270,7 @@ type TreeMenuOptionCompactEmits = {
 /**
  * Slot properties for the TreeMenuOptionCompact component.
  */
-interface TreeMenuOptionSlotCompactProps extends TreeMenuOptionCompactProps {
+export interface TreeMenuOptionSlotCompactProps extends TreeMenuOptionCompactProps {
   /**
    * Whether to show the link icon.
    */
@@ -277,7 +279,7 @@ interface TreeMenuOptionSlotCompactProps extends TreeMenuOptionCompactProps {
 /**
  * Properties for the TreeMenuOptionsCompact component.
  */
-interface TreeMenuOptionsCompactProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Pick<TreeMenuOptionCompactProps, 'side' | 'itemProps' | 'buttonProps' | 'linkProps' | 'collapsibleProps' | 'subProps'> {
+export interface TreeMenuOptionsCompactProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Pick<TreeMenuOptionCompactProps, 'side' | 'itemProps' | 'buttonProps' | 'linkProps' | 'collapsibleProps' | 'subProps'> {
   /**
    * Items rendered by the component.
    */
@@ -304,19 +306,19 @@ interface TreeMenuOptionsCompactProps<T extends TreeMenuBaseOptionData = TreeMen
 /**
  * Events for the TreeMenuOptionsCompact component.
  */
-type TreeMenuOptionsCompactEmits = TreeMenuOptionCompactEmits;
+export type TreeMenuOptionsCompactEmits = TreeMenuOptionCompactEmits;
 /**
  * Properties for the TreeMenuCompact component.
  */
-interface TreeMenuCompactProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsCompactProps<T> {}
+export interface TreeMenuCompactProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsCompactProps<T> {}
 /**
  * Events for the TreeMenuCompact component.
  */
-type TreeMenuCompactEmits = TreeMenuRootEmits & TreeMenuOptionsCompactEmits;
+export type TreeMenuCompactEmits = TreeMenuRootEmits & TreeMenuOptionsCompactEmits;
 /**
  * Slots for the TreeMenuCompact component.
  */
-type TreeMenuCompactSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = {
+export type TreeMenuCompactSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = {
   /**
    * Custom content rendered before the options.
    */
@@ -353,7 +355,7 @@ type TreeMenuCompactSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionD
 /**
  * Parameters used to create the TreeMenuRoot context.
  */
-interface TreeMenuRootContextParams {
+export interface TreeMenuRootContextParams {
   /**
    * Current model value.
    */
@@ -370,14 +372,22 @@ interface TreeMenuRootContextParams {
    * Expand strategy used by the component context.
    */
   expandStrategy: ComputedRef<TreeMenuExpandStrategy>;
+  /**
+   * Flattened visible tree used to resolve horizontal navigation keys. Owned by
+   * the root; the options compact publishes it via `setNavigationNodes`.
+   */
+  navigationNodes: ShallowRef<TreeNavigationNode[]>;
+  /**
+   * Publish the flattened visible tree for keyboard navigation.
+   */
+  setNavigationNodes(nodes: TreeNavigationNode[]): void;
 }
 /**
  * Available UI slots for the TreeMenu component.
  */
-type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'itemLabel' | 'itemAbsolute' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon' | 'sub' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent' | 'tooltipPositioner' | 'tooltipPopup' | 'tooltipArrow' | 'badgeRoot' | 'badgeContent';
+export type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'itemLabel' | 'itemAbsolute' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon' | 'sub' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent' | 'tooltipPositioner' | 'tooltipPopup' | 'tooltipArrow' | 'badgeRoot' | 'badgeContent';
 /**
  * UI class overrides for the TreeMenu component.
  */
-type TreeMenuUi = UiClass<TreeMenuUiSlot>;
-//#endregion
-export { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuExpandStrategy, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };
+export type TreeMenuUi = UiClass<TreeMenuUiSlot>;
+//#endregion

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

@@ -0,0 +1,68 @@
+import { Direction, Placement, UiClass } from "../../types/common.js";
+import { ContextConsumerFn } from "../../composables/use-context.js";
+import { LinkExtraProps } from "../link/types.js";
+import { PopperArrowProps, PopperPortalProps } from "../popper/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import "../popper/index.js";
+import { MenuGroupLabelProps, MenuItemProps, MenuPopupProps, MenuShortcutProps, MenuSubContentProps, MenuSubTriggerProps } from "../menu/types.js";
+import "../menu/index.js";
+import { DropdownMenuTriggerProps, DropdownMenuTriggerType } from "../dropdown-menu/types.js";
+import "../dropdown-menu/index.js";
+import "../link/index.js";
+import { TreeNavOptionData, TreeNavRootContextParams, TreeNavUiSlot } from "./types.js";
+import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
+//#region src/components/tree-nav/context.d.ts
+declare const provideTreeNavRootContext: (params: TreeNavRootContextParams) => {
+  selected: import("vue").ComputedRef<string | undefined>;
+  onSelect(item: TreeNavOptionData, event: Event): void;
+  openValue: import("vue").ComputedRef<string | undefined>;
+  onBranchOpenChange(value: string, isOpen: boolean): void;
+  onPopupArrowNavigation(value: string, event: KeyboardEvent): void;
+  dir: import("vue").ComputedRef<Direction | undefined>;
+  disabled: import("vue").ComputedRef<boolean | undefined>;
+  delayDuration: import("vue").ComputedRef<number | undefined>;
+  skipDelayDuration: import("vue").ComputedRef<number | undefined>;
+  placement: import("vue").ComputedRef<Placement | undefined>;
+  showArrow: import("vue").ComputedRef<boolean | undefined>;
+  triggerProps: import("vue").ComputedRef<DropdownMenuTriggerProps | undefined>;
+  portalProps: import("vue").ComputedRef<PopperPortalProps | undefined>;
+  popupProps: import("vue").ComputedRef<MenuPopupProps | undefined>;
+  arrowProps: import("vue").ComputedRef<PopperArrowProps | undefined>;
+  trigger: import("vue").ComputedRef<DropdownMenuTriggerType | undefined>;
+  itemProps: import("vue").ComputedRef<MenuItemProps | undefined>;
+  groupLabelProps: import("vue").ComputedRef<MenuGroupLabelProps | undefined>;
+  shortcutProps: import("vue").ComputedRef<MenuShortcutProps | undefined>;
+  separatorProps: import("vue").ComputedRef<SeparatorRootProps | undefined>;
+  linkProps: import("vue").ComputedRef<LinkExtraProps | undefined>;
+  subTriggerProps: import("vue").ComputedRef<MenuSubTriggerProps | undefined>;
+  subContentProps: import("vue").ComputedRef<MenuSubContentProps | undefined>;
+}, useTreeNavRootContext: ContextConsumerFn<{
+  selected: import("vue").ComputedRef<string | undefined>;
+  onSelect(item: TreeNavOptionData, event: Event): void;
+  openValue: import("vue").ComputedRef<string | undefined>;
+  onBranchOpenChange(value: string, isOpen: boolean): void;
+  onPopupArrowNavigation(value: string, event: KeyboardEvent): void;
+  dir: import("vue").ComputedRef<Direction | undefined>;
+  disabled: import("vue").ComputedRef<boolean | undefined>;
+  delayDuration: import("vue").ComputedRef<number | undefined>;
+  skipDelayDuration: import("vue").ComputedRef<number | undefined>;
+  placement: import("vue").ComputedRef<Placement | undefined>;
+  showArrow: import("vue").ComputedRef<boolean | undefined>;
+  triggerProps: import("vue").ComputedRef<DropdownMenuTriggerProps | undefined>;
+  portalProps: import("vue").ComputedRef<PopperPortalProps | undefined>;
+  popupProps: import("vue").ComputedRef<MenuPopupProps | undefined>;
+  arrowProps: import("vue").ComputedRef<PopperArrowProps | undefined>;
+  trigger: import("vue").ComputedRef<DropdownMenuTriggerType | undefined>;
+  itemProps: import("vue").ComputedRef<MenuItemProps | undefined>;
+  groupLabelProps: import("vue").ComputedRef<MenuGroupLabelProps | undefined>;
+  shortcutProps: import("vue").ComputedRef<MenuShortcutProps | undefined>;
+  separatorProps: import("vue").ComputedRef<SeparatorRootProps | undefined>;
+  linkProps: import("vue").ComputedRef<LinkExtraProps | undefined>;
+  subTriggerProps: import("vue").ComputedRef<MenuSubTriggerProps | undefined>;
+  subContentProps: import("vue").ComputedRef<MenuSubContentProps | undefined>;
+}>;
+declare const provideTreeNavUi: (ui: import("vue").ComputedRef<Partial<UiClass<TreeNavUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TreeNavUiSlot>>>, useTreeNavUi: UseUiConsumer<TreeNavUiSlot>;
+//#endregion
+export { provideTreeNavRootContext, provideTreeNavUi };

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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{provideMenuUi as n}from"../menu/context.js";const[r,i]=e(`TreeNavRoot`,e=>({...e})),[a,o]=t(`TreeNavUi`,e=>(n(e),e));export{r as provideTreeNavRootContext,a as provideTreeNavUi,i as useTreeNavRootContext,o as useTreeNavUi};

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

@@ -0,0 +1,8 @@
+import { TreeNavBaseOptionData, TreeNavCompactEmits, TreeNavCompactProps, TreeNavCompactSlots, TreeNavMoreEntry, TreeNavOptionCompactProps, TreeNavOptionData, TreeNavOptionsCompactProps, TreeNavOptionsCompactSlots, TreeNavOverflowProps, TreeNavRootEmits, TreeNavRootProps, TreeNavRootSlots, TreeNavUi, TreeNavUiSlot } from "./types.js";
+import _default$4 from "./tree-nav-root.vue.js";
+import _default$3 from "./tree-nav-overflow.vue.js";
+import _default$1 from "./tree-nav-option-compact.vue.js";
+import _default$2 from "./tree-nav-options-compact.vue.js";
+import _default from "./tree-nav-compact.vue.js";
+import { provideTreeNavRootContext, provideTreeNavUi } from "./context.js";
+export { type TreeNavBaseOptionData, _default as TreeNavCompact, type TreeNavCompactEmits, type TreeNavCompactProps, type TreeNavCompactSlots, type TreeNavMoreEntry, _default$1 as TreeNavOptionCompact, type TreeNavOptionCompactProps, type TreeNavOptionData, _default$2 as TreeNavOptionsCompact, type TreeNavOptionsCompactProps, type TreeNavOptionsCompactSlots, _default$3 as TreeNavOverflow, type TreeNavOverflowProps, _default$4 as TreeNavRoot, type TreeNavRootEmits, type TreeNavRootProps, type TreeNavRootSlots, type TreeNavUi, type TreeNavUiSlot, provideTreeNavRootContext, provideTreeNavUi };

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

@@ -0,0 +1 @@
+import{provideTreeNavRootContext as e,provideTreeNavUi as t}from"./context.js";import n from"./tree-nav-root.js";import r from"./tree-nav-overflow.js";import i from"./tree-nav-option-compact.js";import a from"./tree-nav-options-compact.js";import o from"./tree-nav-compact.js";export{o as TreeNavCompact,i as TreeNavOptionCompact,a as TreeNavOptionsCompact,r as TreeNavOverflow,n as TreeNavRoot,e as provideTreeNavRootContext,t as provideTreeNavUi};

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

@@ -0,0 +1 @@
+import{computed as e,mergeProps as t}from"vue";const n=e=>!!e.children?.length,r=e=>!!(e.to||e.href),i=`data-soybean-tree-nav`,a=`__soybean-tree-nav-more__`;function o(e){e.target?.closest?.(`[data-soybean-tree-nav]`)&&e.preventDefault()}function s(e){return e?e.filter(e=>!e.hidden).map(e=>e.children?.length?{...e,children:s(e.children)}:e):[]}function c(e,t,n){return{...t,disabled:n||t?.disabled,to:e.to,href:e.href,target:e.target,external:e.external}}function l(e){return(t,n)=>e(t,n)}function u(n,r){let{openValue:i,onBranchOpenChange:a,onPopupArrowNavigation:s,selected:c,dir:l,trigger:u,delayDuration:d,skipDelayDuration:f,placement:p,showArrow:m,portalProps:h,popupProps:g,triggerProps:_,arrowProps:v,itemProps:y,linkProps:b,groupLabelProps:x,shortcutProps:S,separatorProps:C,subTriggerProps:w,subContentProps:T}=n;return e(()=>({dir:l.value,trigger:u.value,delayDuration:d.value,skipDelayDuration:f.value,placement:p.value,showArrow:m.value,portalProps:h.value,popupProps:t({...g.value},{onKeydown:e=>s(r(),e)}),triggerProps:_.value,arrowProps:v.value,contentProps:{onFocusOutside:o,onPointerDownOutside:o},selectedValue:c.value,itemProps:y.value,linkProps:b.value,groupLabelProps:x.value,shortcutProps:S.value,separatorProps:C.value,subTriggerProps:w.value,subContentProps:t({...T.value},{onKeydown:e=>s(r(),e)}),open:i.value===r(),"onUpdate:open":e=>a(r(),e)}))}export{i as TREE_NAV_DATA_ATTRIBUTE,a as TREE_NAV_MORE_VALUE,c as buildTreeNavLinkProps,u as createTreeNavBranchPopupBind,l as createTreeNavPopupSelectHandler,s as filterHiddenTreeNavOptions,n as hasChildren,r as isLinkItem};

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

@@ -0,0 +1 @@
+import{keysOf as e}from"../../shared/guard.js";import{isClient as t}from"../../shared/env.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{useOmitProps as i}from"../../composables/use-props.js";import{filterHiddenTreeNavOptions as a}from"./shared.js";import o from"./tree-nav-root.js";import s from"./tree-nav-overflow.js";import c from"./tree-nav-options-compact.js";import{computed as l,createBlock as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,nextTick as g,normalizeProps as _,onMounted as v,openBlock as y,renderList as b,renderSlot as x,shallowRef as S,toHandlers as C,unref as w,useAttrs as T,useSlots as E,watch as D,withCtx as O}from"vue";import{useResizeObserver as k}from"@vueuse/core";const A=p({name:`TreeNavCompact`,inheritAttrs:!1,__name:`tree-nav-compact`,props:{collapsible:{type:Boolean},modelValue:{},defaultValue:{},dir:{},trigger:{},delayDuration:{},skipDelayDuration:{},placement:{},showArrow:{type:Boolean},disabled:{type:Boolean},linkProps:{},itemProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},subTriggerProps:{},subContentProps:{},portalProps:{},popupProps:{},triggerProps:{},arrowProps:{},asChild:{type:Boolean},as:{},items:{},moreItems:{},moreLabel:{},moreIcon:{},moreProps:{}},emits:[`update:modelValue`,`select`],setup(p,{emit:A}){let j=p,M=A,N=E(),P=T(),F=i(j,[`items`,`collapsible`,`moreLabel`,`moreIcon`,`moreProps`],P),I=r(M),L=l(()=>e(N).filter(e=>e!==`more-trigger`)),[R,z]=n(),B=S(0),V=l(()=>a(j.items)),H=l(()=>Math.min(B.value,V.value.length)),U=l(()=>V.value.slice(0,V.value.length-H.value)),W=l(()=>V.value.slice(V.value.length-H.value)),G=!1,K=!1;function q(e){let t=e.querySelector(`[data-soybean-tree-nav]`);return t?t.scrollWidth>e.clientWidth:!1}async function J(){if(t){if(G){K=!0;return}G=!0;try{let e=R.value;if(!e)return;for(await g();B.value>0;)if(--B.value,await g(),q(e)){B.value+=1,await g();break}for(;B.value<V.value.length&&q(e);)B.value+=1,await g()}finally{G=!1,K&&(K=!1,J())}}}return k(R,()=>{j.collapsible&&J()}),D(V,()=>{j.collapsible&&(B.value=0,J())}),D(()=>j.collapsible,e=>{e&&J()}),v(()=>{j.collapsible&&J()}),(e,t)=>p.collapsible?(y(),u(s,{key:0,ref:w(z)},{default:O(()=>[f(o,h(w(F),C(w(I))),{default:O(()=>[f(c,{items:U.value,"more-items":W.value,"more-label":p.moreLabel,"more-icon":p.moreIcon,"more-props":p.moreProps},d({"more-trigger":O(t=>[x(e.$slots,`more-trigger`,{label:t.label,icon:t.icon})]),_:2},[b(L.value,t=>({name:t,fn:O(n=>[x(e.$slots,t,_(m(n)))])}))]),1032,[`items`,`more-items`,`more-label`,`more-icon`,`more-props`])]),_:3},16)]),_:3},512)):(y(),u(o,h({key:1},w(F),C(w(I))),{default:O(()=>[f(c,{items:U.value,"more-items":W.value,"more-label":p.moreLabel,"more-icon":p.moreIcon,"more-props":p.moreProps},d({"more-trigger":O(t=>[x(e.$slots,`more-trigger`,{label:t.label,icon:t.icon})]),_:2},[b(L.value,t=>({name:t,fn:O(n=>[x(e.$slots,t,_(m(n)))])}))]),1032,[`items`,`more-items`,`more-label`,`more-icon`,`more-props`])]),_:3},16))}});export{A as default};

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

@@ -0,0 +1,19 @@
+import { TreeNavBaseOptionData, TreeNavCompactProps, TreeNavCompactSlots, TreeNavOptionData } from "./types.js";
+//#region src/components/tree-nav/tree-nav-compact.vue.d.ts
+type __VLS_Slots = TreeNavCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<TreeNavCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (item: TreeNavOptionData<TreeNavBaseOptionData>, event: Event) => any;
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<TreeNavCompactProps> & Readonly<{
+  onSelect?: ((item: TreeNavOptionData<TreeNavBaseOptionData>, event: Event) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: 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 as default };

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

@@ -0,0 +1 @@
+import{keysOf as e}from"../../shared/guard.js";import{useRovingFocusGroupItem as t}from"../../composables/use-roving-focus.js";import n from"../_icon/icon.js";import r from"../button/button.js";import i from"../link/link.js";import{buildTreeNavLinkProps as a,createTreeNavBranchPopupBind as o,createTreeNavPopupSelectHandler as s,hasChildren as c,isLinkItem as l}from"./shared.js";import u from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeNavRootContext as d,useTreeNavUi as f}from"./context.js";import{Fragment as p,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createSlots as y,createVNode as b,defineComponent as x,guardReactiveProps as S,mergeProps as C,normalizeClass as w,normalizeProps as T,openBlock as E,renderList as D,renderSlot as O,toDisplayString as k,unref as A,useSlots as j,withCtx as M}from"vue";const N=x({name:`TreeNavOptionCompact`,__name:`tree-nav-option-compact`,props:{item:{},childSelected:{type:Boolean}},setup(x){let N=x,P=j(),F=f(),I=d(`TreeNavOptionCompact`),{selected:L,onSelect:R,disabled:z,linkProps:B}=I,V=m(()=>z.value||!!N.item.disabled),H=m(()=>L.value===N.item.value),U=m(()=>!l(N.item)&&c(N.item)&&N.childSelected?``:void 0),W=m(()=>a(N.item,B.value,V.value)),G={value:N.item.value,isBranch:!l(N.item)&&c(N.item)},K=o(I,()=>N.item.value),{setItemElement:q,itemProps:J}=t({tabStopId:m(()=>N.item.value),focusable:m(()=>!V.value),itemData:m(()=>G)}),Y=m(()=>N.item.children??[]),X=m(()=>({...J.value,...W.value})),Z=m(()=>e(P));function Q(e){V.value||R(N.item,e)}let $=s(R);return(e,t)=>(E(),_(p,null,[g(` A. Top-level link leaf `),A(l)(x.item)?(E(),h(i,C({key:0},X.value,{ref:A(q),class:A(F).item,"data-selected":H.value,onClick:t[0]||=e=>Q(e)}),{default:M(({isHref:t})=>[O(e.$slots,`item`,{item:x.item},()=>[O(e.$slots,`item-leading`,{item:x.item},()=>[x.item.icon?(E(),h(n,{key:0,icon:x.item.icon,class:w(A(F).itemIcon)},null,8,[`icon`,`class`])):g(`v-if`,!0)]),v(`span`,null,k(x.item.label),1),t?O(e.$slots,`item-link-icon`,{item:x.item},()=>[b(n,{icon:`lucide:arrow-up-right`,class:w(A(F).itemLinkIcon)},null,8,[`class`])],void 0,0):g(`v-if`,!0),O(e.$slots,`item-trailing`,{item:x.item})])]),_:3},16,[`class`,`data-selected`])):A(c)(x.item)?(E(),_(p,{key:1},[g(` B. Top-level branch with a DropdownMenu popup `),b(u,C(A(K),{items:Y.value,disabled:V.value,modal:!1,onSelect:A($)}),y({trigger:M(()=>[b(r,C(A(J),{ref:A(q),class:A(F).item,"data-selected":!1,"data-child-selected":U.value,disabled:V.value}),{default:M(()=>[O(e.$slots,`item`,{item:x.item},()=>[O(e.$slots,`item-leading`,{item:x.item},()=>[x.item.icon?(E(),h(n,{key:0,icon:x.item.icon,class:w(A(F).itemIcon)},null,8,[`icon`,`class`])):g(`v-if`,!0)]),v(`span`,null,k(x.item.label),1),O(e.$slots,`item-trigger-icon`,{item:x.item},()=>[b(n,{icon:`lucide:chevron-down`,class:w(A(F).itemTriggerIcon)},null,8,[`class`])]),O(e.$slots,`item-trailing`,{item:x.item})])]),_:3},16,[`class`,`data-child-selected`,`disabled`])]),_:2},[D(Z.value,t=>({name:t,fn:M(n=>[O(e.$slots,t,T(S(n)))])}))]),1040,[`items`,`disabled`,`onSelect`])],2112)):(E(),_(p,{key:2},[g(` C. Top-level plain leaf `),b(r,C(A(J),{ref:A(q),class:A(F).item,"data-selected":H.value,disabled:V.value,onClick:t[1]||=e=>Q(e)}),{default:M(()=>[O(e.$slots,`item`,{item:x.item},()=>[O(e.$slots,`item-leading`,{item:x.item},()=>[x.item.icon?(E(),h(n,{key:0,icon:x.item.icon,class:w(A(F).itemIcon)},null,8,[`icon`,`class`])):g(`v-if`,!0)]),v(`span`,null,k(x.item.label),1),O(e.$slots,`item-trailing`,{item:x.item})])]),_:3},16,[`class`,`data-selected`,`disabled`])],2112))],2112))}});export{N as default};

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

@@ -0,0 +1,15 @@
+import { MenuOptionCompactSlots } from "../menu/types.js";
+import "../menu/index.js";
+import { TreeNavOptionCompactProps } from "./types.js";
+//#region src/components/tree-nav/tree-nav-option-compact.vue.d.ts
+type __VLS_Slots = MenuOptionCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<TreeNavOptionCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeNavOptionCompactProps> & 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 as default };

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

@@ -0,0 +1 @@
+import{keysOf as e}from"../../shared/guard.js";import{getTreePaths as t}from"../../shared/tree.js";import{useRovingFocusGroupItem as n}from"../../composables/use-roving-focus.js";import r from"../_icon/icon.js";import i from"../button/button.js";import{TREE_NAV_MORE_VALUE as a,createTreeNavBranchPopupBind as o,createTreeNavPopupSelectHandler as s,filterHiddenTreeNavOptions as c}from"./shared.js";import l from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeNavRootContext as u,useTreeNavUi as d}from"./context.js";import f from"./tree-nav-option-compact.js";import{Fragment as p,computed as m,createBlock as h,createCommentVNode as g,createElementBlock 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,toDisplayString as ee,unref as O,useSlots as k,withCtx as A}from"vue";const j={key:1},M=b({name:`TreeNavOptionsCompact`,__name:`tree-nav-options-compact`,props:{items:{},moreItems:{},moreLabel:{},moreIcon:{},moreProps:{}},setup(b){let M=b,N=k(),P=d(),F=u(`TreeNavOptionsCompact`),{selected:I,onSelect:L,disabled:R}=F,z=m(()=>c(M.items)),B=m(()=>I.value===void 0?[]:t(I.value,z.value)),V=e=>B.value.includes(e.value),H=m(()=>c(M.moreItems)),U=m(()=>!!H.value.length),W=m(()=>I.value!==void 0&&t(I.value,H.value).length>0?``:void 0),G=m(()=>({label:M.moreLabel??`More`,icon:M.moreIcon??`lucide:ellipsis`})),K=m(()=>R.value||!!M.moreProps?.disabled),q={value:a,isBranch:!0},{setItemElement:J,itemProps:Y}=n({tabStopId:m(()=>a),focusable:m(()=>!K.value),itemData:m(()=>q)}),X=m(()=>({...M.moreProps,disabled:K.value})),Z=m(()=>({...X.value,...Y.value})),Q=o(F,()=>a),$=m(()=>e(N).filter(e=>e!==`more-trigger`)),te=s(L);return(e,t)=>(T(),_(p,null,[(T(!0),_(p,null,E(z.value,t=>(T(),h(f,{key:t.value,item:t,"child-selected":V(t)},v({_:2},[E($.value,t=>({name:t,fn:A(n=>[D(e.$slots,t,S({ref_for:!0},n))])}))]),1032,[`item`,`child-selected`]))),128)),g(` Trailing "more" branch for collapsed overflow items `),U.value?(T(),h(l,S({key:0},O(Q),{modal:!1,items:H.value,disabled:O(R),onSelect:O(te)}),v({trigger:A(()=>[D(e.$slots,`more-trigger`,{label:G.value.label,icon:G.value.icon},()=>[y(i,S(Z.value,{ref:O(J),class:O(P).item,"data-selected":!1,"data-child-selected":W.value}),{default:A(()=>[G.value.icon?(T(),h(r,{key:0,icon:G.value.icon,class:C(O(P).itemIcon)},null,8,[`icon`,`class`])):g(`v-if`,!0),G.value.label?(T(),_(`span`,j,ee(G.value.label),1)):g(`v-if`,!0)]),_:1},16,[`class`,`data-child-selected`])])]),_:2},[E($.value,t=>({name:t,fn:A(n=>[D(e.$slots,t,w(x(n)))])}))]),1040,[`items`,`disabled`,`onSelect`])):g(`v-if`,!0)],64))}});export{M as default};

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

@@ -0,0 +1,15 @@
+import { MenuOptionsCompactSlots } from "../menu/types.js";
+import "../menu/index.js";
+import { TreeNavOptionsCompactProps, TreeNavOptionsCompactSlots } from "./types.js";
+//#region src/components/tree-nav/tree-nav-options-compact.vue.d.ts
+type __VLS_Slots = MenuOptionsCompactSlots & Pick<TreeNavOptionsCompactSlots, 'more-trigger'>;
+declare const __VLS_base: import("vue").DefineComponent<TreeNavOptionsCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeNavOptionsCompactProps> & 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 as default };

package/dist/components/tree-nav/tree-nav-overflow.js

@@ -0,0 +1 @@
+import{useTreeNavUi 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:`TreeNavOverflow`,__name:`tree-nav-overflow`,setup(n){let s=e(`overflow`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-nav-overflow":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/tree-nav/tree-nav-overflow.vue.d.ts

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

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

@@ -0,0 +1 @@
+import{toContext as e}from"../../shared/vue.js";import{useRovingFocusGroup as t}from"../../composables/use-roving-focus.js";import{Primitive as n}from"../primitive/primitive.js";import{markMenuArrowSwitch as r}from"../menu/shared.js";import{provideTreeNavRootContext as i,useTreeNavUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=c({name:`TreeNavRoot`,__name:`tree-nav-root`,props:{modelValue:{},defaultValue:{},dir:{},trigger:{default:`hover`},delayDuration:{},skipDelayDuration:{},placement:{},showArrow:{type:Boolean},disabled:{type:Boolean},linkProps:{},itemProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},subTriggerProps:{},subContentProps:{},portalProps:{},popupProps:{},triggerProps:{},arrowProps:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(c,{emit:h}){let g=c,_=h,v=a(`root`),{setContainerElement:y,groupProps:b,getOrderedItems:x}=t({orientation:o(()=>`horizontal`),dir:o(()=>g.dir),loop:o(()=>!1),currentTabStopId:o(()=>void 0),defaultCurrentTabStopId:o(()=>void 0),preventScrollOnEntryFocus:o(()=>!1)});function S(e){y(e)}let C=f(g.defaultValue),w=o(()=>g.modelValue!==void 0),T=o(()=>w.value?g.modelValue:C.value);function E(e,t){g.disabled||e.disabled||(w.value||(C.value=e.value),_(`update:modelValue`,e.value),_(`select`,e,t))}let D=f(),O=o(()=>D.value);function k(e,t){if(t){D.value=e;return}D.value===e&&(D.value=void 0)}function A(e,t){let n=g.dir===`rtl`?`ArrowRight`:`ArrowLeft`,i=g.dir===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==n&&t.key!==i)return;let a=x(),o=t.key===n?[...a].reverse():a,s=o[o.findIndex(t=>t.data.value===e)+1];if(!s)return;let{value:c,isBranch:l}=s.data;l&&r(),D.value=l?c:void 0,s.element.focus(),t.preventDefault()}function j(e,t){if(D.value!==e||t.defaultPrevented)return;let n=g.dir===`rtl`?`ArrowLeft`:`ArrowRight`,r=t.target;t.key===n&&r?.hasAttribute?.(`data-soybean-menu-sub-trigger`)||A(e,t)}function M(e){if(D.value===void 0)return;let t=g.dir===`rtl`?`ArrowRight`:`ArrowLeft`,n=g.dir===`rtl`?`ArrowLeft`:`ArrowRight`;(e.key===t||e.key===n)&&e.target?.closest?.(`[data-soybean-dropdown-menu-trigger]`)&&A(D.value,e)}return i({selected:T,onSelect:E,openValue:O,onBranchOpenChange:k,onPopupArrowNavigation:j,disabled:o(()=>!!g.disabled),linkProps:o(()=>g.linkProps),...e(g,[`dir`,`trigger`,`delayDuration`,`skipDelayDuration`,`placement`,`showArrow`,`portalProps`,`popupProps`,`triggerProps`,`arrowProps`,`itemProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`subTriggerProps`,`subContentProps`])}),(e,t)=>(u(),s(p(n),l(p(b),{ref:S,as:c.as,"as-child":c.asChild,"data-soybean-tree-nav":``,class:p(v),onKeydownCapture:M}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`]))}});export{h as default};

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

@@ -0,0 +1,23 @@
+import { DropdownMenuTriggerType } from "../dropdown-menu/types.js";
+import "../dropdown-menu/index.js";
+import { TreeNavBaseOptionData, TreeNavOptionData, TreeNavRootProps, TreeNavRootSlots } from "./types.js";
+//#region src/components/tree-nav/tree-nav-root.vue.d.ts
+type __VLS_Slots = TreeNavRootSlots;
+declare const __VLS_base: import("vue").DefineComponent<TreeNavRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (item: TreeNavOptionData<TreeNavBaseOptionData>, event: Event) => any;
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<TreeNavRootProps> & Readonly<{
+  onSelect?: ((item: TreeNavOptionData<TreeNavBaseOptionData>, event: Event) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+  trigger: DropdownMenuTriggerType;
+}, {}, {}, {}, 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 as default };