@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

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

@@ -1,5 +1,6 @@
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { SelectContentProps, SelectPosition } from "./types.js";
+import "../../index.js";
 //#region src/components/select/select-content.vue.d.ts
 declare var __VLS_8: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
@@ -29,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectGroupLabelProps } from "./types.js";
-
 //#region src/components/select/select-group-label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectGroupProps } from "./types.js";
-
 //#region src/components/select/select-group.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { SelectItemIndicatorProps } from "./types.js";
-
 //#region src/components/select/select-item-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectItemTextProps } from "./types.js";
-
 //#region src/components/select/select-item-text.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +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};
+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){if(e.defaultPrevented)return;let t={originalEvent:e,value:E.value};i(p,J,t)}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

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { SelectItemEvent, SelectItemProps } from "./types.js";
-
 //#region src/components/select/select-item.vue.d.ts
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
@@ -19,4 +19,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +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};
+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=[`value`],S=m({name:`SelectRoot`,inheritAttrs:!1,__name:`select-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},nullableValue:{},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`,{key:0,value:m.nullableValue},null,8,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

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.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> & {
@@ -19,9 +19,9 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
   };
   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>;
+  __ctx?: NonNullable<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] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectScrollDownButtonProps } from "./types.js";
-
 //#region src/components/select/select-scroll-down-button.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectScrollUpButtonProps } from "./types.js";
-
 //#region src/components/select/select-scroll-up-button.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectSeparatorProps } from "./types.js";
-
 //#region src/components/select/select-separator.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/select/select-trigger-icon.vue.d.ts

@@ -1,5 +1,4 @@
 import { SelectTriggerIconProps } from "./types.js";
-
 //#region src/components/select/select-trigger-icon.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { SelectTriggerProps } from "./types.js";
-
 //#region src/components/select/select-trigger.vue.d.ts
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,6 @@
 import { DefinedValue, MaybeArray } from "../../types/common.js";
 import { SelectValueProps } from "./types.js";
+import "../../index.js";
 //#region src/components/select/select-value.vue.d.ts
 declare var __VLS_1: {
   modelValue: MaybeArray<DefinedValue> | undefined;
@@ -20,4 +21,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { SelectViewportProps } from "./types.js";
-
 //#region src/components/select/select-viewport.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -2,13 +2,13 @@ import { DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { DismissableLayerProps, ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/select/types.d.ts
 /**
  * Properties for the SelectRoot component.
@@ -18,6 +18,8 @@ interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boole
   open?: boolean;
   /** The open state of the select when it is initially rendered. Use when you do not need to control its open state. */
   defaultOpen?: boolean;
+  /** The value of the hidden native select option when the model value is nullish. */
+  nullableValue?: string;
   /**
    * The reading direction of the combobox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or
    * assumes LTR (left-to-right) reading mode.
@@ -32,7 +34,8 @@ interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boole
  * Events for the SelectRoot component.
  */
 type SelectRootEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectionEmits<M, T> & {
-  /** Event handler called when the open state of the context menu changes. */'update:open': [value: boolean];
+  /** Event handler called when the open state of the context menu changes. */
+  'update:open': [value: boolean];
 };
 /**
  * Properties for the SelectPopup component.
@@ -72,8 +75,10 @@ type SelectContentImplEmits = {
   /**
    * Emitted when close auto focus occurs.
    */
-  closeAutoFocus: [event: Event]; /** Event handler called when the escape key is down. Can be prevented. */
-  escapeKeyDown: [event: KeyboardEvent]; /** Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`. Can be prevented. */
+  closeAutoFocus: [event: Event];
+  /** Event handler called when the escape key is down. Can be prevented. */
+  escapeKeyDown: [event: KeyboardEvent];
+  /** Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`. Can be prevented. */
   pointerDownOutside: [event: PointerDownOutsideEvent];
 };
 /**
@@ -146,7 +151,8 @@ type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
  * Events for the SelectItem component.
  */
 type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
-  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectItemEvent<T>];
+  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */
+  select: [event: SelectItemEvent<T>];
 };
 /**
  * Properties for the SelectItemText component.
@@ -210,6 +216,12 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
    * Properties forwarded to the trigger icon element.
    */
   triggerIconProps?: SelectTriggerIconProps;
+  /**
+   * Whether to show the trigger icon.
+   *
+   * @default true
+   */
+  showTriggerIcon?: boolean;
   /**
    * Placeholder.
    */
