@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

package/dist/components/scroll-area/types.d.ts

@@ -0,0 +1,102 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { CSSProperties, ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/scroll-area/types.d.ts
+/**
+ * Supported scroll area values.
+ */
+type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll' | 'glimpse';
+/**
+ * Type information for ScrollAreaOrientation.
+ */
+type ScrollAreaOrientation = 'horizontal' | 'vertical';
+/**
+ * State values for ScrollAreaState.
+ */
+type ScrollAreaState = 'hidden' | 'visible';
+/**
+ * Properties for the ScrollAreaRoot component.
+ */
+interface ScrollAreaRootProps extends PrimitiveWithBaseProps {
+  /** Controls scrollbar visibility behavior. */
+  type?: ScrollAreaType;
+  /** The reading direction of the scroll area. */
+  dir?: Direction;
+  /** Delay before transient scrollbars are hidden. */
+  scrollHideDelay?: number;
+}
+/**
+ * Properties for the ScrollAreaViewport component.
+ */
+interface ScrollAreaViewportProps extends PrimitiveWithBaseProps {
+  /** Adds a nonce to the injected style tag. */
+  nonce?: string;
+}
+/**
+ * Properties for the ScrollAreaScrollbar component.
+ */
+interface ScrollAreaScrollbarProps extends PrimitiveWithBaseProps {
+  /** The scrollbar orientation. */
+  orientation?: ScrollAreaOrientation;
+}
+/**
+ * Properties for the ScrollAreaThumb component.
+ */
+interface ScrollAreaThumbProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the ScrollAreaCorner component.
+ */
+interface ScrollAreaCornerProps extends PrimitiveWithBaseProps {}
+/**
+ * Events for the ScrollAreaRoot component.
+ */
+type ScrollAreaRootEmits = {};
+/**
+ * Properties for the ScrollAreaCompact component.
+ */
+interface ScrollAreaCompactProps extends ScrollAreaRootProps {
+  /**
+   * Properties forwarded to the viewport element.
+   */
+  viewportProps?: ScrollAreaViewportProps;
+  /**
+   * Properties forwarded to the vertical scrollbar element.
+   */
+  verticalScrollbarProps?: ScrollAreaScrollbarProps;
+  /**
+   * Properties forwarded to the horizontal scrollbar element.
+   */
+  horizontalScrollbarProps?: ScrollAreaScrollbarProps;
+  /**
+   * Properties forwarded to the thumb elements.
+   */
+  thumbProps?: ScrollAreaThumbProps;
+  /**
+   * Properties forwarded to the corner element.
+   */
+  cornerProps?: ScrollAreaCornerProps;
+}
+/**
+ * Events for the ScrollAreaCompact component.
+ */
+type ScrollAreaCompactEmits = ScrollAreaRootEmits;
+/**
+ * Slots for the ScrollAreaCompact component.
+ */
+type ScrollAreaCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+};
+/**
+ * Available UI slots for the ScrollArea component.
+ */
+type ScrollAreaUiSlot = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
+/**
+ * UI class overrides for the ScrollArea component.
+ */
+type ScrollAreaUi = UiClass<ScrollAreaUiSlot>;
+//#endregion
+export { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };

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

@@ -0,0 +1,8 @@
+import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "../tabs/types.js";
+import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot } from "./types.js";
+import { _default as _default$3 } from "../tabs/tabs-root.vue.js";
+import { _default as _default$2 } from "../tabs/tabs-list.vue.js";
+import { _default as _default$4 } from "../tabs/tabs-trigger.vue.js";
+import { _default as _default$1 } from "../tabs/tabs-indicator.vue.js";
+import { _default } from "./segment-compact.vue.js";
+export { _default as SegmentCompact, type SegmentCompactEmits, type SegmentCompactProps, type SegmentCompactSlots, _default$1 as SegmentIndicator, type TabsIndicatorProps as SegmentIndicatorProps, _default$2 as SegmentList, type TabsListProps as SegmentListProps, type TabsOptionData as SegmentOptionData, _default$3 as SegmentRoot, type TabsRootEmits as SegmentRootEmits, type TabsRootProps as SegmentRootProps, _default$4 as SegmentTrigger, type TabsTriggerProps as SegmentTriggerProps, type SegmentUi, type SegmentUiSlot };

package/dist/components/segment/index.js

@@ -0,0 +1 @@
+import e from"../tabs/tabs-root.js";import t from"../tabs/tabs-list.js";import n from"../tabs/tabs-trigger.js";import r from"../tabs/tabs-indicator.js";import"../tabs/index.js";import i from"./segment-compact.js";export{i as SegmentCompact,r as SegmentIndicator,t as SegmentList,e as SegmentRoot,n as SegmentTrigger};

