@soybeanjs/headless 0.0.1-beta.3

package/dist/components/radio-group/radio-group-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{useControllableState as r}from"../../composables/use-controllable-state.js";import i from"../visually-hidden/visually-hidden-input.js";import a from"../roving-focus/roving-focus-group.js";import{provideRadioGroupRootContext as o,useRadioGroupThemeContext as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,useTemplateRef as _,withCtx as v}from"vue";const y=[`data-disabled`,`aria-orientation`,`aria-required`];var b=f({name:`RadioGroupRoot`,__name:`radio-group-root`,props:{modelValue:{default:void 0},defaultValue:{},disabled:{type:Boolean,default:!1},orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!0},name:{},required:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=s(),w=c(()=>C?.ui?.value?.root),T=_(`rootElement`),E=r(()=>x.modelValue,t=>{e(t)||S(`update:modelValue`,t)},x.defaultValue),D=c(()=>t(T.value));return o({...n(x,[`disabled`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:E}),(e,t)=>(m(),l(g(a),{"as-child":``,orientation:f.orientation,dir:f.dir,loop:f.loop},{default:v(()=>[d(`div`,{ref_key:`rootElement`,ref:T,class:p(w.value),role:`radiogroup`,"data-disabled":f.disabled?``:void 0,"aria-orientation":f.orientation,"aria-required":f.required},[h(e.$slots,`default`,{modelValue:g(E)}),D.value&&f.name?(m(),l(g(i),{key:0,required:f.required,disabled:f.disabled,value:g(E),name:f.name},null,8,[`required`,`disabled`,`value`,`name`])):u(`v-if`,!0)],10,y)]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{b as default};

package/dist/components/radio-group/radio-group-root.vue.d.ts

@@ -0,0 +1,25 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import "../../types/index.js";
+import { RadioGroupRootProps } from "./types.js";
+import * as vue1626 from "vue";
+
+//#region src/components/radio-group/radio-group-root.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<RadioGroupRootProps<T> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & vue1626.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: T | undefined;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+}>) => vue1626.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/radio-group/types.d.ts

@@ -0,0 +1,55 @@
+import { AcceptableBooleanValue, ClassValue, DataOrientation, Direction } from "../../types/common.js";
+import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { LabelProps } from "../label/types.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/radio-group/types.d.ts
+interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  /** The controlled value of the radio item to check. Can be bound as `v-model`. */
+  modelValue?: T;
+  /**
+   * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the
+   * state of the radio items.
+   */
+  defaultValue?: T;
+  /** When `true`, prevents the user from interacting with radio items. */
+  disabled?: boolean;
+  /** The orientation of the component. */
+  orientation?: DataOrientation;
+  /** The reading direction of the radio group when applicable. */
+  dir?: Direction;
+  /** When `true`, keyboard navigation will loop from last item to first, and vice versa. */
+  loop?: boolean;
+}
+type RadioGroupRootEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  /** Event handler called when the radio group value changes */
+  'update:modelValue': [payload: NonNullable<T>];
+};
+interface RadioGroupItemProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  /** The value given as data when submitted with a `name`. */
+  value: NonNullable<AcceptableBooleanValue>;
+  /** When `true`, prevents the user from interacting with the radio item. */
+  disabled?: boolean;
+}
+type RadioSelectEvent = CustomEvent<{
+  originalEvent: MouseEvent;
+  value: NonNullable<AcceptableBooleanValue>;
+}>;
+type RadioGroupItemEmits = {
+  /** Event handler called when the radio item is selected */
+  select: [event: RadioSelectEvent];
+};
+interface RadioGroupControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
+  /** Id of the element */
+  id?: string;
+}
+interface RadioGroupIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+type RadioGroupThemeSlot = 'root' | 'item' | 'indicator' | 'label' | 'control';
+type RadioGroupUi = Record<RadioGroupThemeSlot, ClassValue>;
+interface RadioGroupThemeContextParams {
+  ui: ComputedRef<RadioGroupUi>;
+}
+//#endregion
+export { RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupThemeContextParams, RadioGroupThemeSlot, RadioGroupUi, RadioSelectEvent };

package/dist/components/roving-focus/context.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{wrapArray as t}from"../../shared/object.js";import{isElementHasAttribute as n}from"../../shared/dom.js";import{getFocusIntent as r,tryFocusFirst as i}from"../../shared/focus.js";import{useContext as a}from"../../composables/use-context.js";import{useCollection as o}from"../../composables/use-collection.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import{useDirection as c}from"../../composables/use-direction.js";import{computed as l,nextTick as u,onBeforeUnmount as d,onMounted as f,shallowRef as p,useId as m}from"vue";const h={bubbles:!1,cancelable:!0},{provideCollectionContext:g,useCollectionContext:_,useCollectionItem:v}=o(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:o,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=c(e.dir),y=s(()=>e.currentTabStopId.value,_,d.value),b=e=>{y.value=e},x=p(!1),S=p(!1),C=()=>{x.value=!0},w=p(0);return{onContainerElementChange:t,loop:o,dir:v,orientation:u,currentTabStopId:y,onItemFocus:b,onItemShiftTab:C,onFocusableItemAdd:()=>{w.value++},onFocusableItemRemove:()=>{w.value--},rovingFocusGroupProps:l(()=>({tabindex:x.value||w.value===0?`-1`:`0`,"data-orientation":u.value,dir:v.value,"data-loop":o.value?``:void 0,style:`outline: none`})),rovingFocusGroupListeners:{mousedown:()=>{S.value=!0},mouseup:()=>{setTimeout(()=>{S.value=!1},1)},focus:e=>{let t=!S.value;if(!e.currentTarget||e.target!==e.currentTarget||!t||x.value){S.value=!1;return}let r=new CustomEvent(`rovingFocusGroup.onEntryFocus`,h);if(e.currentTarget.dispatchEvent(r),m?.(r),r.defaultPrevented)return;let o=a();i([o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean),f.value)},blur:()=>{x.value=!1}},getOrderedItems:r}});function x(n={}){let{getOrderedElements:a}=_(`RovingFocusItem`),{setItemElement:o,itemProps:s}=v(n.itemData),{currentTabStopId:c,orientation:p,dir:h,loop:g,onItemFocus:y,onItemShiftTab:x,onFocusableItemAdd:S,onFocusableItemRemove:C}=b(`RovingFocusItem`),{active:w,allowShiftKey:T}=n,E=l(()=>n.tabStopId?.value??m()),D=l(()=>n.focusable?.value??!0),O=l(()=>c.value===E.value),k=n=>{if(n.key===`Tab`&&n.shiftKey){x();return}if(n.target!==n.currentTarget)return;let o=r(n,p.value,h.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!T?.value&&n.shiftKey)return;n.preventDefault();let s=a();if(o===`last`&&s.reverse(),o===`prev`||o===`next`){o===`prev`&&s.reverse();let e=s.indexOf(n.currentTarget);s=g.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},A=l(()=>({...s,tabindex:O.value?`0`:`-1`,"data-orientation":p.value,"data-active":w?.value?``:void 0,"data-disabled":D.value?void 0:``})),j={mousedown:e=>{D.value?y(E.value):e.preventDefault()},focus:()=>{y(E.value)},keydown:k};return f(()=>{S()}),d(()=>{C()}),{setItemElement:o,rovingFocusItemProps:A,rovingFocusItemListeners:j}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};

package/dist/components/roving-focus/index.d.ts

@@ -0,0 +1,4 @@
+import { RovingFocusGroupEmits, RovingFocusGroupProps, RovingFocusItemProps } from "./types.js";
+import { _default } from "./roving-focus-group.vue.js";
+import { _default as _default$1 } from "./roving-focus-item.vue.js";
+export { _default as RovingFocusGroup, type RovingFocusGroupEmits, type RovingFocusGroupProps, _default$1 as RovingFocusItem, type RovingFocusItemProps };

package/dist/components/roving-focus/index.js

@@ -0,0 +1 @@
+import e from"./roving-focus-group.js";import t from"./roving-focus-item.js";export{e as RovingFocusGroup,t as RovingFocusItem};

package/dist/components/roving-focus/roving-focus-group.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{Primitive as n}from"../primitive/primitive.js";import{provideRovingFocusGroupContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";var f=a({name:`RovingFocusGroup`,__name:`roving-focus-group`,props:{orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!1},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`entryFocus`,`update:currentTabStopId`],setup(a,{expose:f,emit:p}){let m=a,h=p,{onContainerElementChange:g,rovingFocusGroupProps:_,rovingFocusGroupListeners:v,getOrderedItems:y}=r({...e(m,[`loop`,`orientation`,`dir`,`currentTabStopId`,`defaultCurrentTabStopId`,`preventScrollOnEntryFocus`]),onUpdateCurrentTabStopId:e=>{h(`update:currentTabStopId`,e)},onEntryFocus:e=>{h(`entryFocus`,e)}}),[b,x]=t(g);return f({getItems:y}),(e,t)=>(s(),i(u(n),o(u(_),{ref:u(x),as:a.as,"as-child":a.asChild},l(u(v))),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{f as default};

package/dist/components/roving-focus/roving-focus-group.vue.d.ts

@@ -0,0 +1,34 @@
+import { DataOrientation } from "../../types/common.js";
+import { RovingFocusGroupProps } from "./types.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
+import "../../index.js";
+import * as vue1677 from "vue";
+
+//#region src/components/roving-focus/roving-focus-group.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue1677.DefineComponent<RovingFocusGroupProps, {
+  getItems: (excludeDisabled?: boolean) => CollectionItemData<Record<string, any>>[];
+}, {}, {}, {}, vue1677.ComponentOptionsMixin, vue1677.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
+  "update:currentTabStopId": (value: string | null | undefined) => any;
+}, string, vue1677.PublicProps, Readonly<RovingFocusGroupProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  preventScrollOnEntryFocus: boolean;
+  loop: boolean;
+}, {}, {}, {}, string, vue1677.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/roving-focus/roving-focus-item.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{Primitive as t}from"../primitive/primitive.js";import{useRovingFocusItem as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";var d=i({name:`RovingFocusItem`,__name:`roving-focus-item`,props:{tabStopId:{},focusable:{type:Boolean,default:!0},active:{type:Boolean},allowShiftKey:{type:Boolean},itemData:{},asChild:{type:Boolean},as:{}},setup(i){let{setItemElement:d,rovingFocusItemProps:f,rovingFocusItemListeners:p}=n(e(i,[`tabStopId`,`focusable`,`active`,`allowShiftKey`,`itemData`]));return(e,n)=>(o(),r(l(t),a(l(f),{ref:l(d),as:i.as,"as-child":i.asChild},c(l(p))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{d as default};

package/dist/components/roving-focus/roving-focus-item.vue.d.ts

@@ -0,0 +1,20 @@
+import { RovingFocusItemProps } from "./types.js";
+import * as vue1638 from "vue";
+
+//#region src/components/roving-focus/roving-focus-item.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue1638.DefineComponent<RovingFocusItemProps, {}, {}, {}, {}, vue1638.ComponentOptionsMixin, vue1638.ComponentOptionsMixin, {}, string, vue1638.PublicProps, Readonly<RovingFocusItemProps> & Readonly<{}>, {
+  focusable: boolean;
+}, {}, {}, {}, string, vue1638.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/roving-focus/types.d.ts

@@ -0,0 +1,49 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { HTMLAttributes } from "vue";
+
+//#region src/components/roving-focus/types.d.ts
+interface RovingFocusGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** The orientation of the group. Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
+  orientation?: DataOrientation;
+  /** The direction of navigation between items. */
+  dir?: Direction;
+  /**
+   * Whether keyboard navigation should loop around
+   *
+   * @defaultValue false
+   */
+  loop?: boolean;
+  /** The controlled value of the current stop item. Can be bound as `v-model`. */
+  currentTabStopId?: string | null;
+  /**
+   * The value of the current stop item.
+   *
+   * Use when you do not need to control the state of the stop item.
+   */
+  defaultCurrentTabStopId?: string;
+  /** When `true`, will prevent scrolling to the focus item when focused. */
+  preventScrollOnEntryFocus?: boolean;
+}
+type RovingFocusGroupEmits = {
+  entryFocus: [event: Event];
+  'update:currentTabStopId': [value: string | null | undefined];
+};
+interface RovingFocusItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  tabStopId?: string;
+  /**
+   * When `false`, item will not be focusable.
+   *
+   * @defaultValue `true`
+   */
+  focusable?: boolean;
+  /** When `true`, item will be initially focused. */
+  active?: boolean;
+  /** When `true`, shift + arrow key will allow focusing on next/previous item. */
+  allowShiftKey?: boolean;
+  /** Additional data to be passed to the collection item. */
+  itemData?: Record<string, any>;
+}
+//#endregion
+export { RovingFocusGroupEmits, RovingFocusGroupProps, RovingFocusItemProps };

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

