@soybeanjs/headless 0.18.0 → 0.20.0

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

@@ -17,8 +17,11 @@ declare const __VLS_base: _$vue.DefineComponent<TreeMenuRootProps, {}, {}, {}, {
 }>, {
   defaultValue: string;
   defaultExpanded: string[];
+  indent: number;
   collapsed: boolean;
   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};

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

@@ -1,6 +1,14 @@
-import { UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { HorizontalSide, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { AsTag, PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
+import { LinkBaseProps, LinkProps } from "../link/types.js";
+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 { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/tree-menu/types.d.ts
 /**
@@ -37,6 +45,26 @@ interface TreeMenuRootProps {
    * The value of the tree menu when it's collapsed.
    */
   defaultCollapsed?: boolean;
+  /**
+   * The width of the sidebar menu when it's collapsed.
+   *
+   * @default 50
+   */
+  collapsedWidth?: number;
+  /**
+   * The width of the indent.
+   *
+   * @default 16
+   */
+  indent?: number;
+  /**
+   * The function to convert pixels to rem.
+   *
+   * @param px - The width in pixels
+   * @default (px: number) => px / 16 (16 is the base font size)
+   * @returns The width in rem
+   */
+  pxToRem?: (px: number) => number;
 }
 /**
  * Events for the TreeMenuRoot component.
@@ -58,15 +86,15 @@ type TreeMenuRootEmits = {
 /**
  * Properties for the TreeMenuGroupRoot component.
  */
-interface TreeMenuGroupRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuGroupRootProps extends BaseProps {}
 /**
  * Properties for the TreeMenuGroup component.
  */
-interface TreeMenuGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuGroupProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the TreeMenuGroupLabel component.
  */
-interface TreeMenuGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuGroupLabelProps extends BaseProps {}
 /**
  * Properties for the TreeMenuBaseItem component.
  */
@@ -83,11 +111,11 @@ interface TreeMenuBaseItemProps {
 /**
  * Properties for the TreeMenuItem component.
  */
-interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveWithBaseProps {}
 /**
  * Properties for the TreeMenuButton component.
  */
-interface TreeMenuButtonProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface TreeMenuButtonProps extends ButtonProps {
   /**
    * When `true`, prevents the user from activating the item.
    *
@@ -98,7 +126,7 @@ interface TreeMenuButtonProps extends PrimitiveProps, /** @vue-ignore */HTMLAttr
 /**
  * Properties for the TreeMenuCollapsible component.
  */
-interface TreeMenuCollapsibleProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface TreeMenuCollapsibleProps extends PrimitiveWithBaseProps {
   /**
    * When `true`, prevents the user from activating the collapsible trigger.
    */
@@ -107,7 +135,208 @@ interface TreeMenuCollapsibleProps extends PrimitiveProps, /** @vue-ignore */HTM
 /**
  * Properties for the TreeMenuSub component.
  */
-interface TreeMenuSubProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuSubProps extends PrimitiveWithBaseProps {}
+/**
+ * Option data for the TreeMenu component.
+ */
+interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
+  /**
+   * Whether the option is a top-level group.
+   */
+  isGroup?: boolean;
+  /**
+   * The label of the option.
+   */
+  label: string;
+  /**
+   * The icon of the option.
+   */
+  icon?: IconValue;
+  /**
+   * Whether the option is hidden.
+   */
+  hidden?: boolean;
+  /**
+   * Badge text rendered for the option.
+   */
+  badge?: string;
+  /**
+   * Properties forwarded to the badge component.
+   */
+  badgeProps?: Omit<BadgeCompactProps, 'content'>;
+  /**
+   * Tag text rendered for the option.
+   */
+  tag?: string;
+  /**
+   * Properties forwarded to the tag element.
+   */
+  tagProps?: BaseProps;
+  /**
+   * Properties forwarded to the tooltip component.
+   */
+  tooltipProps?: Omit<TooltipCompactProps, 'content'>;
+  /**
+   * Properties forwarded to the collapsed dropdown menu.
+   */
+  dropdownMenuProps?: Omit<DropdownMenuCompactProps<string>, 'activeValue' | 'items'>;
+  /**
+   * Action items rendered at the end of the option.
+   */
+  actions?: MenuOptionData[];
+  /**
+   * Properties forwarded to the action dropdown menu.
+   */
+  actionMenuProps?: Omit<DropdownMenuCompactProps, 'activeValue' | 'items'>;
+  /**
+   * Callback invoked when an action is selected.
+   */
+  onActionSelect?: (action: MenuOptionData) => void;
+}
+/**
+ * Recursive option data for the TreeMenu component.
+ */
+type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = Omit<T, 'children'> & {
+  /**
+   * Child options.
+   */
+  children?: TreeMenuOptionData<T>[];
+};
+/**
+ * Properties for the TreeMenuOptionCompact component.
+ */
+interface TreeMenuOptionCompactProps {
+  /**
+   * Rendered element tag.
+   */
+  as?: AsTag;
+  /**
+   * Current item data.
+   */
+  item: TreeMenuOptionData;
+  /**
+   * Horizontal side.
+   */
+  side?: HorizontalSide;
+  /**
+   * The active paths of the tree menu, used to determine whether the current item is active or has active descendants.
+   */
+  activePaths?: string[];
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: TreeMenuItemProps;
+  /**
+   * Properties forwarded to the button element.
+   */
+  buttonProps?: TreeMenuButtonProps;
+  /**
+   * Properties forwarded to the link element.
+   */
+  linkProps?: LinkProps;
+  /**
+   * Properties forwarded to the collapsible element.
+   */
+  collapsibleProps?: TreeMenuCollapsibleProps;
+  /**
+   * Properties forwarded to the sub element.
+   */
+  subProps?: TreeMenuSubProps;
+}
+/**
+ * Events for the TreeMenuOptionCompact component.
+ */
+type TreeMenuOptionCompactEmits = {
+  /**
+   * Emitted when select dropdown occurs.
+   */
+  selectDropdown: [value: string];
+};
+/**
+ * Slot properties for the TreeMenuOptionCompact component.
+ */
+interface TreeMenuOptionSlotCompactProps extends TreeMenuOptionCompactProps {
+  /**
+   * Whether to show the link icon.
+   */
+  showLinkIcon?: boolean;
+}
+/**
+ * Properties for the TreeMenuOptionsCompact component.
+ */
+interface TreeMenuOptionsCompactProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Pick<TreeMenuOptionCompactProps, 'side' | 'itemProps' | 'buttonProps' | 'linkProps' | 'collapsibleProps' | 'subProps'> {
+  /**
+   * Items rendered by the component.
+   */
+  items: TreeMenuOptionData<T>[];
+  /**
+   * Properties forwarded to the group root element.
+   */
+  groupRootProps?: TreeMenuGroupRootProps;
+  /**
+   * Properties forwarded to the group element.
+   */
+  groupProps?: TreeMenuGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: TreeMenuGroupLabelProps;
+  /**
+   * Whether to show the group icon.
+   *
+   * @default false
+   */
+  showGroupIcon?: boolean;
+}
+/**
+ * Events for the TreeMenuOptionsCompact component.
+ */
+type TreeMenuOptionsCompactEmits = TreeMenuOptionCompactEmits;
+/**
+ * Properties for the TreeMenuCompact component.
+ */
+interface TreeMenuCompactProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsCompactProps<T> {}
+/**
+ * Events for the TreeMenuCompact component.
+ */
+type TreeMenuCompactEmits = TreeMenuRootEmits & TreeMenuOptionsCompactEmits;
+/**
+ * Slots for the TreeMenuCompact component.
+ */
+type TreeMenuCompactSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = {
+  /**
+   * Custom content rendered before the options.
+   */
+  top?: () => any;
+  /**
+   * Custom content rendered after the options.
+   */
+  bottom?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
+  'group-label'?: (props: {
+    item: TreeMenuOptionData<T>;
+  }) => any;
+  /**
+   * Custom content for the item slot.
+   */
+  item?: (props: {
+    item: T;
+  }) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: {
+    item: T;
+  }) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: {
+    item: T;
+  }) => any;
+};
 /**
  * Parameters used to create the TreeMenuRoot context.
  */
@@ -128,10 +357,10 @@ interface TreeMenuRootContextParams {
 /**
  * Available UI slots for the TreeMenu component.
  */
-type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'sub' | 'subItem' | 'subButton' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent';
+type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon' | 'sub' | 'subItem' | 'subButton' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent';
 /**
  * UI class overrides for the TreeMenu component.
  */
 type TreeMenuUi = UiClass<TreeMenuUiSlot>;
 //#endregion
-export { TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };
+export { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };

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

@@ -1,5 +1,6 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, Ref } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef, Ref } from "vue";
 import { PartialKeys, VirtualItem, Virtualizer, VirtualizerOptions } from "@tanstack/vue-virtual";
 
 //#region src/components/virtualizer/types.d.ts
@@ -10,7 +11,7 @@ interface VirtualizerOptions$1 extends Omit<PartialKeys<VirtualizerOptions<HTMLE
 /**
  * Properties for the VirtualizerRoot component.
  */
-interface VirtualizerRootProps<T extends Record<string, any> = Record<string, any>> extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface VirtualizerRootProps<T extends Record<string, any> = Record<string, any>> extends PrimitiveWithBaseProps {
   /**
    * The height of the virtualizer root
    */
@@ -31,11 +32,11 @@ interface VirtualizerRootProps<T extends Record<string, any> = Record<string, an
 /**
  * Properties for the VirtualizerDynamicContent component.
  */
-interface VirtualizerDynamicContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface VirtualizerDynamicContentProps extends BaseProps {}
 /**
  * Properties for the VirtualizerContent component.
  */
-interface VirtualizerContentProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface VirtualizerContentProps extends PrimitiveWithBaseProps {
   /**
    * Properties forwarded to the dynamic content element.
    */
@@ -44,7 +45,7 @@ interface VirtualizerContentProps extends PrimitiveProps, /** @vue-ignore */HTML
 /**
  * Properties for the VirtualizerItem component.
  */
-interface VirtualizerItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface VirtualizerItemProps extends PrimitiveWithBaseProps {
   /**
    * Data.
    */

package/dist/components/virtualizer/virtualizer-content.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,createElementBlock as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{},asChild:{type:Boolean},as:{}},setup(a){let{contentStyle:f,virtualItems:p,isVerticalDynamic:m}=t(`VirtualizerContent`),h=n(()=>p.value[0]?.start??0),g=n(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${h.value}px);`);return(t,n)=>(c(),r(u(e),{as:a.as,"as-child":a.asChild,style:s(u(f))},{default:d(()=>[u(m)?(c(),i(`div`,o({key:0},a.dynamicContentProps,{style:g.value}),[l(t.$slots,`default`)],16)):l(t.$slots,`default`,{key:1})]),_:3},8,[`as`,`as-child`,`style`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,createElementBlock as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{},asChild:{type:Boolean},as:{}},setup(a){let{contentStyle:f,virtualItems:p,isVerticalDynamic:m}=t(`VirtualizerContent`),h=n(()=>p.value[0]?.start??0),g=n(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${h.value}px);`);return(t,n)=>(c(),r(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-virtualizer-content":``,style:s(u(f))},{default:d(()=>[u(m)?(c(),i(`div`,o({key:0},a.dynamicContentProps,{style:g.value}),[l(t.$slots,`default`)],16)):l(t.$slots,`default`,{key:1})]),_:3},8,[`as`,`as-child`,`style`]))}});export{f as default};

package/dist/components/virtualizer/virtualizer-item.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`VirtualizerItem`,__name:`virtualizer-item`,props:{data:{},customStyle:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{isHorizontal:d,dynamic:f,isVerticalDynamic:p,totalSize:m}=t(`VirtualizerItem`),h=n(()=>u.data.start??0),g=n(()=>u.data.size??0),_=n(()=>{if(p.value||u.customStyle)return``;let e=`position:absolute;left:0;top:0;`;return f.value?(e+=`height:100%;transform:translateX(${h.value}px);`,e):(d.value?e+=`width:${g.value}px;height:100%;transform:translateX(${h.value}px);`:e+=`width:100%;height:${g.value}px;transform:translateY(${h.value}px);`,e)});return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"data-index":i.data.index,"aria-setsize":c(m),"aria-posinset":i.data.index+1,style:a(_.value)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-index`,`aria-setsize`,`aria-posinset`,`style`]))}});export{u as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`VirtualizerItem`,__name:`virtualizer-item`,props:{data:{},customStyle:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{isHorizontal:d,dynamic:f,isVerticalDynamic:p,totalSize:m}=t(`VirtualizerItem`),h=n(()=>u.data.start??0),g=n(()=>u.data.size??0),_=n(()=>{if(p.value||u.customStyle)return``;let e=`position:absolute;left:0;top:0;`;return f.value?(e+=`height:100%;transform:translateX(${h.value}px);`,e):(d.value?e+=`width:${g.value}px;height:100%;transform:translateX(${h.value}px);`:e+=`width:100%;height:${g.value}px;transform:translateY(${h.value}px);`,e)});return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"data-soybean-virtualizer-item":``,"data-index":i.data.index,"aria-setsize":c(m),"aria-posinset":i.data.index+1,style:a(_.value)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-index`,`aria-setsize`,`aria-posinset`,`style`]))}});export{u as default};

package/dist/components/virtualizer/virtualizer-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideVirtualizerContext as r}from"./context.js";import{getVirtualizerPadding as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>i(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return r({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideVirtualizerContext as r}from"./context.js";import{getVirtualizerPadding as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>i(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return r({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};

package/dist/components/visually-hidden/types.d.ts

@@ -1,5 +1,4 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/visually-hidden/types.d.ts
 /**
@@ -9,7 +8,7 @@ type VisuallyHiddenFeature = 'focusable' | 'fully-hidden';
 /**
  * Properties for the VisuallyHidden component.
  */
-interface VisuallyHiddenProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface VisuallyHiddenProps extends PrimitiveWithBaseProps {
   /**
    * Feature.
    */

package/dist/components/visually-hidden/visually-hidden-input-bubble.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"./visually-hidden.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,unref as o,watch as s}from"vue";const c=i({name:`VisuallyHiddenInputBubble`,__name:`visually-hidden-input-bubble`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(i){let c=i,[l,u]=e();return s(n(()=>c.checked??c.value),(e,t)=>{let n=l.value;if(!n||e===t)return;let r=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(r,`value`)?.set;if(!i)return;let a=new Event(`input`,{bubbles:!0}),o=new Event(`change`,{bubbles:!0});i.call(n,e),n.dispatchEvent(a),n.dispatchEvent(o)}),(e,n)=>(a(),r(t,{ref:o(u),feature:i.feature,as:`input`,name:i.name,value:i.value,checked:i.checked,required:i.required,disabled:i.disabled},null,8,[`feature`,`name`,`value`,`checked`,`required`,`disabled`]))}});export{c as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"./visually-hidden.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,unref as o,watch as s}from"vue";const c=i({name:`VisuallyHiddenInputBubble`,__name:`visually-hidden-input-bubble`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(i){let c=i,[l,u]=e();return s(n(()=>c.checked??c.value),(e,t)=>{let n=l.value;if(!n||e===t)return;let r=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(r,`value`)?.set;if(!i)return;let a=new Event(`input`,{bubbles:!0}),o=new Event(`change`,{bubbles:!0});i.call(n,e),n.dispatchEvent(a),n.dispatchEvent(o)}),(e,n)=>(a(),r(t,{ref:o(u),as:`input`,"data-soybean-visually-hidden-input-bubble":``,feature:i.feature,name:i.name,value:i.value,checked:i.checked,required:i.required,disabled:i.disabled},null,8,[`feature`,`name`,`value`,`checked`,`required`,`disabled`]))}});export{c as default};

package/dist/components/visually-hidden/visually-hidden-input.js

@@ -1 +1 @@
-import{isArrayValue as e}from"../../shared/guard.js";import{parseFormValue as t}from"../../shared/form.js";import"../../shared/index.js";import n from"./visually-hidden-input-bubble.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,unref as f,useAttrs as p}from"vue";const m=c({name:`VisuallyHiddenInput`,inheritAttrs:!1,__name:`visually-hidden-input`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(c){let m=c,h=p(),g=i(()=>{let{value:e,name:n}=m;return t(n,e)}),_=i(()=>m.required&&e(m.value)&&m.value.length===0);return(e,t)=>(u(),s(r,null,[o(` We render single input if it's required `),_.value?(u(),a(n,l({key:c.name},{...m,...f(h)},{name:c.name,value:c.value}),null,16,[`name`,`value`])):(u(!0),s(r,{key:1},d(g.value,e=>(u(),a(n,l({key:e.name},{ref_for:!0},{...m,...f(h)},{name:e.name,value:e.value}),null,16,[`name`,`value`]))),128))],2112))}});export{m as default};
+import{isArrayValue as e}from"../../shared/guard.js";import{parseFormValue as t}from"../../shared/form.js";import"../../shared/index.js";import n from"./visually-hidden-input-bubble.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,unref as f,useAttrs as p}from"vue";const m=c({name:`VisuallyHiddenInput`,inheritAttrs:!1,__name:`visually-hidden-input`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(c){let m=c,h=p(),g=i(()=>{let{value:e,name:n}=m;return t(n,e)}),_=i(()=>m.required&&e(m.value)&&m.value.length===0);return(e,t)=>(u(),s(r,null,[o(` We render single input if it's required `),_.value?(u(),a(n,l({key:c.name},{...m,...f(h)},{"data-soybean-visually-hidden-input":``,name:c.name,value:c.value}),null,16,[`name`,`value`])):(u(!0),s(r,{key:1},d(g.value,e=>(u(),a(n,l({key:e.name},{ref_for:!0},{...m,...f(h)},{"data-soybean-visually-hidden-input":``,name:e.name,value:e.value}),null,16,[`name`,`value`]))),128))],2112))}});export{m as default};

package/dist/components/visually-hidden/visually-hidden.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`VisuallyHidden`,__name:`visually-hidden`,props:{feature:{default:`focusable`},asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"aria-hidden":n.feature===`focusable`?`true`:void 0,"data-hidden":n.feature===`fully-hidden`?``:void 0,tabindex:n.feature===`fully-hidden`?`-1`:void 0,style:{position:`absolute`,top:`-1px`,left:`-1px`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,border:`0`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,"clip-path":`inset(50%)`,"white-space":`nowrap`,"word-wrap":`normal`}},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`,`data-hidden`,`tabindex`]))}});export{s as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`VisuallyHidden`,__name:`visually-hidden`,props:{feature:{default:`focusable`},asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-visually-hidden":``,"aria-hidden":n.feature===`focusable`?`true`:void 0,"data-hidden":n.feature===`fully-hidden`?``:void 0,tabindex:n.feature===`fully-hidden`?`-1`:void 0,style:{position:`absolute`,top:`-1px`,left:`-1px`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,border:`0`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,"clip-path":`inset(50%)`,"white-space":`nowrap`,"word-wrap":`normal`}},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`,`data-hidden`,`tabindex`]))}});export{s as default};

