@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,14 +1,22 @@
-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
 /**
- * State values for the tree menu component.
+ * State values for TreeMenuCollapsedState.
  */
 type TreeMenuCollapsedState = 'expanded' | 'collapsed';
 /**
- * Props for the tree menu root component.
+ * Properties for the TreeMenuRoot component.
  */
 interface TreeMenuRootProps {
   /**
@@ -37,9 +45,29 @@ 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;
 }
 /**
- * Emits for the tree menu root component.
+ * Events for the TreeMenuRoot component.
  */
 type TreeMenuRootEmits = {
   /**
@@ -56,19 +84,19 @@ type TreeMenuRootEmits = {
   'update:collapsed': [value: boolean];
 };
 /**
- * Props for the tree menu group root component.
+ * Properties for the TreeMenuGroupRoot component.
  */
-interface TreeMenuGroupRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuGroupRootProps extends BaseProps {}
 /**
- * Props for the tree menu group component.
+ * Properties for the TreeMenuGroup component.
  */
-interface TreeMenuGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuGroupProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the tree menu group label component.
+ * Properties for the TreeMenuGroupLabel component.
  */
-interface TreeMenuGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuGroupLabelProps extends BaseProps {}
 /**
- * Props for the tree menu base item component.
+ * Properties for the TreeMenuBaseItem component.
  */
 interface TreeMenuBaseItemProps {
   /**
@@ -81,13 +109,13 @@ interface TreeMenuBaseItemProps {
   disabled?: boolean;
 }
 /**
- * Props for the tree menu item component.
+ * Properties for the TreeMenuItem component.
  */
-interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveWithBaseProps {}
 /**
- * Props for the tree menu button component.
+ * 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.
    *
@@ -96,20 +124,221 @@ interface TreeMenuButtonProps extends PrimitiveProps, /** @vue-ignore */HTMLAttr
   disabledActive?: boolean;
 }
 /**
- * Props for the tree menu collapsible component.
+ * 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.
    */
   disabledCollapsible?: boolean;
 }
 /**
- * Props for the tree menu sub component.
+ * Properties for the TreeMenuSub component.
+ */
+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 TreeMenuSubProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+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 tree menu root context.
+ * Parameters used to create the TreeMenuRoot context.
  */
 interface TreeMenuRootContextParams {
   /**
@@ -126,12 +355,12 @@ interface TreeMenuRootContextParams {
   collapsed: ShallowRef<boolean>;
 }
 /**
- * Available UI slots for the tree menu component.
+ * 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 tree menu component.
+ * 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,16 +1,17 @@
-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
 /**
- * Type information for the virtualizer options component.
+ * Type information for VirtualizerOptions.
  */
 interface VirtualizerOptions$1 extends Omit<PartialKeys<VirtualizerOptions<HTMLElement, Element>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn' | 'estimateSize'>, 'count' | 'getScrollElement'> {}
 /**
- * Props for the virtualizer root component.
+ * 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
    */
@@ -29,22 +30,22 @@ interface VirtualizerRootProps<T extends Record<string, any> = Record<string, an
   dynamic?: boolean;
 }
 /**
- * Props for the virtualizer dynamic content component.
+ * Properties for the VirtualizerDynamicContent component.
  */
-interface VirtualizerDynamicContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface VirtualizerDynamicContentProps extends BaseProps {}
 /**
- * Props for the virtualizer content component.
+ * Properties for the VirtualizerContent component.
  */
-interface VirtualizerContentProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface VirtualizerContentProps extends PrimitiveWithBaseProps {
   /**
-   * Props forwarded to the dynamic content element.
+   * Properties forwarded to the dynamic content element.
    */
   dynamicContentProps?: VirtualizerDynamicContentProps;
 }
 /**
- * Props for the virtualizer item component.
+ * 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,22 +1,21 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/visually-hidden/types.d.ts
 /**
- * Type information for the visually hidden feature component.
+ * Type information for VisuallyHiddenFeature.
  */
 type VisuallyHiddenFeature = 'focusable' | 'fully-hidden';
 /**
- * Props for the visually hidden component.
+ * Properties for the VisuallyHidden component.
  */
-interface VisuallyHiddenProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface VisuallyHiddenProps extends PrimitiveWithBaseProps {
   /**
    * Feature.
    */
   feature?: VisuallyHiddenFeature;
 }
 /**
- * Props for the visually hidden input component.
+ * Properties for the VisuallyHiddenInput component.
  */
 interface VisuallyHiddenInputProps {
   /**

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};

package/dist/constants/components.d.ts

@@ -14,6 +14,7 @@ declare const components: {
   breadcrumb: string[];
   button: string[];
   calendar: string[];
+  calendarRange: string[];
   card: string[];
   carousel: string[];
   checkbox: string[];
@@ -50,18 +51,17 @@ declare const components: {
   listbox: string[];
   menu: string[];
   menubar: string[];
-  monthPicker: string[];
-  monthRangePicker: string[];
   navigationMenu: string[];
   pageTabs: string[];
   pagination: string[];
+  password: string[];
+  popconfirm: string[];
   popover: string[];
   popper: string[];
   portal: string[];
   primitive: string[];
   progress: string[];
   radioGroup: string[];
-  rangeCalendar: string[];
   rovingFocus: string[];
   scrollArea: string[];
   segment: string[];
@@ -79,9 +79,7 @@ declare const components: {
   tagsInput: string[];
   textarea: string[];
   timeField: string[];
-  timePicker: string[];
   timeRangeField: string[];
-  timeRangePicker: string[];
   toast: string[];
   toggle: string[];
   toggleGroup: string[];
@@ -91,8 +89,6 @@ declare const components: {
   treeMenu: string[];
   virtualizer: string[];
   visuallyHidden: string[];
-  yearPicker: string[];
-  yearRangePicker: string[];
 };
 //#endregion
 export { components };