@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,27 @@
+import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionSlotCompactProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<TreeMenuOptionSlotCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuOptionSlotCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { TreeMenuSubProps } from "./types.js";
+
+//#region src/components/tree-menu/tree-menu-sub.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TreeMenuSubProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuSubProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,366 @@
+import { HorizontalSide, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { AsTag, PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/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 TreeMenuCollapsedState.
+ */
+type TreeMenuCollapsedState = 'expanded' | 'collapsed';
+/**
+ * Properties for the TreeMenuRoot component.
+ */
+interface TreeMenuRootProps {
+  /**
+   * the active value of the tree menu. can be bound-with with `v-model`.
+   */
+  modelValue?: string;
+  /**
+   * the value of the tree menu when initially rendered. use when you do not need to control the state of the tree.
+   */
+  defaultValue?: string;
+  /**
+   * the expanded value of the tree menu. can be bound-with with `v-model`.
+   */
+  expanded?: string[];
+  /**
+   * the expanded value of the tree menu when initially rendered. use when you do not need to control the state of the tree.
+   */
+  defaultExpanded?: string[];
+  /**
+   * Whether the tree menu is collapsed.
+   *
+   * @default false
+   */
+  collapsed?: boolean;
+  /**
+   * 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.
+ */
+type TreeMenuRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: string];
+  /**
+   * Emitted when the expanded state changes.
+   */
+  'update:expanded': [value: string[]];
+  /**
+   * Emitted when the collapsed state changes.
+   */
+  'update:collapsed': [value: boolean];
+};
+/**
+ * Properties for the TreeMenuGroupRoot component.
+ */
+interface TreeMenuGroupRootProps extends BaseProps {}
+/**
+ * Properties for the TreeMenuGroup component.
+ */
+interface TreeMenuGroupProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the TreeMenuGroupLabel component.
+ */
+interface TreeMenuGroupLabelProps extends BaseProps {}
+/**
+ * Properties for the TreeMenuBaseItem component.
+ */
+interface TreeMenuBaseItemProps {
+  /**
+   * The unique value of the item.
+   */
+  value: string;
+  /**
+   * When `true`, prevents the user from interacting with the item.
+   */
+  disabled?: boolean;
+}
+/**
+ * Properties for the TreeMenuItem component.
+ */
+interface TreeMenuItemProps extends TreeMenuBaseItemProps, PrimitiveWithBaseProps {}
+/**
+ * Properties for the TreeMenuButton component.
+ */
+interface TreeMenuButtonProps extends ButtonProps {
+  /**
+   * When `true`, prevents the user from activating the item.
+   *
+   * @default false
+   */
+  disabledActive?: boolean;
+}
+/**
+ * Properties for the TreeMenuCollapsible component.
+ */
+interface TreeMenuCollapsibleProps extends PrimitiveWithBaseProps {
+  /**
+   * When `true`, prevents the user from activating the collapsible trigger.
+   */
+  disabledCollapsible?: boolean;
+}
+/**
+ * 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 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.
+ */
+interface TreeMenuRootContextParams {
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<string>;
+  /**
+   * Expanded used by the component context.
+   */
+  expanded: ShallowRef<string[]>;
+  /**
+   * Whether the component is collapsed.
+   */
+  collapsed: ShallowRef<boolean>;
+}
+/**
+ * Available UI slots for the TreeMenu component.
+ */
+type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'itemLabel' | 'itemAbsolute' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon' | 'sub' | 'subItem' | 'subButton' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent' | 'tooltipPositioner' | 'tooltipPopup' | 'tooltipArrow' | 'badgeRoot' | 'badgeContent';
+/**
+ * UI class overrides for the TreeMenu component.
+ */
+type TreeMenuUi = UiClass<TreeMenuUiSlot>;
+//#endregion
+export { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };

package/dist/components/virtualizer/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as t}from"vue";const[n,r]=e(`Virtualizer`,e=>{let{dynamic:n,isHorizontal:r}=e,i=t(()=>n.value&&!r.value);return{...e,isVerticalDynamic:i}});export{n as provideVirtualizerContext,r as useVirtualizerContext};

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

@@ -0,0 +1,5 @@
+import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "./types.js";
+import { _default as _default$2 } from "./virtualizer-root.vue.js";
+import { _default } from "./virtualizer-content.vue.js";
+import { _default as _default$1 } from "./virtualizer-item.vue.js";
+export { _default as VirtualizerContent, type VirtualizerContentProps, type VirtualizerDynamicContentProps, _default$1 as VirtualizerItem, type VirtualizerItemProps, type VirtualizerOptions, _default$2 as VirtualizerRoot, type VirtualizerRootProps };

package/dist/components/virtualizer/index.js

@@ -0,0 +1 @@
+import e from"./virtualizer-root.js";import t from"./virtualizer-item.js";import n from"./virtualizer-content.js";export{n as VirtualizerContent,t as VirtualizerItem,e as VirtualizerRoot};

package/dist/components/virtualizer/shared.js