package/dist/composables/index.d.ts

@@ -1,5 +1,6 @@
 import { useArrowNavigation } from "./use-arrow-navigation.js";
 import { useBodyScrollLock } from "./use-body-scroll-lock.js";
+import { useBoolProp } from "./use-bool-prop.js";
 import { CollectionItemData, useCollection } from "./use-collection.js";
 import { useContext } from "./use-context.js";
 import { useControllableState } from "./use-controllable-state.js";
@@ -23,4 +24,4 @@ import { useSelection } from "./use-selection.js";
 import { useStateMachine } from "./use-state-machine.js";
 import { useTypeahead } from "./use-typeahead.js";
 import { UseUiConsumer, useUiContext } from "./use-ui-context.js";
-export { CollectionItemData, UseDismissableLayerOptions, UseFloatingOptions, UseFloatingReturn, UseFocusScopeOptions, UseGraceAreaOptions, UsePopupEventsOptions, UseUiConsumer, kbdMap, useArrowNavigation, useBodyScrollLock, useCollection, useContext, useControllableState, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFloating, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useOmitProps, usePickProps, usePointerdownOutside, usePopupEvents, usePresence, useSelection, useStateMachine, useTypeahead, useUiContext };
+export { CollectionItemData, UseDismissableLayerOptions, UseFloatingOptions, UseFloatingReturn, UseFocusScopeOptions, UseGraceAreaOptions, UsePopupEventsOptions, UseUiConsumer, kbdMap, useArrowNavigation, useBodyScrollLock, useBoolProp, useCollection, useContext, useControllableState, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFloating, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useOmitProps, usePickProps, usePointerdownOutside, usePopupEvents, usePresence, useSelection, useStateMachine, useTypeahead, useUiContext };