@@ -0,0 +1 @@
+import e from"../visually-hidden/visually-hidden.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";var f=i({name:`BubbleSelect`,__name:`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(`BubbleSelect`),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,{onInput:h}),[c(t.$slots,`default`)],16)]),_:3}))}});export{f as default};

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

@@ -0,0 +1,11 @@
+import "../../types/index.js";
+import "../../composables/index.js";
+import { SelectThemeContextParams } from "./types.js";
+import "../../index.js";
+import "vue";
+
+//#region src/components/select/context.d.ts
+
+declare const provideSelectThemeContext: (params: SelectThemeContextParams) => SelectThemeContextParams, useSelectThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: SelectThemeContextParams | undefined) => N extends null | undefined ? SelectThemeContextParams | null : SelectThemeContextParams;
+//#endregion
+export { provideSelectThemeContext };

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{useCollection as i}from"../../composables/use-collection.js";import{useDirection as a}from"../../composables/use-direction.js";import{provideArrowThemeContext as o}from"../arrow/context.js";import{computed as s,ref as c,shallowRef as l,useId as u}from"vue";const[d,f]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},i=s(()=>t(n.value)),o=a(e.dir),d=l(``),f=()=>{d.value||=`soybean-select-content-${u()}`},p=l(),m=e=>{p.value=e},h=l(),g=e=>{h.value=e},_=c(new Set),v=s(()=>Array.from(_.value)),y=s(()=>v.value.map(e=>e.value).join(`;`)),b=e=>{_.value.add(e)},x=e=>{_.value.delete(e)},S=l({x:0,y:0}),C=e=>{S.value=e},w=()=>{S.value=null};return{...e,dataState:i,onOpenChange:r,dir:o,contentId:d,initContentId:f,triggerElement:p,onTriggerElementChange:m,valueElement:h,onValueElementChange:g,optionsSet:_,onOptionAdd:b,onOptionRemove:x,options:v,nativeSelectKey:y,triggerPointerDownPosition:S,setTriggerPointerDownPosition:C,resetTriggerPointerDownPosition:w}}),{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:h}=i(`Select`),[g,_]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i}=t,a=l(!1),o=l(),s=e=>{o.value=e},c=l(),u=e=>{c.value=e},d=!1,f=!1,p=l(),m=(t,n,i)=>{let a=!d&&!i;(e(r.value,n)||a)&&(p.value=t)},h=l(),g=(t,n,a)=>{let o=!d&&!a,s=e(r.value,n);if(i.value){if(f)return;(s||o)&&(h.value=t,s&&(f=!0))}else (s||o)&&(h.value=t);o&&(d=!0)},_=()=>{o.value?.focus()};function v(){!h.value||!o.value||n([h.value,o.value])}return{...t,isPositioned:a,contentElement:o,onContentElementChange:s,viewportElement:c,onViewportElementChange:u,selectedItemElement:h,onSelectedItemElementChange:g,onItemElementLeave:_,selectedItemTextElement:p,onSelectedItemTextElementChange:m,focusSelectedItem:v}}),[v,y]=r(`SelectGroup`,()=>{let e=l(``);return{labelId:e,initLabelId:()=>{e.value||=`soybean-select-group-label-${u()}`}}}),[b,x]=r(`SelectItem`,e=>{let t=l(e.textValue.value??``),n=l(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=l(``),a=()=>{i.value||=`soybean-select-item-text-${u()}`};return{...e,textId:i,initTextId:a,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[S,C]=r(`SelectItemAlignedPosition`,e=>e),[w,T]=r(`SelectTheme`,e=>(o(s(()=>e.ui.value.arrow)),e));export{p as provideCollectionContext,g as provideSelectContentContext,v as provideSelectGroupContext,S as provideSelectItemAlignedPositionContext,b as provideSelectItemContext,d as provideSelectRootContext,w as provideSelectThemeContext,m as useCollectionContext,h as useCollectionItem,_ as useSelectContentContext,y as useSelectGroupContext,C as useSelectItemAlignedPositionContext,x as useSelectItemContext,f as useSelectRootContext,T as useSelectThemeContext};

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

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

package/dist/components/select/index.js

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

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

@@ -0,0 +1 @@
+import e from"../popper/popper-arrow.js";import{useSelectContentContext as t,useSelectRootContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";var p=o({name:`SelectArrow`,__name:`select-arrow`,props:{width:{},height:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,{open:m}=n(`SelectArrow`),{position:h}=t(`SelectArrow`),g=r(()=>m.value&&h.value===`popper`);return(t,n)=>g.value?(l(),i(d(e),c(s({key:0},p)),{default:f(()=>[u(t.$slots,`default`)]),_:3},16)):a(`v-if`,!0)}});export{p as default};

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

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

@@ -0,0 +1 @@
+import{tryFocusFirst as e}from"../../shared/focus.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{useExposedElement as i}from"../../composables/use-exposed-element.js";import{useFocusGuards as a}from"../../composables/use-focus-guards.js";import{useFocusScope as o}from"../../composables/use-focus-scope.js";import{useHideOthers as s}from"../../composables/use-hide-others.js";import{useTypeahead as c}from"../../composables/use-typeahead.js";import{provideSelectContentContext as l,useCollectionContext as u,useSelectRootContext as d,useSelectThemeContext as f}from"./context.js";import p from"./select-item-aligned-position.js";import m from"./select-popper-position.js";import{computed as h,createBlock as g,defineComponent as _,mergeProps as v,onWatcherCleanup as y,openBlock as b,renderSlot as x,resolveDynamicComponent as S,unref as C,useAttrs as w,watch as T,watchEffect as E,withCtx as D,withModifiers as O}from"vue";var k=_({name:`SelectContentImpl`,inheritAttrs:!1,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},floatingRef:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(_,{emit:k}){let A=_,j=k,M=w(),N=f(),P=h(()=>N?.ui?.value?.content),{onOpenChange:F,dataState:I,modelValue:ee,isMultiple:L,dir:R,contentId:z,triggerElement:B,triggerPointerDownPosition:V,resetTriggerPointerDownPosition:H}=d(`SelectContentImpl`),{onContainerElementChange:U,getOrderedItems:W,getOrderedElements:G}=u(`SelectContentImpl`),[K,q]=r(A.floatingRef),{search:J,handleTypeaheadSearch:Y}=c(),{isPositioned:X,focusSelectedItem:Z,onContentElementChange:Q}=l({position:h(()=>A.position),modelValue:ee,isMultiple:L,search:J}),[$,te]=i(e=>{Q(e),U(e)}),{computedStyle:ne,layerProps:re}=n($,{disableOutsidePointerEvents:!0,onEscapeKeyDown:e=>{j(`escapeKeyDown`,e)},onPointerDownOutside:e=>{j(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{F(!1)}}),{onKeydown:ie,focusScopeProps:ae}=o(K,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{j(`closeAutoFocus`,e),!e.defaultPrevented&&(B.value?.focus({preventScroll:!0}),e.preventDefault())}}),oe=h(()=>({...M,...re,...ae,...A.position===`popper`?A:{}})),se=t=>{ie(t);let n=t.ctrlKey||t.altKey||t.metaKey;if(t.key===`Tab`&&t.preventDefault(),!n&&t.key.length===1&&Y(t.key,W()),[`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(t.key)){let n=[...G()];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()}},ce=()=>{X.value=!0};return a(),s($),T(X,()=>{Z()}),E(()=>{A.bodyLock&&y(t())}),E(()=>{if(!$.value)return;let e={x:0,y:0},t=t=>{let{x:n,y:r}=V.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():$.value?.contains(n.target)||F(!1),document.removeEventListener(`pointermove`,t),H())};V.value!==null&&(document.addEventListener(`pointermove`,t),document.addEventListener(`pointerup`,n,{capture:!0,once:!0})),y(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>(b(),g(S(_.position===`popper`?m:p),v(oe.value,{id:C(z),ref:C(te),"floating-ref":C(q),class:P.value,role:`listbox`,"data-state":C(I),dir:C(R),style:[{display:`flex`,"flex-direction":`column`,outline:`none`},C(ne)],onContextmenu:t[0]||=O(()=>{},[`prevent`]),onPlaced:ce,onKeydown:se}),{default:D(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`floating-ref`,`class`,`data-state`,`dir`,`style`]))}});export{k as default};

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import{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};var w=f({name:`SelectContent`,inheritAttrs:!1,__name:`select-content`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},floatingRef:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(f,{emit:w}){let T=f,E=w,D=r(T,[`forceMount`],x()),O=t(E),{open:k}=i(`SelectContent`),[A,j]=e(),M=T.forceMount?v(!0):n(A,k),N=g();return m(()=>{N.value=new DocumentFragment}),(e,t)=>b(M)?(h(),c(a,p({key:0,ref:b(j)},b(D),y(b(O))),{default:S(()=>[_(e.$slots,`default`)]),_:3},16)):N.value?(h(),u(`div`,C,[(h(),c(s,{to:N.value},[d(o,{position:f.position},{default:S(()=>[_(e.$slots,`default`)]),_:3},8,[`position`])],8,[`to`]))])):l(`v-if`,!0)}});export{w as default};

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