@@ -0,0 +1 @@
+function e(e){if(!e)return{start:0,end:0};let{paddingBlockStart:t,paddingTop:n,paddingBlockEnd:r,paddingBottom:i}=window.getComputedStyle(e);return{start:Number.parseFloat(t||n),end:Number.parseFloat(r||i)}}export{e as getVirtualizerPadding};

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

@@ -0,0 +1,59 @@
+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 VirtualizerOptions.
+ */
+interface VirtualizerOptions$1 extends Omit<PartialKeys<VirtualizerOptions<HTMLElement, Element>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn' | 'estimateSize'>, 'count' | 'getScrollElement'> {}
+/**
+ * Properties for the VirtualizerRoot component.
+ */
+interface VirtualizerRootProps<T extends Record<string, any> = Record<string, any>> extends PrimitiveWithBaseProps {
+  /**
+   * The height of the virtualizer root
+   */
+  height: number | string;
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+  /**
+   * Options.
+   */
+  options?: VirtualizerOptions$1;
+  /**
+   * Whether dynamic.
+   */
+  dynamic?: boolean;
+}
+/**
+ * Properties for the VirtualizerDynamicContent component.
+ */
+interface VirtualizerDynamicContentProps extends BaseProps {}
+/**
+ * Properties for the VirtualizerContent component.
+ */
+interface VirtualizerContentProps extends PrimitiveWithBaseProps {
+  /**
+   * Properties forwarded to the dynamic content element.
+   */
+  dynamicContentProps?: VirtualizerDynamicContentProps;
+}
+/**
+ * Properties for the VirtualizerItem component.
+ */
+interface VirtualizerItemProps extends PrimitiveWithBaseProps {
+  /**
+   * Data.
+   */
+  data: VirtualItem;
+  /**
+   * Whether custom style.
+   */
+  customStyle?: boolean;
+}
+//#endregion
+export { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions$1 as VirtualizerOptions, VirtualizerRootProps };

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

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

@@ -0,0 +1,19 @@
+import { VirtualizerContentProps } from "./types.js";
+
+//#region src/components/virtualizer/virtualizer-content.vue.d.ts
+declare var __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<VirtualizerContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VirtualizerContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

@@ -0,0 +1,17 @@
+import { VirtualizerItemProps } from "./types.js";
+
+//#region src/components/virtualizer/virtualizer-item.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<VirtualizerItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VirtualizerItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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{getVirtualizerPadding as r}from"./shared.js";import{provideVirtualizerContext as i}from"./context.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(()=>r(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 i({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/virtualizer/virtualizer-root.vue.d.ts

@@ -0,0 +1,23 @@
+import { VirtualizerRootProps } from "./types.js";
+
+//#region src/components/virtualizer/virtualizer-root.vue.d.ts
+declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<VirtualizerRootProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      virtualItems: import("@tanstack/vue-virtual").VirtualItem[];
+      items: T[];
+    }) => any;
+  };
+  emit: {};
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,4 @@
+import { VisuallyHiddenFeature, VisuallyHiddenInputProps, VisuallyHiddenProps } from "./types.js";
+import { _default } from "./visually-hidden.vue.js";
+import { _default as _default$1 } from "./visually-hidden-input.vue.js";
+export { _default as VisuallyHidden, type VisuallyHiddenFeature, _default$1 as VisuallyHiddenInput, type VisuallyHiddenInputProps, type VisuallyHiddenProps };

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

@@ -0,0 +1 @@
+import e from"./visually-hidden.js";import t from"./visually-hidden-input.js";export{e as VisuallyHidden,t as VisuallyHiddenInput};

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

@@ -0,0 +1,47 @@
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+
+//#region src/components/visually-hidden/types.d.ts
+/**
+ * Type information for VisuallyHiddenFeature.
+ */
+type VisuallyHiddenFeature = 'focusable' | 'fully-hidden';
+/**
+ * Properties for the VisuallyHidden component.
+ */
+interface VisuallyHiddenProps extends PrimitiveWithBaseProps {
+  /**
+   * Feature.
+   */
+  feature?: VisuallyHiddenFeature;
+}
+/**
+ * Properties for the VisuallyHiddenInput component.
+ */
+interface VisuallyHiddenInputProps {
+  /**
+   * Name.
+   */
+  name: string;
+  /**
+   * Value associated with the current item.
+   */
+  value: any;
+  /**
+   * Whether the item is checked.
+   */
+  checked?: boolean;
+  /**
+   * Whether the value is required.
+   */
+  required?: boolean;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Feature.
+   */
+  feature?: VisuallyHiddenFeature;
+}
+//#endregion
+export { VisuallyHiddenFeature, VisuallyHiddenInputProps, VisuallyHiddenProps };

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

@@ -0,0 +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),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

@@ -0,0 +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)},{"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-input.vue.d.ts

@@ -0,0 +1,10 @@
+import { VisuallyHiddenFeature, VisuallyHiddenInputProps } from "./types.js";
+
+//#region src/components/visually-hidden/visually-hidden-input.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<VisuallyHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenInputProps> & Readonly<{}>, {
+  feature: VisuallyHiddenFeature;
+  checked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +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,"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};