package/dist/composables/index.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useBodyScrollLock as t}from"./use-body-scroll-lock.js";import{useContext as n}from"./use-context.js";import{useCollection as r}from"./use-collection.js";import{useControllableState as i}from"./use-controllable-state.js";import{useEscapeKeyDown as a}from"./use-escape-key-down.js";import{useDismissableLayer as o,useDismissableLayerBranch as s,useFocusOutside as c,usePointerdownOutside as l}from"./use-dismissable-layer.js";import{useForwardElement as u}from"./use-forward-element.js";import{useExposedElement as d}from"./use-exposed-element.js";import{useFloating as f}from"./use-floating.js";import{useFocusGuards as p}from"./use-focus-guards.js";import{useFocusScope as m}from"./use-focus-scope.js";import{useForwardListeners as h}from"./use-forward-listeners.js";import{useGraceArea as g}from"./use-grace-area.js";import{useHideOthers as _}from"./use-hide-others.js";import{useImageLoadingStatus as v}from"./use-image-loading-status.js";import{useIsUsingKeyboard as y}from"./use-is-using-keyboard.js";import{kbdMap as b,useKbd as x}from"./use-kbd.js";import{usePopupEvents as S}from"./use-popup-events.js";import{useStateMachine as C}from"./use-state-machine.js";import{usePresence as w}from"./use-presence.js";import{useOmitProps as T,usePickProps as E}from"./use-props.js";import{useSelection as D}from"./use-selection.js";import{useTypeahead as O}from"./use-typeahead.js";import{useUiContext as k}from"./use-ui-context.js";export{b as kbdMap,e as useArrowNavigation,t as useBodyScrollLock,r as useCollection,n as useContext,i as useControllableState,o as useDismissableLayer,s as useDismissableLayerBranch,a as useEscapeKeyDown,d as useExposedElement,f as useFloating,p as useFocusGuards,c as useFocusOutside,m as useFocusScope,u as useForwardElement,h as useForwardListeners,g as useGraceArea,_ as useHideOthers,v as useImageLoadingStatus,y as useIsUsingKeyboard,x as useKbd,T as useOmitProps,E as usePickProps,l as usePointerdownOutside,S as usePopupEvents,w as usePresence,D as useSelection,C as useStateMachine,O as useTypeahead,k as useUiContext};
+import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useContext as t}from"./use-context.js";import{useBodyScrollLock as n}from"./use-body-scroll-lock.js";import{useBoolProp as r}from"./use-bool-prop.js";import{useCollection as i}from"./use-collection.js";import{useControllableState as a}from"./use-controllable-state.js";import{useEscapeKeyDown as o}from"./use-escape-key-down.js";import{useDismissableLayer as s,useDismissableLayerBranch as c,useFocusOutside as l,usePointerdownOutside as u}from"./use-dismissable-layer.js";import{useForwardElement as d}from"./use-forward-element.js";import{useExposedElement as f}from"./use-exposed-element.js";import{useFloating as p}from"./use-floating.js";import{useFocusGuards as m}from"./use-focus-guards.js";import{useFocusScope as h}from"./use-focus-scope.js";import{useForwardListeners as g}from"./use-forward-listeners.js";import{useGraceArea as _}from"./use-grace-area.js";import{useHideOthers as v}from"./use-hide-others.js";import{useImageLoadingStatus as y}from"./use-image-loading-status.js";import{useIsUsingKeyboard as b}from"./use-is-using-keyboard.js";import{kbdMap as x,useKbd as S}from"./use-kbd.js";import{usePopupEvents as C}from"./use-popup-events.js";import{useStateMachine as w}from"./use-state-machine.js";import{usePresence as T}from"./use-presence.js";import{useOmitProps as E,usePickProps as D}from"./use-props.js";import{useSelection as O}from"./use-selection.js";import{useTypeahead as k}from"./use-typeahead.js";import{useUiContext as A}from"./use-ui-context.js";export{x as kbdMap,e as useArrowNavigation,n as useBodyScrollLock,r as useBoolProp,i as useCollection,t as useContext,a as useControllableState,s as useDismissableLayer,c as useDismissableLayerBranch,o as useEscapeKeyDown,f as useExposedElement,p as useFloating,m as useFocusGuards,l as useFocusOutside,h as useFocusScope,d as useForwardElement,g as useForwardListeners,_ as useGraceArea,v as useHideOthers,y as useImageLoadingStatus,b as useIsUsingKeyboard,S as useKbd,E as useOmitProps,D as usePickProps,u as usePointerdownOutside,C as usePopupEvents,T as usePresence,O as useSelection,w as useStateMachine,k as useTypeahead,A as useUiContext};