@@ -0,0 +1,35 @@
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { SelectContentProps, SelectPosition } from "./types.js";
+import "../../index.js";
+import * as vue997 from "vue";
+
+//#region src/components/select/select-content.vue.d.ts
+declare var __VLS_6: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_6) => any;
+} & {
+  default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: vue997.DefineComponent<SelectContentProps, {}, {}, {}, {}, vue997.ComponentOptionsMixin, vue997.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue997.PublicProps, Readonly<SelectContentProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  avoidCollisions: boolean;
+  prioritizePosition: boolean;
+  position: SelectPosition;
+  bodyLock: boolean;
+}, {}, {}, {}, string, vue997.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,useSelectThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`];var u=i({name:`SelectGroupLabel`,__name:`select-group-label`,setup(i){let{labelId:u}=e(`SelectGroupLabel`),d=t(),f=n(()=>d?.ui?.value?.groupLabel);return(e,t)=>(o(),r(`div`,{id:c(u),class:a(f.value)},[s(e.$slots,`default`)],10,l))}});export{u as default};

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

@@ -0,0 +1,18 @@
+import { SelectGroupLabelProps } from "./types.js";
+import * as vue990 from "vue";
+
+//#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: vue990.DefineComponent<SelectGroupLabelProps, {}, {}, {}, {}, vue990.ComponentOptionsMixin, vue990.ComponentOptionsMixin, {}, string, vue990.PublicProps, Readonly<SelectGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue990.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,useSelectThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-labelledby`];var u=i({name:`SelectGroup`,__name:`select-group`,setup(i){let{labelId:u,initLabelId:d}=e(),f=t(),p=n(()=>f?.ui?.value?.group);return d(),(e,t)=>(o(),r(`div`,{class:a(p.value),"aria-labelledby":c(u),role:`group`},[s(e.$slots,`default`)],10,l))}});export{u as default};

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

