@soybeanjs/headless 0.18.0 → 0.19.0

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

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

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

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

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

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

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

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

@@ -5,8 +5,8 @@ import * as _$vue 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<SelectRootProps<T, M> & {
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       open: boolean;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

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

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

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

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

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

package/dist/components/select/select-trigger-icon.js

@@ -1 +1 @@
-import{useSelectUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`SelectTriggerIcon`,__name:`select-trigger-icon`,setup(n){let s=e(`triggerIcon`);return(e,n)=>(i(),t(`span`,{class:r(o(s)),"aria-hidden":`true`},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useSelectUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`SelectTriggerIcon`,__name:`select-trigger-icon`,setup(n){let s=e(`triggerIcon`);return(e,n)=>(i(),t(`span`,{"data-soybean-select-trigger-icon":``,class:r(o(s)),"aria-hidden":`true`},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useTypeahead as t}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{useCollectionContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import{OPEN_KEYS as s,shouldShowPlaceholder as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=f({name:`SelectTrigger`,__name:`select-trigger`,props:{disabled:{type:Boolean},reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(f){let y=f,{open:b,dataState:x,modelValue:S,disabled:C,required:w,contentId:T,dir:E,initContentId:D,onTriggerElementChange:O,onOpenChange:k,setTriggerPointerDownPosition:A}=a(`SelectTrigger`),[j,M]=e(O),{getOrderedItems:N}=i(`SelectTrigger`),{search:P,handleTypeaheadSearch:F,resetTypeahead:I}=t(),L=o(`trigger`),R=l(()=>C.value||y.disabled),z=l(()=>c(S.value)?``:void 0),B=l(()=>y.as===`button`?`button`:void 0),V=()=>{R.value||(k(!0),I())},H=e=>{V();let{pageX:t,pageY:n}=e;A({x:Math.round(t),y:Math.round(n)})},U=e=>{b.value||e.currentTarget?.focus()},W=e=>{if(e.pointerType===`touch`){e.preventDefault();return}let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),e.button===0&&e.ctrlKey===!1&&(H(e),e.preventDefault())},G=e=>{e.pointerType===`touch`&&H(e)},K=e=>{let t=P.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=N();F(e.key,n),s.includes(e.key)&&(V(),e.preventDefault())};return D(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(M),as:f.as,"as-child":f.asChild,class:p(g(L)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:R.value,dir:g(E),"data-state":g(x),"data-disabled":R.value?``:void 0,"data-placeholder":z.value,role:`combobox`,type:B.value,onClick:U,onPointerdown:W,onPointerup:v(G,[`prevent`]),onKeydown:K},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`dir`,`data-state`,`data-disabled`,`data-placeholder`,`type`])]),_:3},8,[`reference`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useTypeahead as t}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{useCollectionContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import{OPEN_KEYS as s,shouldShowPlaceholder as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=f({name:`SelectTrigger`,__name:`select-trigger`,props:{disabled:{type:Boolean},reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(f){let y=f,{open:b,dataState:x,modelValue:S,disabled:C,required:w,contentId:T,dir:E,initContentId:D,onTriggerElementChange:O,onOpenChange:k,setTriggerPointerDownPosition:A}=a(`SelectTrigger`),[j,M]=e(O),{getOrderedItems:N}=i(`SelectTrigger`),{search:P,handleTypeaheadSearch:F,resetTypeahead:I}=t(),L=o(`trigger`),R=l(()=>C.value||y.disabled),z=l(()=>c(S.value)?``:void 0),B=l(()=>y.as===`button`?`button`:void 0),V=()=>{R.value||(k(!0),I())},H=e=>{V();let{pageX:t,pageY:n}=e;A({x:Math.round(t),y:Math.round(n)})},U=e=>{b.value||e.currentTarget?.focus()},W=e=>{if(e.pointerType===`touch`){e.preventDefault();return}let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),e.button===0&&e.ctrlKey===!1&&(H(e),e.preventDefault())},G=e=>{e.pointerType===`touch`&&H(e)},K=e=>{let t=P.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=N();F(e.key,n),s.includes(e.key)&&(V(),e.preventDefault())};return D(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(M),as:f.as,"as-child":f.asChild,"data-soybean-select-trigger":``,class:p(g(L)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:R.value,dir:g(E),"data-state":g(x),"data-disabled":R.value?``:void 0,"data-placeholder":z.value,role:`combobox`,type:B.value,onClick:U,onPointerdown:W,onPointerup:v(G,[`prevent`]),onKeydown:K},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`dir`,`data-state`,`data-disabled`,`data-placeholder`,`type`])]),_:3},8,[`reference`]))}});export{y as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectRootContext as t,useSelectUi as n}from"./context.js";import{computed as r,createElementBlock as i,createTextVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d}from"vue";const f=[`data-placeholder`],p=o({name:`SelectValue`,__name:`select-value`,props:{placeholder:{default:``}},setup(o){let p=o,{modelValue:m,options:h,onValueElementChange:g}=t(`SelectValue`),[_,v]=e(g),y=n(`value`),b=r(()=>{let e=[],t=e=>h.value.find(t=>e===t.value);return e=Array.isArray(m.value)?m.value.map(e=>t(e)?.textContent??``):[t(m.value)?.textContent??``],e.filter(Boolean)}),x=r(()=>b.value.length?b.value.join(`, `):p.placeholder);return(e,t)=>(c(),i(`span`,{ref:d(v),class:s(d(y)),"data-placeholder":b.value.length?void 0:p.placeholder,style:{"pointer-events":`none`}},[l(e.$slots,`default`,{modelValue:d(m),selectedLabel:b.value,slotText:x.value},()=>[a(u(x.value),1)])],10,f))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectRootContext as t,useSelectUi as n}from"./context.js";import{computed as r,createElementBlock as i,createTextVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d}from"vue";const f=[`data-placeholder`],p=o({name:`SelectValue`,__name:`select-value`,props:{placeholder:{default:``}},setup(o){let p=o,{modelValue:m,options:h,onValueElementChange:g}=t(`SelectValue`),[_,v]=e(g),y=n(`value`),b=r(()=>{let e=[],t=e=>h.value.find(t=>e===t.value);return e=Array.isArray(m.value)?m.value.map(e=>t(e)?.textContent??``):[t(m.value)?.textContent??``],e.filter(Boolean)}),x=r(()=>b.value.length?b.value.join(`, `):p.placeholder);return(e,t)=>(c(),i(`span`,{ref:d(v),"data-soybean-select-value":``,class:s(d(y)),"data-placeholder":b.value.length?void 0:p.placeholder,style:{"pointer-events":`none`}},[l(e.$slots,`default`,{modelValue:d(m),selectedLabel:b.value,slotText:x.value},()=>[a(u(x.value),1)])],10,f))}});export{p as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectUi as r}from"./context.js";import"./shared.js";import{createElementBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u}from"vue";const d=a({name:`SelectViewport`,__name:`select-viewport`,props:{nonce:{}},setup(a){let d=u(),{onViewportElementChange:f}=t(`SelectViewport`),[p,m]=e(f),h=n(),g=r(`viewport`),_=0;function v(e){let t=e.currentTarget,{positionerElement:n,shouldExpandOnScroll:r}=h??{};if(!n?.value||!r?.value){_=t.scrollTop;return}let i=Math.abs(_-t.scrollTop);if(i<=0)return;let a=window.innerHeight-20,o=Number.parseFloat(n.value.style.minHeight),s=Number.parseFloat(n.value.style.height),c=Math.max(o,s);if(c<a){let e=c+i,r=Math.min(a,e),o=e-r;n.value.style.height=`${r}px`,n.value.style.bottom===`0px`&&(t.scrollTop=o>0?o:0,n.value.style.justifyContent=`flex-end`)}_=t.scrollTop}return(e,t)=>(s(),i(`div`,o(l(d),{ref:l(m),class:l(g),"data-soybean-select-viewport":``,role:`presentation`,style:`position:relative;flex:1;overflow:hidden auto;`,onScroll:v}),[c(e.$slots,`default`)],16))}});export{d as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectUi as r}from"./context.js";import"./shared.js";import{createElementBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u}from"vue";const d=a({name:`SelectViewport`,__name:`select-viewport`,props:{nonce:{}},setup(a){let d=u(),{onViewportElementChange:f}=t(`SelectViewport`),[p,m]=e(f),h=n(),g=r(`viewport`),_=0;function v(e){let t=e.currentTarget,{positionerElement:n,shouldExpandOnScroll:r}=h??{};if(!n?.value||!r?.value){_=t.scrollTop;return}let i=Math.abs(_-t.scrollTop);if(i<=0)return;let a=window.innerHeight-20,o=Number.parseFloat(n.value.style.minHeight),s=Number.parseFloat(n.value.style.height),c=Math.max(o,s);if(c<a){let e=c+i,r=Math.min(a,e),o=e-r;n.value.style.height=`${r}px`,n.value.style.bottom===`0px`&&(t.scrollTop=o>0?o:0,n.value.style.justifyContent=`flex-end`)}_=t.scrollTop}return(e,t)=>(s(),i(`div`,o(l(d),{ref:l(m),"data-soybean-select-viewport":``,class:l(g),role:`presentation`,style:`position:relative;flex:1;overflow:hidden auto;`,onScroll:v}),[c(e.$slots,`default`)],16))}});export{d as default};

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

@@ -1,11 +1,13 @@
-import { IconValue } from "../_icon/types.js";
 import { DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { DismissableLayerProps, ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/select/types.d.ts
 /**
@@ -35,7 +37,7 @@ type SelectRootEmits<T extends DefinedValue = DefinedValue, M extends boolean =
 /**
  * Properties for the SelectPopup component.
  */
-interface SelectPopupProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectPopupProps extends BaseProps {}
 /**
  * Type information for SelectPosition.
  */
@@ -85,7 +87,7 @@ type SelectContentEmits = SelectContentImplEmits;
 /**
  * Properties for the SelectViewport component.
  */
-interface SelectViewportProps extends /** @vue-ignore */HTMLAttributes {
+interface SelectViewportProps extends BaseProps {
   /**
    * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits
    * globally from `ConfigProvider`.
@@ -95,11 +97,11 @@ interface SelectViewportProps extends /** @vue-ignore */HTMLAttributes {
 /**
  * Properties for the SelectGroup component.
  */
-interface SelectGroupProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {}
+interface SelectGroupProps extends Omit<BaseProps, 'onSelect'> {}
 /**
  * Properties for the SelectGroupLabel component.
  */
-interface SelectGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectGroupLabelProps extends BaseProps {}
 /**
  * Properties for the SelectTrigger component.
  */
@@ -112,11 +114,11 @@ interface SelectTriggerProps extends PopperAnchorProps {
 /**
  * Properties for the SelectTriggerIcon component.
  */
-interface SelectTriggerIconProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectTriggerIconProps extends BaseProps {}
 /**
  * Properties for the SelectItem component.
  */
-interface SelectItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+interface SelectItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
   /** The value given as data when submitted with a `name`. */
   value: DefinedValue;
   /** When `true`, prevents the user from interacting with the item. */
@@ -149,11 +151,11 @@ type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
 /**
  * Properties for the SelectItemText component.
  */
-interface SelectItemTextProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectItemTextProps extends BaseProps {}
 /**
  * Properties for the SelectItemIndicator component.
  */
-interface SelectItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SelectItemIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Option data for the SelectSingle component.
  */
@@ -365,18 +367,18 @@ type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean
 /**
  * Properties for the SelectValue component.
  */
-interface SelectValueProps extends /** @vue-ignore */HTMLAttributes {
+interface SelectValueProps extends BaseProps {
   /** The content that will be rendered inside the `SelectValue` when no `value` or `defaultValue` is set. */
   placeholder?: string;
 }
 /**
  * Properties for the SelectSeparator component.
  */
-interface SelectSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectSeparatorProps extends BaseProps {}
 /**
  * Properties for the SelectScrollButtonImpl component.
  */
-interface SelectScrollButtonImplProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface SelectScrollButtonImplProps extends ButtonProps {}
 /**
  * Properties for the SelectScrollDownButton component.
  */

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

@@ -1,5 +1,6 @@
-import { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot } from "./types.js";
-import { _default as _default$1 } from "./separator-root.vue.js";
-import { _default } from "./separator-label.vue.js";
+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 { provideSeparatorUi } from "./context.js";
-export { _default as SeparatorLabel, type SeparatorLabelProps, _default$1 as SeparatorRoot, type SeparatorRootProps, type SeparatorUi, type SeparatorUiSlot, provideSeparatorUi };
+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/index.js

@@ -1 +1 @@
-import{provideSeparatorUi as e}from"./context.js";import t from"./separator-root.js";import n from"./separator-label.js";export{n as SeparatorLabel,t as SeparatorRoot,e as provideSeparatorUi};
+import{provideSeparatorUi as e}from"./context.js";import t from"./separator-root.js";import n from"./separator-label.js";import r from"./separator-compact.js";export{r as SeparatorCompact,n as SeparatorLabel,t as SeparatorRoot,e as provideSeparatorUi};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./separator-root.js";import n from"./separator-label.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g}from"vue";const _=s({name:`SeparatorCompact`,__name:`separator-compact`,props:{label:{},labelProps:{},orientation:{},decorative:{type:Boolean}},setup(s){let _=s,v=h(),y=e(_,[`label`,`labelProps`]),b=r(()=>(v.label||_.label)&&_.orientation!==`vertical`);return(e,r)=>(d(),i(t,u(c(m(y))),{default:g(()=>[b.value?(d(),i(n,u(l({key:0},s.labelProps)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0)]),_:3},16))}});export{_ as default};

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

@@ -0,0 +1,18 @@
+import { SeparatorCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/separator/separator-compact.vue.d.ts
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+  label?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<SeparatorCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SeparatorCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useSeparatorUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`SeparatorLabel`,__name:`separator-label`,setup(n){let s=e(`label`);return(e,n)=>(i(),t(`span`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useSeparatorUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`SeparatorLabel`,__name:`separator-label`,setup(n){let s=e(`label`);return(e,n)=>(i(),t(`span`,{"data-soybean-separator-label":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s 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`,{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(()=>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/types.d.ts

@@ -1,15 +1,14 @@
 import { DataOrientation, UiClass } from "../../types/common.js";
-import { HTMLAttributes } from "vue";
-
+import { BaseProps } from "../../types/vue.js";
 //#region src/components/separator/types.d.ts
 /**
  * Properties for the SeparatorLabel component.
  */
-interface SeparatorLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface SeparatorLabelProps extends BaseProps {}
 /**
  * Properties for the SeparatorRoot component.
  */
-interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
+interface SeparatorRootProps extends BaseProps {
   /**
    * Orientation of the component.
    *
@@ -22,6 +21,28 @@ interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
    */
   decorative?: boolean;
 }
+/**
+ * Properties for the SeparatorCompact component.
+ */
+interface SeparatorCompactProps extends SeparatorRootProps {
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: SeparatorLabelProps;
+}
+/**
+ * Slots for the SeparatorCompact component.
+ */
+interface SeparatorCompactSlots {
+  /**
+   * Custom content for the label slot.
+   */
+  default?: () => any;
+}
 /**
  * Available UI slots for the Separator component.
  */
@@ -31,4 +52,4 @@ type SeparatorUiSlot = 'root' | 'label';
  */
 type SeparatorUi = UiClass<SeparatorUiSlot>;
 //#endregion
-export { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };
+export { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };

package/dist/components/skeleton/skeleton.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,useAttrs as s,withCtx as c}from"vue";const l=r({name:`Skeleton`,__name:`skeleton`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(r){let l=s(),u=t(()=>l[`aria-hidden`]??!0);return(t,s)=>(i(),n(o(e),{as:r.as,"as-child":r.asChild,"aria-hidden":u.value},{default:c(()=>[a(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,useAttrs as s,withCtx as c}from"vue";const l=r({name:`Skeleton`,__name:`skeleton`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=s(),u=t(()=>l[`aria-hidden`]??!0);return(t,s)=>(i(),n(o(e),{"data-soybean-skeleton":``,as:r.as,"as-child":r.asChild,"aria-hidden":u.value},{default:c(()=>[a(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`]))}});export{l as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SkeletonProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<SkeletonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SkeletonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,10 +1,9 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/skeleton/types.d.ts
 /**
  * Properties for the Skeleton component.
  */
-interface SkeletonProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SkeletonProps extends PrimitiveWithBaseProps {}
 //#endregion
 export { SkeletonProps };

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

@@ -1,7 +1,8 @@
-import { SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "./types.js";
-import { _default as _default$1 } from "./slider-root.vue.js";
-import { _default as _default$3 } from "./slider-track.vue.js";
-import { _default } from "./slider-range.vue.js";
-import { _default as _default$2 } from "./slider-thumb.vue.js";
+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 { provideSliderUi } from "./context.js";
-export { _default as SliderRange, type SliderRangeProps, _default$1 as SliderRoot, type SliderRootContext, type SliderRootEmits, type SliderRootProps, type SliderSlideDirection, _default$2 as SliderThumb, type SliderThumbAlignment, type SliderThumbProps, _default$3 as SliderTrack, type SliderTrackProps, type SliderUi, type SliderUiSlot, provideSliderUi };
+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/index.js

@@ -1 +1 @@
-import{provideSliderUi as e}from"./context.js";import t from"./slider-root.js";import n from"./slider-track.js";import r from"./slider-range.js";import i from"./slider-thumb.js";export{r as SliderRange,t as SliderRoot,i as SliderThumb,n as SliderTrack,e as provideSliderUi};
+import{provideSliderUi as e}from"./context.js";import t from"./slider-range.js";import n from"./slider-root.js";import r from"./slider-thumb.js";import i from"./slider-track.js";import a from"./slider-compact.js";export{a as SliderCompact,t as SliderRange,n as SliderRoot,r as SliderThumb,i as SliderTrack,e as provideSliderUi};

package/dist/components/slider/shared.js

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

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

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

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

@@ -0,0 +1,21 @@
+import { SliderCompactProps, SliderCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/slider/slider-compact.vue.d.ts
+type __VLS_Slots = SliderCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<SliderCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number[]) => any;
+  valueCommit: (value: number[]) => any;
+}, string, _$vue.PublicProps, Readonly<SliderCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+  onValueCommit?: ((value: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as t,useSliderUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`SliderRange`,__name:`slider-range`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let f=n(`range`),{currentModelValue:p,disabled:m,orientation:h,startEdge:g,endEdge:_,getPercentage:v}=t(`SliderRange`),y=r(()=>p.value.map(e=>v(e))),b=r(()=>p.value.length>1?Math.min(...y.value):0),x=r(()=>100-Math.max(...y.value,0)),S=r(()=>({[g.value]:`${b.value}%`,[_.value]:`${x.value}%`}));return(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,class:o(u(f)),"data-disabled":u(m)?``:void 0,"data-orientation":u(h),style:s(S.value)},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`style`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as t,useSliderUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`SliderRange`,__name:`slider-range`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`range`),{currentModelValue:p,disabled:m,orientation:h,startEdge:g,endEdge:_,getPercentage:v}=t(`SliderRange`),y=r(()=>p.value.map(e=>v(e))),b=r(()=>p.value.length>1?Math.min(...y.value):0),x=r(()=>100-Math.max(...y.value,0)),S=r(()=>({[g.value]:`${b.value}%`,[_.value]:`${x.value}%`}));return(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-slider-range":``,class:o(u(f)),"data-disabled":u(m)?``:void 0,"data-orientation":u(h),style:s(S.value)},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`style`]))}});export{f as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SliderRangeProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<SliderRangeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderRangeProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SliderRangeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderRangeProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as i}from"../config-provider/context.js";import{Primitive as a}from"../primitive/primitive.js";import"../primitive/index.js";import o 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 s,BACK_KEYS as ne,PAGE_KEYS as c,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 l,normalizeSliderValues as me}from"./shared.js";import{computed as u,createBlock as d,createCommentVNode as he,defineComponent as f,nextTick as ge,normalizeClass as _e,onBeforeUnmount as ve,openBlock as p,renderSlot as ye,shallowRef as m,unref as h,watch as g,withCtx as be}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`},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`valueCommit`],setup(f,{emit:_}){let v=f,y=_,[xe,Se]=r(),Ce=te(`root`),b=n(()=>v.modelValue,e=>{y(`update:modelValue`,e??[])},v.defaultValue),x=i(()=>v.dir),S=u(()=>v.disabled),we=u(()=>S.value?``:void 0),C=u(()=>v.orientation===`vertical`?`vertical`:`horizontal`),w=u(()=>v.inverted),T=u(()=>de(v.min)),E=u(()=>ue(v.max,T.value)),D=u(()=>fe(v.step)),O=u(()=>le(v.minStepsBetweenThumbs)),Te=u(()=>v.thumbAlignment===`overflow`?`overflow`:`contain`),k=u(()=>me(b.value,{defaultValue:v.defaultValue,min:T.value,max:E.value,step:D.value})),A=m(),j=u(()=>A.value??k.value),Ee=u(()=>t(xe.value)),De=u(()=>C.value===`horizontal`),M=u(()=>oe(C.value,x.value,w.value)),N=u(()=>M.value.startEdge),Oe=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 ke(e){I.value!==e&&(I.value=e)}function Ae(e,t){if(L.value[e]===t)return;let n=[...L.value];n[e]=t,L.value=n}function je(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;l(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);if(!pe(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?se(e,I.value.getBoundingClientRect(),{min:T.value,max:E.value,orientation:C.value,startEdge:N.value}):null}function Me(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 Ne(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 Pe(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=ne[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 ee({modelValue:b,currentModelValue:j,disabled:S,orientation:C,dir:x,inverted:w,min:T,max:E,step:D,minStepsBetweenThumbs:O,thumbAlignment:Te,isHorizontal:De,startEdge:N,endEdge:Oe,slideDirection:P,activeThumbIndex:F,trackElement:I,thumbElements:L,setTrackElement:ke,setThumbElement:Ae,getPercentage:je,getClosestValueIndex:H,getThumbLabel:e=>ce(e,j.value.length),beginTrackDrag:Me,beginThumbDrag:Ne,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)}),ve(()=>{G()}),(e,t)=>(p(),d(h(a),{ref:h(Se),as:f.as,"as-child":f.asChild,class:_e(h(Ce)),dir:h(x),"data-disabled":we.value,"data-orientation":C.value,onKeydown:Pe},{default:be(()=>[ye(e.$slots,`default`,{modelValue:j.value}),Ee.value&&f.name?(p(),d(h(o),{key:0,type:`number`,name:f.name,value:j.value,disabled:S.value,required:f.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};
+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};

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

@@ -1,5 +1,4 @@
 import { DataOrientation, Direction } from "../../types/common.js";
-import { AsTag } from "../primitive/types.js";
 import { SliderRootProps, SliderThumbAlignment } from "./types.js";
 import * as _$vue from "vue";
 
@@ -22,11 +21,10 @@ declare const __VLS_base: _$vue.DefineComponent<SliderRootProps, {}, {}, {}, {},
   max: number;
   min: number;
   orientation: DataOrientation;
-  as: AsTag | _$vue.Component;
   step: number;
-  inverted: boolean;
   modelValue: number[];
   defaultValue: number[];
+  inverted: boolean;
   minStepsBetweenThumbs: number;
   thumbAlignment: SliderThumbAlignment;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as n,useSliderUi as r}from"./context.js";import{getThumbInBoundsOffset as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";import{useElementSize as h}from"@vueuse/core";const g=s({name:`SliderThumb`,__name:`slider-thumb`,props:{index:{},asChild:{type:Boolean},as:{default:`div`}},setup(s){let g=s,_=p(),v=r(`thumb`),{currentModelValue:y,disabled:b,orientation:x,min:S,max:C,startEdge:w,isHorizontal:T,thumbAlignment:E,activeThumbIndex:D,getPercentage:O,getThumbLabel:k,setThumbElement:A,beginThumbDrag:j}=n(`SliderThumb`),[M,N]=e(e=>{A(g.index,e)}),{width:P,height:F}=h(M),I=a(()=>y.value[g.index]),L=a(()=>O(I.value??S.value)),R=a(()=>k(g.index)),z=a(()=>{let e=_[`aria-label`];return typeof e==`string`?e:R.value});function B(e,t){return e?`${t===`right`&&E.value===`overflow`?`translateX(50%)`:`translateX(-50%)`} translateY(-50%)`:`translateX(-50%) ${t===`top`&&E.value===`overflow`?`translateY(-50%)`:`translateY(50%)`}`}let V=a(()=>{if(E.value===`overflow`)return 0;let e=T.value?P.value:F.value;if(!e)return 0;let t=T.value?w.value===`left`?1:-1:w.value===`bottom`?1:-1;return i(e,L.value,t)}),H=a(()=>{let e=B(T.value,w.value);return{position:`absolute`,...T.value?{top:`50%`}:{left:`50%`},[w.value]:`calc(${L.value}% + ${V.value}px)`,transform:e}});function U(e){b.value||(e.preventDefault(),e.stopPropagation(),e.currentTarget.focus(),j(g.index,e))}function W(){D.value=g.index}return(e,n)=>(u(),o(f(t),{ref:f(N),as:s.as,"as-child":s.asChild,class:c(f(v)),"data-disabled":f(b)?``:void 0,"data-orientation":f(x),"aria-disabled":f(b)||void 0,"aria-label":z.value,"aria-valuenow":I.value,"aria-valuemin":f(S),"aria-valuemax":f(C),"aria-orientation":f(x),tabindex:f(b)?void 0:0,role:`slider`,style:l(H.value),onFocus:W,onPointerdown:U},{default:m(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`aria-disabled`,`aria-label`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-orientation`,`tabindex`,`style`]))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as n,useSliderUi as r}from"./context.js";import{getThumbInBoundsOffset as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";import{useElementSize as h}from"@vueuse/core";const g=s({name:`SliderThumb`,__name:`slider-thumb`,props:{index:{},asChild:{type:Boolean},as:{}},setup(s){let g=s,_=p(),v=r(`thumb`),{currentModelValue:y,disabled:b,orientation:x,min:S,max:C,startEdge:w,isHorizontal:T,thumbAlignment:E,activeThumbIndex:D,getPercentage:O,getThumbLabel:k,setThumbElement:A,beginThumbDrag:j}=n(`SliderThumb`),[M,N]=e(e=>{A(g.index,e)}),{width:P,height:F}=h(M),I=a(()=>y.value[g.index]),L=a(()=>O(I.value??S.value)),R=a(()=>k(g.index)),z=a(()=>{let e=_[`aria-label`];return typeof e==`string`?e:R.value});function B(e,t){return e?`${t===`right`&&E.value===`overflow`?`translateX(50%)`:`translateX(-50%)`} translateY(-50%)`:`translateX(-50%) ${t===`top`&&E.value===`overflow`?`translateY(-50%)`:`translateY(50%)`}`}let V=a(()=>{if(E.value===`overflow`)return 0;let e=T.value?P.value:F.value;if(!e)return 0;let t=T.value?w.value===`left`?1:-1:w.value===`bottom`?1:-1;return i(e,L.value,t)}),H=a(()=>{let e=B(T.value,w.value);return{position:`absolute`,...T.value?{top:`50%`}:{left:`50%`},[w.value]:`calc(${L.value}% + ${V.value}px)`,transform:e}});function U(e){b.value||(e.preventDefault(),e.stopPropagation(),e.currentTarget.focus(),j(g.index,e))}function W(){D.value=g.index}return(e,n)=>(u(),o(f(t),{ref:f(N),as:s.as,"as-child":s.asChild,"data-soybean-slider-thumb":``,class:c(f(v)),"data-disabled":f(b)?``:void 0,"data-orientation":f(x),"aria-disabled":f(b)||void 0,"aria-label":z.value,"aria-valuenow":I.value,"aria-valuemin":f(S),"aria-valuemax":f(C),"aria-orientation":f(x),tabindex:f(b)?void 0:0,role:`slider`,style:l(H.value),onFocus:W,onPointerdown:U},{default:m(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`aria-disabled`,`aria-label`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-orientation`,`tabindex`,`style`]))}});export{g as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SliderThumbProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_11: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<SliderThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderThumbProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SliderThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as n,useSliderUi as r}from"./context.js";import{createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`SliderTrack`,__name:`slider-track`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let d=r(`track`),{disabled:f,orientation:p,setTrackElement:m,beginTrackDrag:h}=n(`SliderTrack`),g=e(e=>{m(e)})[1];function _(e){f.value||(e.preventDefault(),h(e))}return(e,n)=>(s(),i(l(t),{ref:l(g),as:a.as,"as-child":a.asChild,class:o(l(d)),"data-disabled":l(f)?``:void 0,"data-orientation":l(p),onPointerdown:_},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`]))}});export{d as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as n,useSliderUi as r}from"./context.js";import{createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`SliderTrack`,__name:`slider-track`,props:{asChild:{type:Boolean},as:{}},setup(a){let d=r(`track`),{disabled:f,orientation:p,setTrackElement:m,beginTrackDrag:h}=n(`SliderTrack`),g=e(e=>{m(e)})[1];function _(e){f.value||(e.preventDefault(),h(e))}return(e,n)=>(s(),i(l(t),{ref:l(g),as:a.as,"as-child":a.asChild,"data-soybean-slider-track":``,class:o(l(d)),"data-disabled":l(f)?``:void 0,"data-orientation":l(p),onPointerdown:_},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`]))}});export{d as default};