package/dist/composables/use-bool-prop.d.ts

@@ -0,0 +1,12 @@
+import * as _$vue from "vue";
+
+//#region src/composables/use-bool-prop.d.ts
+/**
+ * A composable to handle boolean props.
+ *
+ * It can get undefined value for boolean props witch are not set default value
+ * @param key
+ */
+declare function useBoolProp(key: string): _$vue.ComputedRef<boolean | undefined>;
+//#endregion
+export { useBoolProp };

package/dist/composables/use-bool-prop.js

@@ -0,0 +1 @@
+import{computed as e,getCurrentInstance as t}from"vue";function n(n){let r=t();return e(()=>{let e=r?.vnode?.props?.[n];return e===!0||e===``?!0:e})}export{n as useBoolProp};

package/dist/composables/use-collection.d.ts

@@ -44,9 +44,6 @@ declare function useCollection<ItemData = Record<string, any>>(collectionName: s
     itemElement: _$vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onItemElementChange: (element: HTMLElement) => void;
     setItemElement: (nodeRef: VNodeRef) => void;
-    itemProps: {
-      "data-soybean-collection-item": string;
-    };
   };
 };
 //#endregion

package/dist/composables/use-collection.js

@@ -1 +1 @@
-import{COLLECTION_ITEM_ATTRIBUTE as e}from"../constants/attr.js";import{getCollectionItemElements as t,isElementHasAttribute as n}from"../shared/dom.js";import{getElFromTemplateRef as r}from"../shared/vue.js";import"../shared/index.js";import{s as i}from"../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useContext as a}from"./use-context.js";import{onBeforeUnmount as o,onWatcherCleanup as s,ref as c,shallowRef as l,toValue as u,watchPostEffect as d}from"vue";function f(f){let[p,m]=a(i(`${f}Collection`),()=>{let e=l(),r=t=>{e.value=t},i=c(new Map),a=(r=!0)=>{if(!e.value)return[];let a=t(e.value),o=[];for(let e of a){let t=i.value.get(e);t&&(!r||!n(e,`disabled`))&&o.push(t)}return o};return o(()=>{i.value.clear()}),{containerElement:e,onContainerElementChange:r,itemRegistry:i,getOrderedItems:a,getOrderedElements:(e=!0)=>a(e).map(e=>e.element)}});return{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:(t={})=>{let{itemRegistry:n}=m(i(`${f}Item`)),a=l(),o=e=>{a.value&&a.value!==e&&n.value.delete(a.value),a.value=e};return d(()=>{a.value&&n.value.set(a.value,{element:a.value,data:u(t)}),s(()=>{a.value&&(n.value.delete(a.value),a.value=void 0)})}),{itemElement:a,onItemElementChange:o,setItemElement:e=>{let t=r(e);t&&o(t)},itemProps:{[e]:``}}}}}export{f as useCollection};
+import{getCollectionItemElements as e,isElementHasAttribute as t}from"../shared/dom.js";import{getElFromTemplateRef as n}from"../shared/vue.js";import{useContext as r}from"./use-context.js";import"../shared/index.js";import{s as i}from"../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{onBeforeUnmount as a,onWatcherCleanup as o,ref as s,shallowRef as c,toValue as l,watchPostEffect as u}from"vue";function d(d){let[f,p]=r(i(`${d}Collection`),()=>{let n=c(),r=e=>{n.value=e},i=s(new Map),o=(r=!0)=>{if(!n.value)return[];let a=e(n.value),o=[];for(let e of a){let n=i.value.get(e);n&&(!r||!t(e,`disabled`))&&o.push(n)}return o};return a(()=>{i.value.clear()}),{containerElement:n,onContainerElementChange:r,itemRegistry:i,getOrderedItems:o,getOrderedElements:(e=!0)=>o(e).map(e=>e.element)}});return{provideCollectionContext:f,useCollectionContext:p,useCollectionItem:(e={})=>{let{itemRegistry:t}=p(i(`${d}Item`)),r=c(),a=e=>{r.value&&r.value!==e&&t.value.delete(r.value),r.value=e};return u(()=>{r.value&&t.value.set(r.value,{element:r.value,data:l(e)}),o(()=>{r.value&&(t.value.delete(r.value),r.value=void 0)})}),{itemElement:r,onItemElementChange:a,setItemElement:e=>{let t=n(e);t&&a(t)}}}}}export{d as useCollection};