package/dist/components/segment/segment-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useTabsUi as t}from"../tabs/context.js";import n from"../tabs/tabs-root.js";import r from"../tabs/tabs-list.js";import i from"../tabs/tabs-trigger.js";import a from"../tabs/tabs-indicator.js";import"../tabs/index.js";import{Fragment as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,withCtx as C}from"vue";const w=p({name:`SegmentCompact`,__name:`segment-compact`,props:{items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(p,{emit:w}){let T=p,E=w,D=e(T,[`items`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),O=t(),k=e=>{E(`update:modelValue`,e)};return(e,t)=>(v(),s(S(n),h(S(D),{"data-soybean-segment":``,"onUpdate:modelValue":k}),{default:C(()=>[f(S(r),_(m(p.listProps)),{default:C(()=>[(v(!0),l(o,null,y(p.items,t=>(v(),s(S(i),h({key:t.value},{ref_for:!0},p.triggerProps,{value:t.value,disabled:t.disabled}),{default:C(n=>[b(e.$slots,`item`,h({ref_for:!0},{...t,...n}),()=>[d(x(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),p.enableIndicator?(v(),s(S(a),_(h({key:0},p.indicatorProps)),{default:C(()=>[b(e.$slots,`indicator`,{},()=>[u(`div`,{class:g(S(O).indicatorContent)},null,2)])]),_:3},16)):c(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/segment/segment-compact.vue.d.ts

@@ -0,0 +1,21 @@
+import { TabsOptionData } from "../tabs/types.js";
+import { SegmentCompactProps, SegmentCompactSlots } from "./types.js";
+
+//#region src/components/segment/segment-compact.vue.d.ts
+declare const __VLS_export: <T extends TabsOptionData = TabsOptionData>(__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<SegmentCompactProps<T> & {
+    "onUpdate:modelValue"?: ((payload: Exclude<T["value"], undefined>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: SegmentCompactSlots<T>;
+  emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,58 @@
+import { AcceptableValue, UiClass } from "../../types/common.js";
+import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUiSlot } from "../tabs/types.js";
+
+//#region src/components/segment/types.d.ts
+/**
+ * Properties for the SegmentCompact component.
+ */
+interface SegmentCompactProps<T extends TabsOptionData> extends TabsRootProps<T['value'] | null> {
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+  /**
+   * Whether to enable indicator.
+   */
+  enableIndicator?: boolean;
+  /**
+   * Properties forwarded to the list element.
+   */
+  listProps?: TabsListProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: TabsTriggerProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: TabsIndicatorProps;
+}
+/**
+ * Events for the SegmentCompact component.
+ */
+type SegmentCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+/**
+ * Slots for the SegmentCompact component.
+ */
+type SegmentCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+  /**
+   * Custom content for the item slot.
+   */
+  item?: (props: T & {
+    active: boolean;
+  }) => any;
+  /**
+   * Custom content for the indicator slot.
+   */
+  indicator?: () => any;
+};
+/**
+ * Available UI slots for the Segment component.
+ */
+type SegmentUiSlot = Exclude<TabsUiSlot, 'content'>;
+/**
+ * UI class overrides for the Segment component.
+ */
+type SegmentUi = UiClass<SegmentUiSlot>;
+//#endregion
+export { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot };

package/dist/components/select/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { SelectUiSlot } from "./types.js";
+//#region src/components/select/context.d.ts
+declare const provideSelectUi: (ui: import("vue").ComputedRef<Partial<UiClass<SelectUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SelectUiSlot>>>, useSelectUi: UseUiConsumer<SelectUiSlot>;
+//#endregion
+export { provideSelectUi };

package/dist/components/select/context.js

@@ -0,0 +1 @@
+import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import{useContext as r}from"../../composables/use-context.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=`soybean-select-content-${d()}`,p=()=>{s.value||(s.value=f)},m=u(),h=e=>{m.value=e},g=u(),_=e=>{g.value=e},v=l(new Set),y=c(()=>Array.from(v.value)),b=c(()=>y.value.map(e=>e.value).join(`;`)),x=e=>{v.value.add(e)},S=e=>{v.value.delete(e)},C=u({x:0,y:0}),w=e=>{C.value=e},T=()=>{C.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:p,triggerElement:m,onTriggerElementChange:h,valueElement:g,onValueElementChange:_,optionsSet:v,onOptionAdd:x,onOptionRemove:S,options:y,nativeSelectKey:b,triggerPointerDownPosition:C,setTriggerPointerDownPosition:w,resetTriggerPointerDownPosition:T}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``),t=`soybean-select-group-label-${d()}`;return{labelId:e,initLabelId:()=>{e.value||(e.value=t)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=`soybean-select-item-text-${d()}`,o=()=>{i.value||(i.value=a)};return{...e,textId:i,initTextId:o,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=o(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};

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

@@ -0,0 +1,22 @@
+import { PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$8 } from "../portal/portal.vue.js";
+import { SelectCompactEmits, SelectCompactProps, SelectCompactSlots, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps } from "./types.js";
+import { _default as _default$9 } from "./select-root.vue.js";
+import { _default as _default$1 } from "./select-compact.vue.js";
+import { _default as _default$13 } from "./select-trigger.vue.js";
+import { _default as _default$2 } from "./select-content.vue.js";
+import { _default as _default$16 } from "./select-viewport.vue.js";
+import { _default as _default$3 } from "./select-group.vue.js";
+import { _default as _default$4 } from "./select-group-label.vue.js";
+import { _default as _default$5 } from "./select-item.vue.js";
+import { _default as _default$6 } from "./select-item-indicator.vue.js";
+import { _default as _default$7 } from "./select-item-text.vue.js";
+import { _default as _default$15 } from "./select-value.vue.js";
+import { _default as _default$14 } from "./select-trigger-icon.vue.js";
+import { _default as _default$11 } from "./select-scroll-up-button.vue.js";
+import { _default as _default$10 } from "./select-scroll-down-button.vue.js";
+import { _default as _default$12 } from "./select-separator.vue.js";
+import { _default } from "./select-arrow.vue.js";
+import { provideSelectUi } from "./context.js";
+export { _default as SelectArrow, type PopperArrowProps as SelectArrowProps, _default$1 as SelectCompact, type SelectCompactEmits, type SelectCompactProps, type SelectCompactSlots, _default$2 as SelectContent, type SelectContentEmits, type SelectContentProps, _default$3 as SelectGroup, _default$4 as SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupOptionData, type SelectGroupProps, _default$5 as SelectItem, type SelectItemEmits, type SelectItemEvent, _default$6 as SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, _default$7 as SelectItemText, type SelectItemTextProps, type SelectOptionData, type SelectPopupProps, _default$8 as SelectPortal, type PortalProps as SelectPortalProps, type SelectPosition, _default$9 as SelectRoot, type SelectRootEmits, type SelectRootProps, _default$10 as SelectScrollDownButton, type SelectScrollDownButtonProps, _default$11 as SelectScrollUpButton, type SelectScrollUpButtonProps, _default$12 as SelectSeparator, type SelectSeparatorProps, type SelectSingleOptionData, _default$13 as SelectTrigger, _default$14 as SelectTriggerIcon, type SelectTriggerIconProps, type SelectTriggerProps, type SelectUi, type SelectUiSlot, _default$15 as SelectValue, type SelectValueProps, _default$16 as SelectViewport, type SelectViewportProps, provideSelectUi };

package/dist/components/select/index.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-arrow.js";import i from"./select-content.js";import a from"./select-group-label.js";import o from"./select-group.js";import s from"./select-item-indicator.js";import c from"./select-item-text.js";import l from"./select-item.js";import u from"./select-scroll-down-button.js";import d from"./select-scroll-up-button.js";import f from"./select-separator.js";import p from"./select-trigger-icon.js";import m from"./select-trigger.js";import h from"./select-value.js";import g from"./select-viewport.js";import _ from"./select-compact.js";export{r as SelectArrow,_ as SelectCompact,i as SelectContent,o as SelectGroup,a as SelectGroupLabel,l as SelectItem,s as SelectItemIndicator,c as SelectItemText,e as SelectPortal,n as SelectRoot,u as SelectScrollDownButton,d as SelectScrollUpButton,f as SelectSeparator,m as SelectTrigger,p as SelectTriggerIcon,h as SelectValue,g as SelectViewport,t as provideSelectUi};

package/dist/components/select/select-arrow.js

@@ -0,0 +1 @@
+import e from"../popper/popper-arrow.js";import"../popper/index.js";import{useSelectContentContext as t}from"./context.js";import{computed as n,createBlock as r,createCommentVNode as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`SelectArrow`,__name:`select-arrow`,setup(a){let{position:u}=t(`SelectArrow`),d=n(()=>u.value===`popper`);return(t,n)=>d.value?(o(),r(c(e),{key:0,"data-soybean-select-arrow":``},{default:l(()=>[s(t.$slots,`default`)]),_:3})):i(`v-if`,!0)}});export{u as default};

package/dist/components/select/select-arrow.vue.d.ts

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

@@ -0,0 +1 @@
+import e from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useSelectRootContext as t}from"./context.js";import{createBlock as n,createElementVNode as r,defineComponent as i,mergeProps as a,openBlock as o,ref as s,renderSlot as c,unref as l,watch as u,withCtx as d}from"vue";const f=i({name:`SelectBubbleSelect`,__name:`select-bubble-select`,props:{autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},form:{},multiple:{type:Boolean},name:{},required:{type:Boolean},size:{},value:{}},setup(i){let f=i,{onModelValueChange:p}=t(`SelectBubbleSelect`),m=s(),h=e=>{p(e.target.value)};return u(()=>f.value,(e,t)=>{if(!m.value||e===t)return;let n=window.HTMLSelectElement.prototype,r=Object.getOwnPropertyDescriptor(n,`value`).set;if(!r)return;let i=new Event(`change`,{bubbles:!0});r.call(m.value,e),m.value.dispatchEvent(i)}),(t,i)=>(o(),n(l(e),{"as-child":``},{default:d(()=>[r(`select`,a({ref_key:`selectElement`,ref:m},f,{"data-soybean-select-bubble-select":``,onInput:h}),[c(t.$slots,`default`)],16)]),_:3}))}});export{f as default};

package/dist/components/select/select-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../portal/portal.js";import"../portal/index.js";import r from"./select-root.js";import{isGroupOption as i}from"./shared.js";import a from"./select-arrow.js";import o from"./select-content.js";import s from"./select-group-label.js";import c from"./select-group.js";import l from"./select-item-indicator.js";import u from"./select-item-text.js";import d from"./select-item.js";import f from"./select-scroll-down-button.js";import p from"./select-scroll-up-button.js";import m from"./select-separator.js";import h from"./select-trigger-icon.js";import g from"./select-trigger.js";import _ from"./select-value.js";import v from"./select-viewport.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";const I=E({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(E,{emit:I}){let L=E,R=I,z=e(L,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),B=b(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),V=b(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps})),H=e=>i(e)?`group-${e.label}`:`item-${String(e.value)}`,U=e=>e,W=e=>{R(`update:modelValue`,e)},G=e=>{R(`select`,e)};return(e,b)=>(A(),x(r,O(P(z),{"onUpdate:modelValue":W,"onUpdate:open":b[5]||(b[5]=e=>R(`update:open`,e))}),{default:F(()=>[T(g,k(D(E.triggerProps)),{default:F(()=>[M(e.$slots,`trigger-leading`),T(_,k(D(B.value)),{default:F(t=>[M(e.$slots,`trigger-value`,k(D(U(t))))]),_:3},16),M(e.$slots,`trigger-trailing`),T(h,k(D(E.triggerIconProps)),{default:F(()=>[M(e.$slots,`trigger-icon`,{},()=>[T(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),T(P(n),k(D(E.portalProps)),{default:F(()=>[T(o,O(V.value,{onCloseAutoFocus:b[2]||(b[2]=e=>R(`closeAutoFocus`,e)),onEscapeKeyDown:b[3]||(b[3]=e=>R(`escapeKeyDown`,e)),onPointerDownOutside:b[4]||(b[4]=e=>R(`pointerDownOutside`,e))}),{default:F(()=>[T(p,k(D(E.scrollUpButtonProps)),{default:F(()=>[M(e.$slots,`scroll-up-button`,{},()=>[T(t,{icon:`lucide:chevron-up`})])]),_:3},16),T(v,k(D(E.viewportProps)),{default:F(()=>[(A(!0),C(y,null,j(E.items,n=>(A(),C(y,{key:H(n)},[P(i)(n)?(A(),x(c,O({key:0,ref_for:!0},E.groupProps),{default:F(()=>[T(s,O({ref_for:!0},E.groupLabelProps),{default:F(()=>[M(e.$slots,`group-label`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),(A(!0),C(y,null,j(n.items,n=>(A(),C(y,{key:String(n.value)},[T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[0]||(b[0]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(u,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(l,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))),128))]),_:2},1040)):(A(),C(y,{key:1},[T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[1]||(b[1]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(u,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(l,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))],64))),128))]),_:3},16),T(f,k(D(E.scrollDownButtonProps)),{default:F(()=>[M(e.$slots,`scroll-down-button`,{},()=>[T(t,{icon:`lucide:chevron-down`})])]),_:3},16),E.showArrow?(A(),x(a,k(O({key:0},E.arrowProps)),null,16)):S(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

package/dist/components/select/select-compact.vue.d.ts

@@ -0,0 +1,26 @@
+import { DefinedValue } from "../../types/common.js";
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types.js";
+//#region src/components/select/select-compact.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__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<SelectCompactProps<T, M> & {
+    onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: SelectCompactSlots<T, M>;
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/select/select-content-impl.js

@@ -0,0 +1 @@
+import{tryFocusFirst as e}from"../../shared/focus.js";import"../../shared/index.js";import{useBodyScrollLock as t}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as n}from"../../composables/use-dismissable-layer.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useFocusGuards as i}from"../../composables/use-focus-guards.js";import{useFocusScope as a}from"../../composables/use-focus-scope.js";import{useHideOthers as ee}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import{useTypeahead as s}from"../../composables/use-typeahead.js";import"../../composables/index.js";import te from"../popper/popper-positioner.js";import"../popper/index.js";import{provideSelectContentContext as c,useCollectionContext as ne,useSelectPopupElementContext as re,useSelectRootContext as l}from"./context.js";import"./shared.js";import u from"./select-item-aligned-popup.js";import d from"./select-item-aligned-positioner.js";import f from"./select-popper-popup.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onWatcherCleanup as v,openBlock as y,renderSlot as b,unref as x,watch as S,watchEffect as C,withCtx as w,withModifiers as T}from"vue";const E=g({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:10},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean,default:!0}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(g,{emit:E}){let D=g,O=E,{open:k,onOpenChange:A,dataState:j,modelValue:M,isMultiple:N,dir:P,contentId:F,triggerElement:I,triggerPointerDownPosition:L,resetTriggerPointerDownPosition:R}=l(`SelectContentImpl`),{onPopupElementChange:z}=re(`SelectContentImpl`),{onContainerElementChange:B,getOrderedItems:V,getOrderedElements:H}=ne(`SelectContentImpl`),[U,W]=r(),[G,K]=r(e=>{z(e),B(e)}),{search:q,handleTypeaheadSearch:J}=s(),{pointerEvents:Y}=n(U,{disableOutsidePointerEvents:()=>D.disableOutsidePointerEvents,onEscapeKeyDown:e=>{O(`escapeKeyDown`,e)},onPointerDownOutside:e=>{O(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{A(!1)}}),{onKeydown:ie}=a(U,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{O(`closeAutoFocus`,e),!e.defaultPrevented&&(I.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:ae}=c({position:p(()=>D.position),modelValue:M,isMultiple:N,search:q,popupElement:G}),oe=o(D,[`position`,`bodyLock`,`popupProps`,`disableOutsidePointerEvents`]),Z=p(()=>({display:`flex`,flexDirection:`column`,outline:`none`,pointerEvents:Y.value})),Q=t=>{ie(t);let n=t.ctrlKey||t.altKey||t.metaKey;if(t.key===`Tab`&&t.preventDefault(),!n&&t.key.length===1&&J(t.key,V()),[`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(t.key)){let n=[...H()];if([`ArrowUp`,`End`].includes(t.key)&&(n=n.slice().reverse()),[`ArrowUp`,`ArrowDown`].includes(t.key)){let e=t.target,r=n.indexOf(e);n=n.slice(r+1)}setTimeout(()=>{e(n)}),t.preventDefault()}},$=()=>{X.value=!0};return i(),ee(G,k),S(X,()=>{ae()}),C(()=>{D.bodyLock&&v(t())}),C(()=>{if(!G.value)return;let e={x:0,y:0},t=t=>{let{x:n,y:r}=L.value??{x:0,y:0};e={x:Math.abs(Math.round(t.pageX)-n),y:Math.abs(Math.round(t.pageY)-r)}},n=n=>{n.pointerType!==`touch`&&(e.x<=10&&e.y<=10?n.preventDefault():G.value?.contains(n.target)||A(!1),document.removeEventListener(`pointermove`,t),R())};L.value!==null&&(document.addEventListener(`pointermove`,t),document.addEventListener(`pointerup`,n,{capture:!0,once:!0})),v(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>g.position===`popper`?(y(),m(x(te),_({key:0,ref:x(W)},x(oe),{onContextmenu:t[0]||(t[0]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q}),{default:w(()=>[h(f,_({id:x(F),ref:x(K)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(j),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`style`])]),_:3},16)):(y(),m(d,{key:1,ref:x(W),onContextmenu:t[1]||(t[1]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q},{default:w(()=>[h(u,_({id:x(F),ref:x(K)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(j),dir:x(P),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},512))}});export{E as default};

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{provideSelectPopupElementContext as r,useSelectRootContext as i}from"./context.js";import a from"./select-content-impl.js";import o from"./select-teleport-provider.js";import{Teleport as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createVNode as d,defineComponent as f,mergeProps as p,onMounted as m,openBlock as h,ref as g,renderSlot as _,shallowRef as v,toHandlers as y,unref as b,useAttrs as x,withCtx as S}from"vue";const C={key:1},w=f({name:`SelectContent`,inheritAttrs:!1,__name:`select-content`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(f,{emit:w}){let T=f,E=w,D=n(T,[`forceMount`],x()),O=e(E),{open:k}=i(`SelectContent`),{popupElement:A}=r(),j=T.forceMount?v(!0):t(A,k),M=g();return m(()=>{M.value=new DocumentFragment}),(e,t)=>b(j)?(h(),c(a,p({key:0,"data-soybean-select-content":``},b(D),y(b(O))),{default:S(()=>[_(e.$slots,`default`)]),_:3},16)):M.value?(h(),u(`div`,C,[(h(),c(s,{to:M.value},[d(o,{position:f.position,"popup-element":b(A)},{default:S(()=>[_(e.$slots,`default`)]),_:3},8,[`position`,`popup-element`])],8,[`to`]))])):l(`v-if`,!0)}});export{w as default};

package/dist/components/select/select-content.vue.d.ts

@@ -0,0 +1,32 @@
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { SelectContentProps, SelectPosition } from "./types.js";
+//#region src/components/select/select-content.vue.d.ts
+declare var __VLS_8: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  default?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SelectContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<SelectContentProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  position: SelectPosition;
+  avoidCollisions: boolean;
+  prioritizePosition: boolean;
+  bodyLock: boolean;
+}, {}, {}, {}, 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/select/select-group-label.js

@@ -0,0 +1 @@
+import{useSelectGroupContext as e,useSelectUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`SelectGroupLabel`,__name:`select-group-label`,setup(r){let{labelId:l}=e(`SelectGroupLabel`),u=t(`groupLabel`);return(e,t)=>(a(),n(`div`,{id:s(l),"data-soybean-select-group-label":``,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/select/select-group-label.vue.d.ts

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

@@ -0,0 +1 @@
+import{provideSelectGroupContext as e,useSelectUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`aria-labelledby`],l=r({name:`SelectGroup`,__name:`select-group`,setup(r){let{labelId:l,initLabelId:u}=e(),d=t(`group`);return u(),(e,t)=>(a(),n(`div`,{"data-soybean-select-group":``,class:i(s(d)),"aria-labelledby":s(l),role:`group`},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/select/select-group.vue.d.ts

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectPopupElementContext as t,useSelectUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`SelectItemAlignedPopup`,__name:`select-item-aligned-popup`,setup(i){let{onPopupElementChange:l}=t(`SelectItemAlignedPopup`),[u,d]=e(l),f=n(`popup`);return(e,t)=>(o(),r(`div`,{ref:c(d),"data-soybean-select-item-aligned-popup":``,class:a(c(f)),style:{"box-sizing":`border-box`,"max-height":`100%`}},[s(e.$slots,`default`)],2))}});export{l as default};

package/dist/components/select/select-item-aligned-positioner.js

@@ -0,0 +1 @@
+import{clamp as e}from"../../shared/value.js";import"../../shared/index.js";import{provideSelectItemAlignedPositionContext as t,useCollectionContext as n,useSelectContentContext as r,useSelectPopupElementContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import"./shared.js";import{createElementBlock as s,defineComponent as c,nextTick as l,normalizeClass as u,normalizeStyle as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";const v=c({name:`SelectItemAlignedPosition`,__name:`select-item-aligned-positioner`,emits:[`placed`],setup(c,{emit:v}){let y=v,b=o(`positioner`),{dir:x,triggerElement:S,valueElement:C}=a(`SelectItemAlignedPosition`),{viewportElement:w,selectedItemElement:T,selectedItemTextElement:E,focusSelectedItem:D}=r(`SelectItemAlignedPosition`),{getOrderedElements:O}=n(`SelectItemAlignedPosition`),k=h(),{popupElement:A}=i(`SelectItemAlignedPosition`),j=h(!1),M=!0;function N(){if(!S.value||!C.value||!k.value||!A.value||!w.value||!T.value||!E.value)return;let t=S.value.getBoundingClientRect(),n=A.value.getBoundingClientRect(),r=C.value.getBoundingClientRect(),i=E.value.getBoundingClientRect();if(x.value!==`rtl`){let a=i.left-n.left,o=r.left-a,s=t.left-o,c=t.width+s,l=Math.max(c,n.width),u=window.innerWidth-10,d=e(o,10,Math.max(10,u-l));k.value.style.minWidth=`${c}px`,k.value.style.left=`${d}px`}else{let a=n.right-i.right,o=window.innerWidth-r.right-a,s=window.innerWidth-t.right-o,c=t.width+s,l=Math.max(c,n.width),u=window.innerWidth-10,d=e(o,10,Math.max(10,u-l));k.value.style.minWidth=`${c}px`,k.value.style.right=`${d}px`}let a=O(),o=window.innerHeight-20,s=w.value.scrollHeight,c=window.getComputedStyle(A.value),l=Number.parseInt(c.borderTopWidth,10),u=Number.parseInt(c.paddingTop,10),d=Number.parseInt(c.borderBottomWidth,10),f=Number.parseInt(c.paddingBottom,10),p=l+u+s+f+d,m=Math.min(T.value.offsetHeight*5,p),h=window.getComputedStyle(w.value),g=Number.parseInt(h.paddingTop,10),_=Number.parseInt(h.paddingBottom,10),v=t.top+t.height/2-10,b=o-v,D=T.value.offsetHeight/2,M=T.value.offsetTop+D,N=l+u+M,P=p-N;if(N<=v){let e=T.value===a[a.length-1];k.value.style.bottom=`0px`;let t=A.value.clientHeight-w.value.offsetTop-w.value.offsetHeight,n=N+Math.max(b,D+(e?_:0)+t+d);k.value.style.height=`${n}px`}else{let e=T.value===a[0];k.value.style.top=`0px`;let t=Math.max(v,l+w.value.offsetTop+(e?g:0)+D)+P;k.value.style.height=`${t}px`,w.value.scrollTop=N-v+w.value.offsetTop}k.value.style.margin=`10px 0`,k.value.style.minHeight=`${m}px`,k.value.style.maxHeight=`${o}px`,y(`placed`),requestAnimationFrame(()=>{j.value=!0})}let P=h(``),F=()=>{A.value&&(P.value=window.getComputedStyle(A.value).zIndex)};function I(e){!e||!M||(N(),D(),M=!1)}return t({positionerElement:k,shouldExpandOnScroll:j,onScrollButtonChange:I}),_(S,()=>{N()}),f(async()=>{await l(),N(),F()}),(e,t)=>(p(),s(`div`,{ref_key:`positionerElement`,ref:k,"data-soybean-select-item-aligned-positioner":``,class:u(g(b)),style:d([{display:`flex`,"flex-direction":`column`,position:`fixed`},{zIndex:P.value}])},[m(e.$slots,`default`)],6))}});export{v as default};

package/dist/components/select/select-item-indicator.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSelectItemContext as t,useSelectUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`SelectItemIndicator`,__name:`select-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let{isSelected:d}=t(`SelectItemIndicator`),f=n(`itemIndicator`);return(t,n)=>l(d)?(s(),r(l(e),{key:0,"data-soybean-select-item-indicator":``,as:a.as,"as-child":a.asChild,class:o(l(f)),"aria-hidden":`true`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):i(`v-if`,!0)}});export{d as default};

package/dist/components/select/select-item-indicator.vue.d.ts

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectContentContext as t,useSelectItemContext as n,useSelectRootContext as r,useSelectUi as i}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,onMounted as l,onUnmounted as u,openBlock as d,renderSlot as f,unref as p}from"vue";const m=[`id`],h=s({name:`SelectItemText`,__name:`select-item-text`,setup(s){let{onOptionAdd:h,onOptionRemove:g}=r(`SelectItemText`),{onSelectedItemTextElementChange:_}=t(`SelectItemText`),{onItemTextElementChange:v,value:y,disabled:b,textId:x,initTextId:S}=n(`SelectItemText`),[C,w]=e(e=>{v(e),_(e,y,b.value??!1)}),T=i(`itemText`),E=a(()=>({value:y,disabled:b.value??!1,textContent:C.value?.textContent??y?.toString()??``}));return S(),l(()=>{h(E.value)}),u(()=>{g(E.value)}),(e,t)=>(d(),o(`span`,{id:p(x),ref:p(w),"data-soybean-select-item-text":``,class:c(p(T))},[f(e.$slots,`default`)],10,m))}});export{h as default};

package/dist/components/select/select-item-text.vue.d.ts

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

@@ -0,0 +1 @@
+import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getBinaryCheckedState as t}from"../../shared/value.js";import{getActiveElement as n}from"../../shared/dom.js";import{transformPropsToContext as r}from"../../shared/vue.js";import{handleAndDispatchCustomEvent as i}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import{provideSelectItemContext as s,useCollectionItem as c,useSelectContentContext as l,useSelectRootContext as u,useSelectUi as d}from"./context.js";import{SELECTION_KEYS as f,SELECT_EVENT as p}from"./shared.js";import{computed as m,createBlock as h,defineComponent as g,nextTick as _,normalizeClass as v,openBlock as y,renderSlot as b,shallowRef as x,unref as S,withCtx as C,withModifiers as w}from"vue";const T=g({name:`SelectItem`,__name:`select-item`,props:{value:{},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(g,{emit:T}){let E=g,D=T,{modelValue:O,onModelValueChange:k,onOpenChange:A,isMultiple:j}=u(`SelectItem`),M=d(`item`),N=m(()=>e(O.value,E.value)),{textId:P,textValue:F,disabled:I}=s({...r(E,[`textValue`,`disabled`]),value:E.value,isSelected:N}),{onItemElementChange:L}=c(()=>({textValue:F.value})),{onSelectedItemElementChange:R,onItemElementLeave:z,search:B}=l(`SelectItem`),[V,H]=a(e=>{R(e,E.value,E.disabled),L(e)}),U=m(()=>t(N.value)),W=x(!1),G=()=>{W.value=!0},K=()=>{W.value=!1};async function q(e){e.defaultPrevented||i(p,J,{originalEvent:e,value:E.value})}async function J(e){await _(),D(`select`,e),!e.defaultPrevented&&(I.value||(k(E.value),!j.value&&A(!1)))}async function Y(e){await _(),!e.defaultPrevented&&(I.value?z():e.currentTarget?.focus({preventScroll:!0}))}async function X(e){await _(),!e.defaultPrevented&&e.currentTarget===n()&&z()}async function Z(e){await _(),!e.defaultPrevented&&(B.value!==``&&e.key===` `||(f.includes(e.key)&&q(e),e.key===` `&&e.preventDefault()))}function Q(e){e.currentTarget.focus({preventScroll:!0})}if(E.value===``)throw Error(`A <SelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.`);return(e,t)=>(y(),h(S(o),{ref:S(H),"data-soybean-select-item":``,"data-soybean-collection-item":``,as:g.as,"as-child":g.asChild,class:v(S(M)),"aria-disabled":S(I)||void 0,"data-highlighted":W.value?``:void 0,"aria-labelledby":S(P),"aria-selected":N.value,"data-disabled":S(I)?``:void 0,"data-state":U.value,role:`option`,tabindex:S(I)?void 0:-1,onFocus:G,onBlur:K,onPointerup:q,onPointerdown:Q,onTouchend:t[0]||(t[0]=w(()=>{},[`prevent`,`stop`])),onPointermove:Y,onPointerleave:X,onKeydown:Z},{default:C(()=>[b(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-disabled`,`data-highlighted`,`aria-labelledby`,`aria-selected`,`data-disabled`,`data-state`,`tabindex`]))}});export{T as default};

package/dist/components/select/select-item.vue.d.ts

@@ -0,0 +1,22 @@
+import { DefinedValue } from "../../types/common.js";
+import { SelectItemEvent, SelectItemProps } from "./types.js";
+
+//#region src/components/select/select-item.vue.d.ts
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SelectItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (event: SelectItemEvent<DefinedValue>) => any;
+}, string, import("vue").PublicProps, Readonly<SelectItemProps> & Readonly<{
+  onSelect?: ((event: SelectItemEvent<DefinedValue>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/select/select-popper-popup.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import{useSelectPopupElementContext as r}from"./context.js";import{selectCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`SelectPopperPopup`,__name:`select-popper-popup`,setup(o){let{onPopupElementChange:d}=r(`SelectPopperPopup`),[f,p]=e(d),m={boxSizing:`border-box`,[i.popupTransformOrigin]:`var(${t.transformOrigin})`,[i.popupAvailableWidth]:`var(${t.availableWidth})`,[i.popupAvailableHeight]:`var(${t.availableHeight})`,[i.triggerWidth]:`var(${t.anchorWidth})`,[i.triggerHeight]:`var(${t.anchorHeight})`};return(e,t)=>(s(),a(l(n),{ref:l(p),"data-soybean-select-popper-popup":``,style:m},{default:u(()=>[c(e.$slots,`default`)]),_:3},512))}});export{d as default};

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

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import a from"../popper/popper-root.js";import"../popper/index.js";import{provideCollectionContext as o,provideSelectRootContext as s}from"./context.js";import c from"./select-bubble-select.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withCtx as b}from"vue";const x={key:0,value:``},S=m({name:`SelectRoot`,inheritAttrs:!1,__name:`select-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`],setup(m,{emit:S}){let C=m,w=S,{modelValue:T,isMultiple:E,onModelValueChange:D,isEmptyModelValue:O}=i(C,e=>{w(`update:modelValue`,e)}),k=r(()=>C.open,e=>{w(`update:open`,e)},C.defaultOpen),{dir:A,triggerElement:j,options:M,nativeSelectKey:N}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`,`clearable`]),open:k,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O});o();let P=u(()=>t(j.value));return(t,n)=>(g(),d(y(a),{dir:y(A)},{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(k)}),P.value?(g(),d(c,{key:y(N),"aria-hidden":`true`,tabindex:`-1`,multiple:m.multiple,required:m.required,name:m.name,autocomplete:m.autocomplete,disabled:m.disabled,value:y(T)},{default:b(()=>[y(e)(y(T))?(g(),p(`option`,x)):f(`v-if`,!0),(g(!0),p(l,null,_(y(M),e=>(g(),p(`option`,h({key:e.value??``},{ref_for:!0},e),null,16))),128))]),_:1},8,[`multiple`,`required`,`name`,`autocomplete`,`disabled`,`value`])):f(`v-if`,!0)]),_:3},8,[`dir`]))}});export{S as default};

package/dist/components/select/select-root.vue.d.ts

@@ -0,0 +1,27 @@
+import { DefinedValue } from "../../types/common.js";
+import { SelectRootProps } from "./types.js";
+
+//#region src/components/select/select-root.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__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<SelectRootProps<T, M> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: ((M extends true ? T[] : T) & (DefinedValue | DefinedValue[])) | undefined;
+      open: boolean;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/select/select-scroll-button-impl.js

@@ -0,0 +1 @@
+import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import t from"../button/button.js";import{useCollectionContext as n,useSelectContentContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,onBeforeUnmount as s,openBlock as c,renderSlot as l,watchEffect as u,withCtx as d}from"vue";const f=a({name:`SelectScrollButtonImpl`,__name:`select-scroll-button-impl`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`autoScroll`],setup(a,{emit:f}){let p=a,m=f,{getOrderedItems:h}=n(`SelectScrollButtonImpl`),{onItemElementLeave:g}=r(`SelectScrollButtonImpl`),_=null,v=()=>{_!==null&&(window.clearInterval(_),_=null)},y=()=>{_===null&&(_=window.setInterval(()=>{m(`autoScroll`)},50))},b=()=>{g(),_===null&&(_=window.setInterval(()=>{m(`autoScroll`)},50))},x=()=>{v()};return u(()=>{h().map(e=>e.element).find(t=>t===e())?.scrollIntoView({block:`nearest`})}),s(()=>{v()}),(e,n)=>(c(),i(t,o(p,{"data-soybean-select-scroll-button-impl":``,"aria-hidden":`true`,style:{"flex-shrink":`0`},onPointerdown:y,onPointermove:b,onPointerleave:x}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16))}});export{f as default};

package/dist/components/select/select-scroll-down-button.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectUi as r}from"./context.js";import i from"./select-scroll-button-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,onWatcherCleanup as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,watchEffect as m,withCtx as h}from"vue";const g=s({name:`SelectScrollDownButton`,__name:`select-scroll-down-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let g=s,{selectedItemElement:_,viewportElement:v,isPositioned:y}=t(`SelectScrollDownButton`),b=n(),[x,S]=e(e=>{b?.onScrollButtonChange(e)}),C=r(`scrollDownButton`),w=()=>{v.value&&_.value&&(v.value.scrollTop+=_.value.offsetHeight)},T=f(!1);return m(()=>{if(!v.value||!y.value)return;let e=v.value;function t(){let t=e.scrollHeight-e.clientHeight;T.value=Math.ceil(e.scrollTop)<t}t(),e.addEventListener(`scroll`,t),l(()=>{e.removeEventListener(`scroll`,t)})}),(e,t)=>T.value?(u(),a(i,c({key:0,ref:p(S),"data-soybean-select-scroll-down-button":``},g,{class:p(C),onAutoScroll:w}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`class`])):o(`v-if`,!0)}});export{g as default};

package/dist/components/select/select-scroll-down-button.vue.d.ts

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectUi as r}from"./context.js";import i from"./select-scroll-button-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,onWatcherCleanup as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,watchEffect as m,withCtx as h}from"vue";const g=s({name:`SelectScrollUpButton`,__name:`select-scroll-up-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let g=s,{selectedItemElement:_,viewportElement:v,isPositioned:y}=t(`SelectScrollUpButton`),b=n(),[x,S]=e(e=>{b?.onScrollButtonChange(e)}),C=r(`scrollUpButton`),w=()=>{v.value&&_.value&&(v.value.scrollTop-=_.value.offsetHeight)},T=f(!1);return m(()=>{if(!v.value||!y.value)return;let e=v.value;function t(){T.value=e.scrollTop>0}t(),e.addEventListener(`scroll`,t),l(()=>{e.removeEventListener(`scroll`,t)})}),(e,t)=>T.value?(u(),a(i,c({key:0,ref:p(S),"data-soybean-select-scroll-up-button":``},g,{class:p(C),onAutoScroll:w}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`class`])):o(`v-if`,!0)}});export{g as default};