@@ -0,0 +1,18 @@
+import { SelectGroupProps } from "./types.js";
+import * as vue1177 from "vue";
+
+//#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: vue1177.DefineComponent<SelectGroupProps, {}, {}, {}, {}, vue1177.ComponentOptionsMixin, vue1177.ComponentOptionsMixin, {}, string, vue1177.PublicProps, Readonly<SelectGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1177.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-position.js

@@ -0,0 +1 @@
+import{clamp as e}from"../../shared/value.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import{Primitive as n}from"../primitive/primitive.js";import{provideSelectItemAlignedPositionContext as r,useCollectionContext as i,useSelectContentContext as a,useSelectRootContext as o}from"./context.js";import{CONTENT_MARGIN as s}from"./shared.js";import{createElementBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,normalizeStyle as p,onMounted as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,useAttrs as y,withCtx as b}from"vue";import{useResizeObserver as x}from"@vueuse/core";var S=u({name:`SelectItemAlignedPosition`,inheritAttrs:!1,__name:`select-item-aligned-position`,props:{asChild:{type:Boolean},as:{}},emits:[`placed`],setup(u,{emit:S}){let C=S,w=y(),{dir:T,triggerElement:E,valueElement:D}=o(`SelectItemAlignedPosition`),{viewportElement:O,selectedItemElement:k,selectedItemTextElement:A,focusSelectedItem:j}=a(`SelectItemAlignedPosition`),{getOrderedElements:M}=i(`SelectItemAlignedPosition`),[N,P]=t(),F=_(),I=_(!1),L=!0;function R(){if(!E.value||!D.value||!F.value||!N.value||!O.value||!k.value||!A.value)return;let t=E.value.getBoundingClientRect(),n=N.value.getBoundingClientRect(),r=D.value.getBoundingClientRect(),i=A.value.getBoundingClientRect();if(T.value!==`rtl`){let a=i.left-n.left,o=r.left-a,c=t.left-o,l=t.width+c,u=Math.max(l,n.width),d=window.innerWidth-s,f=e(o,s,Math.max(s,d-u));F.value.style.minWidth=`${l}px`,F.value.style.left=`${f}px`}else{let a=n.right-i.right,o=window.innerWidth-r.right-a,c=window.innerWidth-t.right-o,l=t.width+c,u=Math.max(l,n.width),d=window.innerWidth-s,f=e(o,s,Math.max(s,d-u));F.value.style.minWidth=`${l}px`,F.value.style.right=`${f}px`}let a=M(),o=window.innerHeight-s*2,c=O.value.scrollHeight,l=window.getComputedStyle(N.value),u=Number.parseInt(l.borderTopWidth,10),d=Number.parseInt(l.paddingTop,10),f=Number.parseInt(l.borderBottomWidth,10),p=Number.parseInt(l.paddingBottom,10),m=u+d+c+p+f,h=Math.min(k.value.offsetHeight*5,m),g=window.getComputedStyle(O.value),_=Number.parseInt(g.paddingTop,10),v=Number.parseInt(g.paddingBottom,10),y=t.top+t.height/2-s,b=o-y,x=k.value.offsetHeight/2,S=k.value.offsetTop+x,w=u+d+S,j=m-w;if(w<=y){let e=k.value===a[a.length-1];F.value.style.bottom=`0px`;let t=N.value.clientHeight-O.value.offsetTop-O.value.offsetHeight,n=w+Math.max(b,x+(e?v:0)+t+f);F.value.style.height=`${n}px`}else{let e=k.value===a[0];F.value.style.top=`0px`;let t=Math.max(y,u+O.value.offsetTop+(e?_:0)+x)+j;F.value.style.height=`${t}px`,O.value.scrollTop=w-y+O.value.offsetTop}F.value.style.margin=`${s}px 0`,F.value.style.minHeight=`${h}px`,F.value.style.maxHeight=`${o}px`,C(`placed`),requestAnimationFrame(()=>{I.value=!0})}let z=_(``),B=()=>{N.value&&(z.value=window.getComputedStyle(N.value).zIndex)};function V(e){!e||!L||(R(),j(),L=!1)}return r({contentWrapperElement:F,shouldExpandOnScroll:I,onScrollButtonChange:V}),x(E,()=>{R()}),m(async()=>{await f(),R(),B()}),(e,t)=>(h(),c(`div`,{ref_key:`contentWrapperElement`,ref:F,style:p([{display:`flex`,"flex-direction":`column`,position:`fixed`},{zIndex:z.value}])},[l(v(n),d(v(w),{ref:v(P),as:u.as,"as-child":u.asChild,style:{"box-sizing":`border-box`,"max-height":`100%`}}),{default:b(()=>[g(e.$slots,`default`)]),_:3},16,[`as`,`as-child`])],4))}});export{S as default};

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

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

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

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { SelectItemIndicatorProps } from "./types.js";
+import * as vue1192 from "vue";
+
+//#region src/components/select/select-item-indicator.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue1192.DefineComponent<SelectItemIndicatorProps, {}, {}, {}, {}, vue1192.ComponentOptionsMixin, vue1192.ComponentOptionsMixin, {}, string, vue1192.PublicProps, Readonly<SelectItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue1192.Component;
+}, {}, {}, {}, string, vue1192.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{useSelectContentContext as t,useSelectItemContext as n,useSelectRootContext as r,useSelectThemeContext 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`];var 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(),E=a(()=>T?.ui?.value?.itemText),D=a(()=>({value:y,disabled:b.value??!1,textContent:C.value?.textContent??y?.toString()??``}));return S(),l(()=>{h(D.value)}),u(()=>{g(D.value)}),(e,t)=>(d(),o(`span`,{id:p(x),ref:p(w),class:c(E.value)},[f(e.$slots,`default`)],10,m))}});export{h as default};

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

@@ -0,0 +1,18 @@
+import { SelectItemTextProps } from "./types.js";
+import * as vue1187 from "vue";
+
+//#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: vue1187.DefineComponent<SelectItemTextProps, {}, {}, {}, {}, vue1187.ComponentOptionsMixin, vue1187.ComponentOptionsMixin, {}, string, vue1187.PublicProps, Readonly<SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1187.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{useForwardElement as a}from"../../composables/use-forward-element.js";import{Primitive as o}from"../primitive/primitive.js";import{provideSelectItemContext as s,useCollectionItem as c,useSelectContentContext as l,useSelectRootContext as u,useSelectThemeContext 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,mergeProps as _,nextTick as v,openBlock as y,renderSlot as b,shallowRef as x,unref as S,withCtx as C,withModifiers as w}from"vue";var 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(),N=m(()=>M?.ui?.value?.item),P=m(()=>e(O.value,E.value)),{textId:F,textValue:I,disabled:L}=s({...r(E,[`textValue`,`disabled`]),value:E.value,isSelected:P}),{onItemElementChange:R,itemProps:z}=c(()=>({textValue:I.value})),{onSelectedItemElementChange:B,onItemElementLeave:V,search:H}=l(`SelectItem`),[ee,U]=a(e=>{B(e,E.value,E.disabled),R(e)}),W=m(()=>t(P.value)),G=x(!1),K=()=>{G.value=!0},q=()=>{G.value=!1};async function J(e){e.defaultPrevented||i(p,Y,{originalEvent:e,value:E.value})}async function Y(e){await v(),D(`select`,e),!e.defaultPrevented&&(L.value||(k(E.value),!j.value&&A(!1)))}async function X(e){await v(),!e.defaultPrevented&&(L.value?V():e.currentTarget?.focus({preventScroll:!0}))}async function Z(e){await v(),!e.defaultPrevented&&e.currentTarget===n()&&V()}async function Q(e){await v(),!e.defaultPrevented&&(H.value!==``&&e.key===` `||(f.includes(e.key)&&J(e),e.key===` `&&e.preventDefault()))}function $(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),_(S(z),{ref:S(U),as:g.as,"as-child":g.asChild,class:N.value,"aria-disabled":S(L)||void 0,"data-highlighted":G.value?``:void 0,"aria-labelledby":S(F),"aria-selected":P.value,"data-disabled":S(L)?``:void 0,"data-state":W.value,role:`option`,tabindex:S(L)?void 0:-1,onFocus:K,onBlur:q,onPointerup:J,onPointerdown:$,onTouchend:t[0]||=w(()=>{},[`prevent`,`stop`]),onPointermove:X,onPointerleave:Z,onKeydown:Q}),{default:C(()=>[b(e.$slots,`default`)]),_:3},16,[`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,24 @@
+import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
+import { SelectItemEvent, SelectItemProps } from "./types.js";
+import * as vue1182 from "vue";
+
+//#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: vue1182.DefineComponent<SelectItemProps, {}, {}, {}, {}, vue1182.ComponentOptionsMixin, vue1182.ComponentOptionsMixin, {
+  select: (event: SelectItemEvent<DefinedValue>) => any;
+}, string, vue1182.PublicProps, Readonly<SelectItemProps> & Readonly<{
+  onSelect?: ((event: SelectItemEvent<DefinedValue>) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue1182.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-position.js

@@ -0,0 +1 @@
+import{useExposedElement as e}from"../../composables/use-exposed-element.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-content.js";import{CONTENT_MARGIN as r,selectCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";var f=o({name:`SelectPopperPosition`,__name:`select-popper-position`,props:{floatingRef:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:r},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`placed`],setup(r,{emit:o}){let f=r,p=o,[m,h]=e(),g={boxSizing:`border-box`,[i.contentTransformOrigin]:`var(${t.transformOrigin})`,[i.contentAvailableWidth]:`var(${t.availableWidth})`,[i.contentAvailableHeight]:`var(${t.availableHeight})`,[i.triggerWidth]:`var(${t.anchorWidth})`,[i.triggerHeight]:`var(${t.anchorHeight})`};return(e,t)=>(c(),a(u(n),s(f,{ref:u(h),style:g,onPlaced:t[0]||=e=>p(`placed`)}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16))}});export{f 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{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import a from"../popper/popper-root.js";import{provideCollectionContext as o,provideSelectRootContext as s}from"./context.js";import c from"./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:``};var 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:{},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),{triggerElement:A,options:j,nativeSelectKey:M}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`]),open:k,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O});o();let N=u(()=>t(A.value));return(t,n)=>(g(),d(y(a),null,{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(k)}),N.value?(g(),d(c,{key:y(M),"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(j),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}))}});export{S as default};

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

@@ -0,0 +1,27 @@
+import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
+import { SelectRootProps } from "./types.js";
+import * as vue995 from "vue";
+
+//#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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<SelectRootProps<T, M> & {
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+  }> & vue995.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: (M extends true ? T[] : T) | undefined;
+      open: boolean;
+    }) => any;
+  };
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
+}>) => vue995.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [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{Primitive as t}from"../primitive/primitive.js";import{useCollectionContext as n,useSelectContentContext as r}from"./context.js";import{createBlock as i,defineComponent as a,onBeforeUnmount as o,openBlock as s,renderSlot as c,unref as l,watchEffect as u,withCtx as d}from"vue";var f=a({name:`SelectScrollButtonImpl`,__name:`select-scroll-button-impl`,props:{asChild:{type:Boolean},as:{}},emits:[`autoScroll`],setup(a,{emit:f}){let p=f,{getOrderedItems:m}=n(`SelectScrollButtonImpl`),{onItemElementLeave:h}=r(`SelectScrollButtonImpl`),g=null,_=()=>{g!==null&&(window.clearInterval(g),g=null)},v=()=>{g===null&&(g=window.setInterval(()=>{p(`autoScroll`)},50))},y=()=>{h(),g===null&&(g=window.setInterval(()=>{p(`autoScroll`)},50))},b=()=>{_()};return u(()=>{m().map(e=>e.element).find(t=>t===e())?.scrollIntoView({block:`nearest`})}),o(()=>{_()}),(e,n)=>(s(),i(l(t),{as:a.as,"as-child":a.asChild,"aria-hidden":`true`,style:{"flex-shrink":`0`},onPointerdown:v,onPointermove:y,onPointerleave:b},{default:d(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});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{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectThemeContext as r}from"./context.js";import i from"./select-scroll-button-impl.js";import{computed as a,createBlock as o,createCommentVNode as s,defineComponent as c,normalizeClass as l,onWatcherCleanup as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,watchEffect as h,withCtx as g}from"vue";var _=c({name:`SelectScrollDownButton`,__name:`select-scroll-down-button`,props:{asChild:{type:Boolean},as:{}},setup(c){let{selectedItemElement:_,viewportElement:v,isPositioned:y}=t(`SelectScrollDownButton`),b=n(),[x,S]=e(e=>{b?.onScrollButtonChange(e)}),C=r(),w=a(()=>C?.ui?.value?.scrollDownButton),T=()=>{v.value&&_.value&&(v.value.scrollTop+=_.value.offsetHeight)},E=p(!1);return h(()=>{if(!v.value||!y.value)return;let e=v.value;function t(){let t=e.scrollHeight-e.clientHeight;E.value=Math.ceil(e.scrollTop)<t}t(),e.addEventListener(`scroll`,t),u(()=>{e.removeEventListener(`scroll`,t)})}),(e,t)=>E.value?(d(),o(i,{key:0,ref:m(S),as:c.as,"as-child":c.asChild,class:l(w.value),onAutoScroll:T},{default:g(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):s(`v-if`,!0)}});export{_ as default};

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

@@ -0,0 +1,18 @@
+import { SelectScrollDownButtonProps } from "./types.js";
+import * as vue1028 from "vue";
+
+//#region src/components/select/select-scroll-down-button.vue.d.ts
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: vue1028.DefineComponent<SelectScrollDownButtonProps, {}, {}, {}, {}, vue1028.ComponentOptionsMixin, vue1028.ComponentOptionsMixin, {}, string, vue1028.PublicProps, Readonly<SelectScrollDownButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1028.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{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectThemeContext as r}from"./context.js";import i from"./select-scroll-button-impl.js";import{computed as a,createBlock as o,createCommentVNode as s,defineComponent as c,normalizeClass as l,onWatcherCleanup as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,watchEffect as h,withCtx as g}from"vue";var _=c({name:`SelectScrollUpButton`,__name:`select-scroll-up-button`,props:{asChild:{type:Boolean},as:{}},setup(c){let{selectedItemElement:_,viewportElement:v,isPositioned:y}=t(`SelectScrollDownButton`),b=n(),[x,S]=e(e=>{b?.onScrollButtonChange(e)}),C=r(),w=a(()=>C?.ui?.value?.scrollUpButton),T=()=>{v.value&&_.value&&(v.value.scrollTop-=_.value.offsetHeight)},E=p(!1);return h(()=>{if(!v.value||!y.value)return;let e=v.value;function t(){E.value=e.scrollTop>0}t(),e.addEventListener(`scroll`,t),u(()=>{e.removeEventListener(`scroll`,t)})}),(e,t)=>E.value?(d(),o(i,{key:0,ref:m(S),as:c.as,"as-child":c.asChild,class:l(w.value),onAutoScroll:T},{default:g(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):s(`v-if`,!0)}});export{_ as default};

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

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

@@ -0,0 +1 @@
+import{useSelectThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`SelectSeparator`,__name:`select-separator`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.separator);return(e,t)=>(a(),n(`div`,{class:i(c.value),role:`separator`,"aria-orientation":`horizontal`},[o(e.$slots,`default`)],2))}});export{s as default};