package/dist/composables/use-controllable-state.d.ts

@@ -1,6 +1,15 @@
 import { ShallowRef } from "vue";
 
 //#region src/composables/use-controllable-state.d.ts
-declare function useControllableState<T>(prop: () => T, onChange: ((value: T) => void) | undefined, defaultValue: T): ShallowRef<T>;
+type ControllableValue<T, U extends boolean> = U extends true ? T : Exclude<T, undefined>;
+/**
+ * A more flexible version of `useControllableState` that supports undefined values.
+ *
+ * @param prop A function that returns the current value of the prop. It can be undefined if the component is uncontrolled.
+ * @param onChange A callback function that is called when the value changes. It receives the new value as an argument. If the component is controlled, this function must be provided.
+ * @param defaultValue The default value to use when the component is uncontrolled. It must be provided if the component can be uncontrolled.
+ * @param undefinedable A boolean that indicates whether the value can be undefined. If true, the component can be uncontrolled and the value can be undefined. If false, the component must be controlled and the value cannot be undefined. The default value is false.
+ */
+declare function useControllableState<T, U extends boolean = false>(prop: () => T, onChange: ((value: ControllableValue<T, U>) => void) | undefined, defaultValue: ControllableValue<T, U>, undefinedable?: U): ShallowRef<ControllableValue<T, U>>;
 //#endregion
 export { useControllableState };