@@ -319,6 +331,14 @@ interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
  * Slots for the SelectCompact component.
  */
 type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
+  /**
+   * Custom content rendered at the top of the popup, fixed above the scrollable list.
+   */
+  top?: () => any;
+  /**
+   * Custom content rendered at the bottom of the popup, fixed below the scrollable list.
+   */
+  bottom?: () => any;
   /**
    * Custom content for the trigger leading slot.
    */
@@ -396,4 +416,4 @@ type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup'
  */
 type SelectUi = UiClass<SelectUiSlot>;
 //#endregion
-export { 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 };
+export { type PopperArrowProps as SelectArrowProps, SelectCompactEmits, SelectCompactGroupLabelSlotProps, SelectCompactItemSlotProps, SelectCompactProps, SelectCompactSlots, SelectCompactTriggerValueSlotProps, SelectContentEmits, SelectContentImplEmits, SelectContentImplProps, SelectContentProps, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollButtonImplProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { SeparatorUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/separator/context.d.ts
 declare const provideSeparatorUi: (ui: import("vue").ComputedRef<Partial<UiClass<SeparatorUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SeparatorUiSlot>>>, useSeparatorUi: UseUiConsumer<SeparatorUiSlot>;
 //#endregion

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

@@ -1,6 +1,6 @@
 import { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot } from "./types.js";
-import { _default as _default$2 } from "./separator-root.vue.js";
-import { _default } from "./separator-compact.vue.js";
-import { _default as _default$1 } from "./separator-label.vue.js";
+import _default$2 from "./separator-root.vue.js";
+import _default from "./separator-compact.vue.js";
+import _default$1 from "./separator-label.vue.js";
 import { provideSeparatorUi } from "./context.js";
 export { _default as SeparatorCompact, type SeparatorCompactProps, type SeparatorCompactSlots, _default$1 as SeparatorLabel, type SeparatorLabelProps, _default$2 as SeparatorRoot, type SeparatorRootProps, type SeparatorUi, type SeparatorUiSlot, provideSeparatorUi };

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

@@ -1,5 +1,4 @@
 import { SeparatorCompactProps } from "./types.js";
-
 //#region src/components/separator/separator-compact.vue.d.ts
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/separator/separator-label.vue.d.ts

@@ -1,5 +1,4 @@
 import { SeparatorLabelProps } from "./types.js";
-
 //#region src/components/separator/separator-label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useSeparatorUi as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`data-orientation`,`aria-orientation`,`role`],l=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let l=r,u=e(`root`),d=[`horizontal`,`vertical`],f=t(()=>d.includes(l.orientation)?l.orientation:`horizontal`),p=t(()=>f.value===`vertical`?l.orientation:void 0);return(e,t)=>(a(),n(`div`,{"data-soybean-separator-root":``,class:i(s(u)),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useSeparatorUi as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`data-orientation`,`aria-orientation`,`role`],l=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let l=r,u=e(`root`),d=[`horizontal`,`vertical`],f=t(()=>d.includes(l.orientation)?l.orientation:`horizontal`),p=t(()=>!l.decorative&&f.value===`vertical`?l.orientation:void 0);return(e,t)=>(a(),n(`div`,{"data-soybean-separator-root":``,class:i(s(u)),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1,6 +1,6 @@
 import { DataOrientation } from "../../types/common.js";
+import "../../types/index.js";
 import { SeparatorRootProps } from "./types.js";
-
 //#region src/components/separator/separator-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -18,4 +18,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,6 @@
 import { DataOrientation, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 //#region src/components/separator/types.d.ts
 /**
  * Properties for the SeparatorLabel component.
@@ -41,7 +42,7 @@ type SeparatorCompactSlots = {
   /**
    * Custom content for the label slot.
    */
-  default?: () => any;
+  label?: () => any;
 };
 /**
  * Available UI slots for the Separator component.

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

@@ -1,3 +1,3 @@
 import { SkeletonProps } from "./types.js";
-import { _default } from "./skeleton.vue.js";
+import _default from "./skeleton.vue.js";
 export { _default as Skeleton, type SkeletonProps };

package/dist/components/skeleton/skeleton.vue.d.ts

@@ -1,5 +1,4 @@
 import { SkeletonProps } from "./types.js";
-
 //#region src/components/skeleton/skeleton.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-
 //#region src/components/skeleton/types.d.ts
 /**
  * Properties for the Skeleton component.

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { SliderUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/slider/context.d.ts
 declare const provideSliderUi: (ui: import("vue").ComputedRef<Partial<UiClass<SliderUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SliderUiSlot>>>, useSliderUi: UseUiConsumer<SliderUiSlot>;
 //#endregion

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

@@ -1,8 +1,8 @@
 import { SliderCompactEmits, SliderCompactProps, SliderCompactSlotProps, SliderCompactSlots, SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "./types.js";
-import { _default } from "./slider-compact.vue.js";
-import { _default as _default$2 } from "./slider-root.vue.js";
-import { _default as _default$4 } from "./slider-track.vue.js";
-import { _default as _default$1 } from "./slider-range.vue.js";
-import { _default as _default$3 } from "./slider-thumb.vue.js";
+import _default from "./slider-compact.vue.js";
+import _default$2 from "./slider-root.vue.js";
+import _default$4 from "./slider-track.vue.js";
+import _default$1 from "./slider-range.vue.js";
+import _default$3 from "./slider-thumb.vue.js";
 import { provideSliderUi } from "./context.js";
 export { _default as SliderCompact, type SliderCompactEmits, type SliderCompactProps, type SliderCompactSlotProps, type SliderCompactSlots, _default$1 as SliderRange, type SliderRangeProps, _default$2 as SliderRoot, type SliderRootContext, type SliderRootEmits, type SliderRootProps, type SliderSlideDirection, _default$3 as SliderThumb, type SliderThumbAlignment, type SliderThumbProps, _default$4 as SliderTrack, type SliderTrackProps, type SliderUi, type SliderUiSlot, provideSliderUi };

package/dist/components/slider/shared.js

@@ -1 +1 @@
-import{interpolate as e}from"../../shared/string.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import"../../shared/index.js";const r=[0],i=[`PageUp`,`PageDown`],a=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],o={"from-left":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-right":[`Home`,`PageDown`,`ArrowDown`,`ArrowRight`],"from-bottom":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-top":[`Home`,`PageUp`,`ArrowUp`,`ArrowLeft`]};function s(e){return typeof e==`number`&&!Number.isNaN(e)?e:0}function c(e,t){return typeof e==`number`&&!Number.isNaN(e)&&e>t?e:Math.max(100,t+1)}function l(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0?e:1}function u(e){return typeof e==`number`&&!Number.isNaN(e)&&e>=0?Math.floor(e):0}function d(e,t){return Array.isArray(e)&&e.length>0?e:t?.length?t:r}function f(e,t){return[...d(e,t.defaultValue)].map(e=>n(e,t.min,t.max,t.step)).sort((e,t)=>e-t)}function p(e,t){return e===t?!0:!e||!t||e.length!==t.length?!1:e.every((e,n)=>e===t[n])}function m(e,t,n){let r=[...e];return r[n]=t,r.sort((e,t)=>e-t)}function h(e,t){if(e.length<=1)return 0;let n=e.map(e=>Math.abs(e-t)),r=Math.min(...n);return n.indexOf(r)}function g(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function _(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function v(e,t){if(t<=0)return!0;let n=_(e);return Math.min(...n)>=t}function y(e,n,r){let i=r-n;return i<=0?0:t((e-n)/i*100,0,100)}function b(e,t,n){let r=e/2;return(r-g([0,50],[0,r])(t)*n)*n}function x(t,n,r){if(n>2)return e(r.valueN,{index:String(t+1),total:String(n)});if(n===2)return[r.minimum,r.maximum][t]}function S(e,t,n){return e===`vertical`?n?{startEdge:`top`,endEdge:`bottom`,slideDirection:`from-top`}:{startEdge:`bottom`,endEdge:`top`,slideDirection:`from-bottom`}:t===`ltr`&&!n||t===`rtl`&&n?{startEdge:`left`,endEdge:`right`,slideDirection:`from-left`}:{startEdge:`right`,endEdge:`left`,slideDirection:`from-right`}}function C(e,n,r){let i=r.orientation===`horizontal`?n.width:n.height;if(i<=0)return r.min;let a=t((r.orientation===`horizontal`?r.startEdge===`left`?e.clientX-n.left:n.right-e.clientX:r.startEdge===`bottom`?n.bottom-e.clientY:e.clientY-n.top)/i,0,1);return r.min+a*(r.max-r.min)}export{a as ARROW_KEYS,o as BACK_KEYS,i as PAGE_KEYS,y as convertValueToPercentage,h as getClosestValueIndex,m as getNextSortedValues,S as getSliderSideState,C as getSliderValueFromPointer,b as getThumbInBoundsOffset,x as getThumbLabel,u as getValidMinStepsBetweenThumbs,c as getValidSliderMax,s as getValidSliderMin,l as getValidSliderStep,v as hasMinStepsBetweenValues,p as isSliderValuesEqual,f as normalizeSliderValues};
+import{interpolate as e}from"../../shared/string.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import"../../shared/index.js";const r=[0],i=[`PageUp`,`PageDown`],a=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],o={"from-left":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-right":[`Home`,`PageDown`,`ArrowDown`,`ArrowRight`],"from-bottom":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-top":[`Home`,`PageUp`,`ArrowUp`,`ArrowLeft`]};function s(e){return typeof e==`number`&&!Number.isNaN(e)?e:0}function c(e,t){return typeof e==`number`&&!Number.isNaN(e)&&e>t?e:Math.max(100,t+1)}function l(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0?e:1}function u(e){return typeof e==`number`&&!Number.isNaN(e)&&e>=0?Math.floor(e):0}function d(e,t){return Array.isArray(e)&&e.length>0?e:t?.length?t:r}function f(e,t){return[...d(e,t.defaultValue)].map(e=>n(e,t.min,t.max,t.step)).sort((e,t)=>e-t)}function p(e,t){return e===t?!0:!e||!t||e.length!==t.length?!1:e.every((e,n)=>e===t[n])}function m(e,t,n){let r=[...e];return r[n]=t,r.sort((e,t)=>e-t)}function h(e,t){if(e.length<=1)return 0;let n=e.map(e=>Math.abs(e-t)),r=Math.min(...n);return n.indexOf(r)}function g(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function _(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function v(e,t){if(t<=0)return!0;let n=_(e);return Math.min(...n)>=t}function y(e,n,r){let i=r-n;return i<=0?0:t((e-n)/i*100,0,100)}function b(e,t,n){let r=e/2;return(r-g([0,50],[0,r])(t)*n)*n}function x(t,n,r){if(n>2)return e(r.valueN,{index:String(t+1),total:String(n)});if(n===2)return[r.minimum,r.maximum][t]}function S(e,t,n){return e===`vertical`?n?{startEdge:`top`,endEdge:`bottom`,slideDirection:`from-top`}:{startEdge:`bottom`,endEdge:`top`,slideDirection:`from-bottom`}:t===`ltr`&&!n||t===`rtl`&&n?{startEdge:`left`,endEdge:`right`,slideDirection:`from-left`}:{startEdge:`right`,endEdge:`left`,slideDirection:`from-right`}}function C(e,n,r){let i=r.orientation===`horizontal`?n.width:n.height;if(i<=0)return r.min;let a=r.orientation===`horizontal`?r.startEdge===`left`?e.clientX-n.left:n.right-e.clientX:r.startEdge===`bottom`?n.bottom-e.clientY:e.clientY-n.top,o=t(a/i,0,1);return r.min+o*(r.max-r.min)}export{a as ARROW_KEYS,o as BACK_KEYS,r as DEFAULT_SLIDER_VALUE,i as PAGE_KEYS,y as convertValueToPercentage,h as getClosestValueIndex,m as getNextSortedValues,S as getSliderSideState,C as getSliderValueFromPointer,_ as getStepsBetweenValues,b as getThumbInBoundsOffset,x as getThumbLabel,u as getValidMinStepsBetweenThumbs,c as getValidSliderMax,s as getValidSliderMin,l as getValidSliderStep,v as hasMinStepsBetweenValues,p as isSliderValuesEqual,g as linearScale,f as normalizeSliderValues};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./slider-range.js";import r from"./slider-root.js";import i from"./slider-thumb.js";import a from"./slider-track.js";import{Fragment as o,createBlock as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`SliderCompact`,__name:`slider-compact`,props:{trackProps:{},rangeProps:{},thumbProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},inverted:{type:Boolean},min:{},max:{},step:{},minStepsBetweenThumbs:{},thumbAlignment:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`trackProps`,`rangeProps`,`thumbProps`]),w=e(S);return(e,t)=>(m(),s(r,f(v(C),_(v(w))),{default:y(({modelValue:t})=>[l(a,p(d(u.trackProps)),{default:y(()=>[l(n,p(d(u.rangeProps)),null,16)]),_:1},16),(m(!0),c(o,null,h(t,(n,r)=>(m(),s(i,f({key:`${r}-${n}`},{ref_for:!0},u.thumbProps,{index:r}),{default:y(()=>[g(e.$slots,`default`,{index:r,modelValue:t,value:n})]),_:2},1040,[`index`]))),128))]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./slider-range.js";import r from"./slider-root.js";import i from"./slider-thumb.js";import a from"./slider-track.js";import{Fragment as o,createBlock as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`SliderCompact`,__name:`slider-compact`,props:{trackProps:{},rangeProps:{},thumbProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},inverted:{type:Boolean},min:{},max:{},step:{},minStepsBetweenThumbs:{},thumbAlignment:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`trackProps`,`rangeProps`,`thumbProps`]),w=e(S);return(e,t)=>(m(),s(r,f(v(C),_(v(w))),{default:y(({modelValue:t})=>[l(a,p(d(u.trackProps)),{default:y(()=>[l(n,p(d(u.rangeProps)),null,16)]),_:1},16),(m(!0),c(o,null,h(t,(n,r)=>(m(),s(i,f({key:r},{ref_for:!0},u.thumbProps,{index:r}),{default:y(()=>[g(e.$slots,`default`,{index:r,modelValue:t,value:n})]),_:2},1040,[`index`]))),128))]),_:3},16))}});export{b as default};

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

@@ -1,5 +1,4 @@
 import { SliderCompactProps, SliderCompactSlots } from "./types.js";
-
 //#region src/components/slider/slider-compact.vue.d.ts
 type __VLS_Slots = SliderCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<SliderCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/slider/slider-range.vue.d.ts

@@ -1,5 +1,4 @@
 import { SliderRangeProps } from "./types.js";
-
 //#region src/components/slider/slider-range.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{snapValueToStep as e}from"../../shared/value.js";import{isFormControl as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.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 ee from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideSliderRootContext as te,useSliderUi as ne}from"./context.js";import{ARROW_KEYS as s,BACK_KEYS as re,PAGE_KEYS as c,convertValueToPercentage as ie,getClosestValueIndex as ae,getNextSortedValues as oe,getSliderSideState as se,getSliderValueFromPointer as ce,getThumbLabel as le,getValidMinStepsBetweenThumbs as ue,getValidSliderMax as de,getValidSliderMin as fe,getValidSliderStep as pe,hasMinStepsBetweenValues as me,isSliderValuesEqual as l,normalizeSliderValues as he}from"./shared.js";import{computed as u,createBlock as d,createCommentVNode as ge,defineComponent as f,nextTick as _e,normalizeClass as ve,onBeforeUnmount as ye,openBlock as p,renderSlot as be,shallowRef as m,unref as h,watch as g,withCtx as xe}from"vue";const _=f({name:`SliderRoot`,__name:`slider-root`,props:{modelValue:{default:void 0},defaultValue:{default:()=>[0]},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{default:void 0},inverted:{type:Boolean,default:!1},min:{default:0},max:{default:100},step:{default:1},minStepsBetweenThumbs:{default:0},thumbAlignment:{default:`contain`},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(f,{emit:_}){let v=f,y=_,[Se,Ce]=a(),we=ne(`root`),Te=r(),b=i(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),x=n(()=>v.dir),S=u(()=>v.disabled),Ee=u(()=>S.value?``:void 0),C=u(()=>v.orientation===`vertical`?`vertical`:`horizontal`),w=u(()=>v.inverted),T=u(()=>fe(v.min)),E=u(()=>de(v.max,T.value)),D=u(()=>pe(v.step)),O=u(()=>ue(v.minStepsBetweenThumbs)),De=u(()=>v.thumbAlignment===`overflow`?`overflow`:`contain`),k=u(()=>he(b.value,{defaultValue:v.defaultValue,min:T.value,max:E.value,step:D.value})),A=m(),j=u(()=>A.value??k.value),Oe=u(()=>t(Se.value)),ke=u(()=>C.value===`horizontal`),M=u(()=>se(C.value,x.value,w.value)),N=u(()=>M.value.startEdge),Ae=u(()=>M.value.endEdge),P=u(()=>M.value.slideDirection),F=m(0),I=m(),L=m([]),R=m(0),z=m(null),B=m(j.value);function je(e){I.value!==e&&(I.value=e)}function Me(e,t){if(L.value[e]===t)return;let n=[...L.value];n[e]=t,L.value=n}function Ne(e){return ie(e,T.value,E.value)}function V(e){_e(()=>{L.value[e]?.focus()})}function H(e){return ae(j.value,e)}function U(e){return z.value===e}let W=null;function G(){W?.(),W=null}function K(e){G();let t=e=>{X(e)},n=e=>{Z(e.pointerId)};e.addEventListener(`pointermove`,t),e.addEventListener(`pointerup`,n),e.addEventListener(`pointercancel`,n),W=()=>{e.removeEventListener(`pointermove`,t),e.removeEventListener(`pointerup`,n),e.removeEventListener(`pointercancel`,n)}}function q(){let e=A.value??j.value;l(B.value,e)||y(`valueCommit`,[...e])}function J(t,n,r={}){let i=e(t,T.value,E.value,D.value),a=oe(j.value,i,n);if(!me(a,O.value*D.value))return;let o=a.indexOf(i);if(F.value=o,l(a,j.value)){r.focus&&V(o),r.commit&&q();return}A.value=a,b.value=a,r.focus&&V(o),r.commit&&(y(`valueCommit`,[...a]),B.value=a,A.value=void 0)}function Y(e){return I.value?ce(e,I.value.getBoundingClientRect(),{min:T.value,max:E.value,orientation:C.value,startEdge:N.value}):null}function Pe(e){let t=Y(e);S.value||t===null||(z.value=e.pointerId,I.value?.ownerDocument&&K(I.value.ownerDocument),B.value=[...j.value],R.value=0,J(t,H(t),{focus:!0}))}function Fe(e,t){if(S.value)return;z.value=t.pointerId,I.value?.ownerDocument&&K(I.value.ownerDocument),B.value=[...j.value],F.value=e,V(e);let n=Y(t);R.value=n===null?0:j.value[e]-n}function X(e){let t=Y(e);S.value||t===null||!U(e.pointerId)||J(t+R.value,F.value)}function Z(e){if(S.value||typeof e==`number`&&!U(e))return;let t=A.value??j.value;z.value=null,G(),R.value=0,q(),B.value=[...t],A.value=void 0}function Q(e,t,n=1){let r=j.value[e];S.value||typeof r!=`number`||J(r+D.value*t*n,e,{commit:!0,focus:!0})}function $(e,t){J(t===`min`?T.value:E.value,e,{commit:!0,focus:!0})}function Ie(e){if(S.value||typeof F.value!=`number`)return;if(e.key===`Home`){e.preventDefault(),$(F.value,`min`);return}if(e.key===`End`){e.preventDefault(),$(F.value,`max`);return}if(!c.concat(s).includes(e.key))return;e.preventDefault();let t=re[P.value].includes(e.key),n=c.includes(e.key)||e.shiftKey&&s.includes(e.key)?10:1;Q(F.value,t?-1:1,n)}return te({modelValue:b,currentModelValue:j,disabled:S,orientation:C,dir:x,inverted:w,min:T,max:E,step:D,minStepsBetweenThumbs:O,thumbAlignment:De,isHorizontal:ke,startEdge:N,endEdge:Ae,slideDirection:P,activeThumbIndex:F,trackElement:I,thumbElements:L,setTrackElement:je,setThumbElement:Me,getPercentage:Ne,getClosestValueIndex:H,getThumbLabel:e=>le(e,j.value.length,Te.value.slider),beginTrackDrag:Pe,beginThumbDrag:Fe,moveDrag:X,endDrag:Z,stepValue:Q,setToLimit:$}),g(k,e=>{l(e,b.value)||(b.value=e),A.value&&l(e,A.value)&&(A.value=void 0)},{immediate:!0}),g(()=>j.value.length,e=>{L.value=L.value.slice(0,e)}),ye(()=>{G()}),(e,t)=>(p(),d(h(o),{ref:h(Ce),as:f.as,"as-child":f.asChild,"data-soybean-slider-root":``,class:ve(h(we)),dir:h(x),"data-disabled":Ee.value,"data-orientation":C.value,onKeydown:Ie},{default:xe(()=>[be(e.$slots,`default`,{modelValue:j.value}),Oe.value&&f.name?(p(),d(h(ee),{key:0,type:`number`,name:f.name,value:j.value,disabled:S.value,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):ge(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{_ as default};
+import{snapValueToStep as e}from"../../shared/value.js";import{isFormControl as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.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 s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideSliderRootContext as ee,useSliderUi as te}from"./context.js";import{ARROW_KEYS as c,BACK_KEYS as ne,PAGE_KEYS as l,convertValueToPercentage as re,getClosestValueIndex as ie,getNextSortedValues as ae,getSliderSideState as oe,getSliderValueFromPointer as se,getThumbLabel as ce,getValidMinStepsBetweenThumbs as le,getValidSliderMax as ue,getValidSliderMin as de,getValidSliderStep as fe,hasMinStepsBetweenValues as pe,isSliderValuesEqual as u,normalizeSliderValues as me}from"./shared.js";import{computed as d,createBlock as f,createCommentVNode as he,defineComponent as p,nextTick as ge,normalizeClass as _e,onBeforeUnmount as ve,openBlock as m,renderSlot as ye,shallowRef as h,unref as g,watch as be,withCtx as xe}from"vue";const _=p({name:`SliderRoot`,__name:`slider-root`,props:{modelValue:{default:void 0},defaultValue:{default:()=>[0]},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{default:void 0},inverted:{type:Boolean,default:!1},min:{default:0},max:{default:100},step:{default:1},minStepsBetweenThumbs:{default:0},thumbAlignment:{default:`contain`},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(p,{emit:_}){let v=p,y=_,[Se,Ce]=a(),we=te(`root`),Te=r(),b=i(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),x=n(()=>v.dir),S=d(()=>v.disabled),Ee=d(()=>S.value?``:void 0),C=d(()=>v.orientation===`vertical`?`vertical`:`horizontal`),w=d(()=>v.inverted),T=d(()=>de(v.min)),E=d(()=>ue(v.max,T.value)),D=d(()=>fe(v.step)),O=d(()=>le(v.minStepsBetweenThumbs)),De=d(()=>v.thumbAlignment===`overflow`?`overflow`:`contain`),k=d(()=>me(b.value,{defaultValue:v.defaultValue,min:T.value,max:E.value,step:D.value})),A=h(),j=d(()=>A.value??k.value),Oe=d(()=>t(Se.value)),ke=d(()=>C.value===`horizontal`),M=d(()=>oe(C.value,x.value,w.value)),N=d(()=>M.value.startEdge),Ae=d(()=>M.value.endEdge),P=d(()=>M.value.slideDirection),F=h(0),I=h(),L=h([]),R=h(0),z=h(null),B=h(j.value);function je(e){I.value!==e&&(I.value=e)}function Me(e,t){if(L.value[e]===t)return;let n=[...L.value];n[e]=t,L.value=n}function Ne(e){return re(e,T.value,E.value)}function V(e){ge(()=>{L.value[e]?.focus()})}function H(e){return ie(j.value,e)}function U(e){return z.value===e}let W=null;function G(){W?.(),W=null}function K(e){G();let t=e=>{X(e)},n=e=>{Z(e.pointerId)};e.addEventListener(`pointermove`,t),e.addEventListener(`pointerup`,n),e.addEventListener(`pointercancel`,n),W=()=>{e.removeEventListener(`pointermove`,t),e.removeEventListener(`pointerup`,n),e.removeEventListener(`pointercancel`,n)}}function q(){let e=A.value??j.value;u(B.value,e)||y(`valueCommit`,[...e])}function J(t,n,r={}){let i=e(t,T.value,E.value,D.value),a=ae(j.value,i,n),o=O.value*D.value;if(!pe(a,o))return;let s=a.indexOf(i);if(F.value=s,u(a,j.value)){r.focus&&V(s),r.commit&&q();return}A.value=a,b.value=a,r.focus&&V(s),r.commit&&(y(`valueCommit`,[...a]),B.value=a,A.value=void 0)}function Y(e){if(!I.value)return null;let t=I.value.getBoundingClientRect();return se(e,t,{min:T.value,max:E.value,orientation:C.value,startEdge:N.value})}function Pe(e){let t=Y(e);S.value||t===null||(z.value=e.pointerId,I.value?.ownerDocument&&K(I.value.ownerDocument),B.value=[...j.value],R.value=0,J(t,H(t),{focus:!0}))}function Fe(e,t){if(S.value)return;z.value=t.pointerId,I.value?.ownerDocument&&K(I.value.ownerDocument),B.value=[...j.value],F.value=e,V(e);let n=Y(t);R.value=n===null?0:j.value[e]-n}function X(e){let t=Y(e);S.value||t===null||!U(e.pointerId)||J(t+R.value,F.value)}function Z(e){if(S.value||typeof e==`number`&&!U(e))return;let t=A.value??j.value;z.value=null,G(),R.value=0,q(),B.value=[...t],A.value=void 0}function Q(e,t,n=1){let r=j.value[e];S.value||typeof r!=`number`||J(r+D.value*t*n,e,{commit:!0,focus:!0})}function $(e,t){J(t===`min`?T.value:E.value,e,{commit:!0,focus:!0})}function Ie(e){if(S.value||typeof F.value!=`number`)return;if(e.key===`Home`){e.preventDefault(),$(F.value,`min`);return}if(e.key===`End`){e.preventDefault(),$(F.value,`max`);return}if(!l.concat(c).includes(e.key))return;e.preventDefault();let t=ne[P.value].includes(e.key),n=l.includes(e.key)||e.shiftKey&&c.includes(e.key)?10:1;Q(F.value,t?-1:1,n)}return ee({modelValue:b,currentModelValue:j,disabled:S,orientation:C,dir:x,inverted:w,min:T,max:E,step:D,minStepsBetweenThumbs:O,thumbAlignment:De,isHorizontal:ke,startEdge:N,endEdge:Ae,slideDirection:P,activeThumbIndex:F,trackElement:I,thumbElements:L,setTrackElement:je,setThumbElement:Me,getPercentage:Ne,getClosestValueIndex:H,getThumbLabel:e=>ce(e,j.value.length,Te.value.slider),beginTrackDrag:Pe,beginThumbDrag:Fe,moveDrag:X,endDrag:Z,stepValue:Q,setToLimit:$}),be(k,e=>{u(e,b.value)||(b.value=e),A.value&&u(e,A.value)&&(A.value=void 0)},{immediate:!0}),be(()=>j.value.length,e=>{L.value=L.value.slice(0,e)}),ve(()=>{G()}),(e,t)=>(m(),f(g(o),{ref:g(Ce),as:p.as,"as-child":p.asChild,"data-soybean-slider-root":``,class:_e(g(we)),dir:g(x),"data-disabled":Ee.value,"data-orientation":C.value,onKeydown:Ie},{default:xe(()=>[ye(e.$slots,`default`,{modelValue:j.value}),Oe.value&&p.name?(m(),f(g(s),{key:0,type:`number`,name:p.name,value:j.value,disabled:S.value,required:p.required},null,8,[`name`,`value`,`disabled`,`required`])):he(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{_ as default};

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

@@ -1,5 +1,6 @@
 import { DataOrientation, Direction } from "../../types/common.js";
 import { SliderRootProps, SliderThumbAlignment } from "./types.js";
+import "../../index.js";
 //#region src/components/slider/slider-root.vue.d.ts
 declare var __VLS_10: {
   modelValue: number[];
@@ -20,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {},
   min: number;
   orientation: DataOrientation;
   step: number;
-  defaultValue: number[];
   modelValue: number[];
+  defaultValue: number[];
   inverted: boolean;
   minStepsBetweenThumbs: number;
   thumbAlignment: SliderThumbAlignment;
@@ -34,4 +35,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/slider/slider-thumb.vue.d.ts

@@ -1,5 +1,4 @@
 import { SliderThumbProps } from "./types.js";
-
 //#region src/components/slider/slider-thumb.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/slider/slider-track.vue.d.ts

@@ -1,5 +1,4 @@
 import { SliderTrackProps } from "./types.js";
-
 //#region src/components/slider/slider-track.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,9 +1,9 @@
 import { DataOrientation, Direction, Side, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps, PropsToContext } from "../../types/vue.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/slider/types.d.ts
 /**
  * Type information for SliderThumbAlignment.
@@ -40,7 +40,9 @@ interface SliderRootProps extends FormFieldCommonProps, PrimitiveWithBaseProps {
  * Events for the SliderRoot component.
  */
 type SliderRootEmits = {
-  /** Event handler called when the slider value changes. */'update:modelValue': [value: number[]]; /** Event handler called when a slider interaction is committed. */
+  /** Event handler called when the slider value changes. */
+  'update:modelValue': [value: number[]];
+  /** Event handler called when a slider interaction is committed. */
   valueCommit: [value: number[]];
 };
 /**