package/dist/composables/use-controllable-state.js

@@ -1 +1 @@
-import{computed as e,nextTick as t,shallowRef as n,watch as r}from"vue";function i(i,a,o){let s=i();if(s!==void 0)return e({get:()=>i(),set:e=>{a?.(e)}});let c=n(s??o),l=!1;return r(i,e=>{l||e===void 0||(l=!0,c.value=e,t(()=>{l=!1}))}),r(c,e=>{!l&&e!==void 0&&a?.(e)}),c}export{i as useControllableState};
+import{computed as e,nextTick as t,shallowRef as n,watch as r}from"vue";function i(i,a,o,s){let c=i();if(c!==void 0)return e({get:()=>i(),set:e=>{a?.(e)}});let l=n(c??o),u=!1;return r(i,e=>{u||e===void 0&&!s||(u=!0,l.value=e,t(()=>{u=!1}))}),r(l,e=>{!u&&(e!==void 0||s)&&a?.(e)}),l}export{i as useControllableState};

package/dist/composables/use-selection.js

@@ -1 +1 @@
-import{isNullish as e}from"../shared/guard.js";import{getVueBooleanCasting as t}from"../shared/vue.js";import"../shared/index.js";import{useControllableState as n}from"./use-controllable-state.js";import{computed as r,toValue as i}from"vue";function a(a,o){let s=r(()=>i(a)),c=r(()=>t(s.value.multiple)),l=r(()=>t(s.value.clearable)),u=r(()=>(s.value.selectionBehavior??`toggle`)===`toggle`),d=n(()=>s.value.modelValue,e=>{o(e)},f());function f(){return e(s.value.defaultValue)?c.value?[]:void 0:s.value.defaultValue}return{modelValue:d,onModelValueChange:e=>{if(!c.value){if(!u.value){d.value=e;return}let t=d.value===e?void 0:e;if(t===void 0&&!l.value)return;d.value=t,t===void 0&&o(t);return}if(u.value){let t=[...d.value??[]];t=t.includes(e)?t.filter(t=>t!==e):[...t,e],d.value=t;return}d.value=[e]},setModelValue:e=>{if(c.value&&Array.isArray(e)){d.value=e;return}!c.value&&!Array.isArray(e)&&(d.value=e)},resetModelValue:()=>{d.value=c.value?[]:void 0},isValueSelected:e=>c.value&&Array.isArray(d.value)?d.value.includes(e):d.value===e,isMultiple:c,isEmptyModelValue:r(()=>c.value&&Array.isArray(d.value)?d.value?.length===0:e(d.value))}}export{a as useSelection};
+import{isNullish as e}from"../shared/guard.js";import{getVueBooleanCasting as t}from"../shared/vue.js";import"../shared/index.js";import{useControllableState as n}from"./use-controllable-state.js";import{computed as r,toValue as i}from"vue";function a(a,o){let s=r(()=>i(a)),c=r(()=>t(s.value.multiple)),l=r(()=>t(s.value.clearable)),u=r(()=>(s.value.selectionBehavior??`toggle`)===`toggle`),d=n(()=>s.value.modelValue,e=>{o(e)},f(),!0);function f(){return e(s.value.defaultValue)?c.value?[]:void 0:s.value.defaultValue}return{modelValue:d,onModelValueChange:e=>{if(!c.value){if(!u.value){d.value=e;return}let t=d.value===e?void 0:e;if(t===void 0&&!l.value)return;d.value=t;return}if(u.value){let t=[...d.value??[]];t=t.includes(e)?t.filter(t=>t!==e):[...t,e],d.value=t;return}d.value=[e]},setModelValue:e=>{if(c.value&&Array.isArray(e)){d.value=e;return}!c.value&&!Array.isArray(e)&&(d.value=e)},resetModelValue:()=>{d.value=c.value?[]:void 0},isValueSelected:e=>c.value&&Array.isArray(d.value)?d.value.includes(e):d.value===e,isMultiple:c,isEmptyModelValue:r(()=>c.value&&Array.isArray(d.value)?d.value?.length===0:e(d.value))}}export{a as useSelection};