@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

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

@@ -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=[`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};
+import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,toContext as n}from"../../shared/vue.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import a from"../popper/popper-positioning-root.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,resetModelValue:k}=i(C,e=>{w(`update:modelValue`,e)}),A=r(()=>C.open,e=>{w(`update:open`,e)},C.defaultOpen),{dir:j,triggerElement:M,options:N,nativeSelectKey:P}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`,`clearable`]),open:A,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O,resetModelValue:k});o();let F=u(()=>t(M.value));return(t,n)=>(g(),d(y(a),{dir:y(j)},{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(A)}),F.value?(g(),d(c,{key:y(P),"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(N),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-scroll-button-impl.js

@@ -1 +1 @@
-import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import t from"../button/button.js";import{useCollectionContext as n,useSelectContentContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,onBeforeUnmount as s,openBlock as c,renderSlot as l,watchEffect as u,withCtx as d}from"vue";const f=a({name:`SelectScrollButtonImpl`,__name:`select-scroll-button-impl`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`autoScroll`],setup(a,{emit:f}){let p=a,m=f,{getOrderedItems:h}=n(`SelectScrollButtonImpl`),{onItemElementLeave:g}=r(`SelectScrollButtonImpl`),_=null,v=()=>{_!==null&&(window.clearInterval(_),_=null)},y=()=>{_===null&&(_=window.setInterval(()=>{m(`autoScroll`)},50))},b=()=>{g(),_===null&&(_=window.setInterval(()=>{m(`autoScroll`)},50))},x=()=>{v()};return u(()=>{h().map(e=>e.element).find(t=>t===e())?.scrollIntoView({block:`nearest`})}),s(()=>{v()}),(e,n)=>(c(),i(t,o(p,{"data-soybean-select-scroll-button-impl":``,"aria-hidden":`true`,style:{"flex-shrink":`0`},onPointerdown:y,onPointermove:b,onPointerleave:x}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16))}});export{f as default};
+import{getActiveElement as e}from"../../shared/dom.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,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};
+import{useForwardElement as e}from"../../composables/use-forward-element.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,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};
+import{useForwardElement as e}from"../../composables/use-forward-element.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-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,initContentId:E,onTriggerElementChange:D,onOpenChange:O,setTriggerPointerDownPosition:k}=a(`SelectTrigger`),[A,j]=e(D),{getOrderedItems:M}=i(`SelectTrigger`),{search:N,handleTypeaheadSearch:P,resetTypeahead:F}=t(),I=o(`trigger`),L=l(()=>C.value||y.disabled),R=l(()=>c(S.value)?``:void 0),z=l(()=>y.as===`button`?`button`:void 0),B=()=>{L.value||(O(!0),F())},V=e=>{B();let{pageX:t,pageY:n}=e;k({x:Math.round(t),y:Math.round(n)})},H=e=>{b.value||e.currentTarget?.focus()},U=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&&(V(e),e.preventDefault())},W=e=>{e.pointerType===`touch`&&V(e)},G=e=>{let t=N.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=M();P(e.key,n),s.includes(e.key)&&(B(),e.preventDefault())};return E(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(j),as:f.as,"as-child":f.asChild,"data-soybean-select-trigger":``,class:p(g(I)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:L.value,"data-state":g(x),"data-disabled":L.value?``:void 0,"data-placeholder":R.value,role:`combobox`,type:z.value,onClick:H,onPointerdown:U,onPointerup:v(W,[`prevent`]),onKeydown:G},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`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{Primitive as n}from"../primitive/primitive.js";import r from"../popper/popper-anchor.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,initContentId:E,onTriggerElementChange:D,onOpenChange:O,setTriggerPointerDownPosition:k}=a(`SelectTrigger`),[A,j]=e(D),{getOrderedItems:M}=i(`SelectTrigger`),{search:N,handleTypeaheadSearch:P,resetTypeahead:F}=t(),I=o(`trigger`),L=l(()=>C.value||y.disabled),R=l(()=>c(S.value)?``:void 0),z=l(()=>y.as===`button`?`button`:void 0),B=()=>{L.value||(O(!0),F())},V=e=>{B();let{pageX:t,pageY:n}=e;k({x:Math.round(t),y:Math.round(n)})},H=e=>{b.value||e.currentTarget?.focus()},U=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&&(V(e),e.preventDefault())},W=e=>{e.pointerType===`touch`&&V(e)},G=e=>{let t=N.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=M();P(e.key,n),s.includes(e.key)&&(B(),e.preventDefault())};return E(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(j),as:f.as,"as-child":f.asChild,"data-soybean-select-trigger":``,class:p(g(I)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:L.value,"data-state":g(x),"data-disabled":L.value?``:void 0,"data-placeholder":R.value,role:`combobox`,type:z.value,onClick:H,onPointerdown:U,onPointerup:v(W,[`prevent`]),onKeydown:G},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`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),"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};
+import{useForwardElement as e}from"../../composables/use-forward-element.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),"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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useSelectContentContext as t,useSelectItemAlignedPositionContext as n,useSelectUi as r}from"./context.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/shared.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";const t={popupTransformOrigin:`--soybean-select-popup-transform-origin`,popupAvailableWidth:`--soybean-select-popup-available-width`,popupAvailableHeight:`--soybean-select-popup-available-height`,triggerWidth:`--soybean-select-trigger-width`,triggerHeight:`--soybean-select-trigger-height`},n=[` `,`Enter`,`ArrowUp`,`ArrowDown`],r=[` `,`Enter`],i=`select.select`;function a(t){return e(t)||t===``||Array.isArray(t)&&t.length===0}function o(e){return`items`in e}export{n as OPEN_KEYS,r as SELECTION_KEYS,i as SELECT_EVENT,o as isGroupOption,t as selectCssVars,a as shouldShowPlaceholder};
+import{isNullish as e}from"../../shared/guard.js";const t={popupTransformOrigin:`--soybean-select-popup-transform-origin`,popupAvailableWidth:`--soybean-select-popup-available-width`,popupAvailableHeight:`--soybean-select-popup-available-height`,triggerWidth:`--soybean-select-trigger-width`,triggerHeight:`--soybean-select-trigger-height`},n=[` `,`Enter`,`ArrowUp`,`ArrowDown`],r=[` `,`Enter`],i=`select.select`;function a(t){return e(t)||t===``||Array.isArray(t)&&t.length===0}function o(e){return`items`in e}export{n as OPEN_KEYS,r as SELECTION_KEYS,i as SELECT_EVENT,o as isGroupOption,t as selectCssVars,a as shouldShowPlaceholder};

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

@@ -6,14 +6,14 @@ 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 { PopperAnchorProps, PopperArrowProps, PopperPositioningPositionerProps } from "../popper/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/select/types.d.ts
 /**
  * Properties for the SelectRoot component.
  */
-interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectionProps<M, T>, FormFieldCommonProps {
+export interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectionProps<M, T>, FormFieldCommonProps {
   /** The controlled open state of the Select. Can be bind as `v-model:open`. */
   open?: boolean;
   /** The open state of the select when it is initially rendered. Use when you do not need to control its open state. */
@@ -33,22 +33,22 @@ 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> & {
+export 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];
 };
 /**
  * Properties for the SelectPopup component.
  */
-interface SelectPopupProps extends BaseProps {}
+export interface SelectPopupProps extends BaseProps {}
 /**
  * Type information for SelectPosition.
  */
-type SelectPosition = 'item-aligned' | 'popper';
+export type SelectPosition = 'item-aligned' | 'popper';
 /**
  * Properties for the SelectContentImpl component.
  */
-interface SelectContentImplProps extends PopperPositionerProps, DismissableLayerProps {
+export interface SelectContentImplProps extends PopperPositioningPositionerProps, DismissableLayerProps {
   /**
    * The positioning mode to use
    *
@@ -71,7 +71,7 @@ interface SelectContentImplProps extends PopperPositionerProps, DismissableLayer
 /**
  * Events for the SelectContentImpl component.
  */
-type SelectContentImplEmits = {
+export type SelectContentImplEmits = {
   /**
    * Emitted when close auto focus occurs.
    */
@@ -84,15 +84,15 @@ type SelectContentImplEmits = {
 /**
  * Properties for the SelectContent component.
  */
-interface SelectContentProps extends SelectContentImplProps, ForceMountProps {}
+export interface SelectContentProps extends SelectContentImplProps, ForceMountProps {}
 /**
  * Events for the SelectContent component.
  */
-type SelectContentEmits = SelectContentImplEmits;
+export type SelectContentEmits = SelectContentImplEmits;
 /**
  * Properties for the SelectViewport component.
  */
-interface SelectViewportProps extends BaseProps {
+export 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`.
@@ -102,15 +102,15 @@ interface SelectViewportProps extends BaseProps {
 /**
  * Properties for the SelectGroup component.
  */
-interface SelectGroupProps extends Omit<BaseProps, 'onSelect'> {}
+export interface SelectGroupProps extends Omit<BaseProps, 'onSelect'> {}
 /**
  * Properties for the SelectGroupLabel component.
  */
-interface SelectGroupLabelProps extends BaseProps {}
+export interface SelectGroupLabelProps extends BaseProps {}
 /**
  * Properties for the SelectTrigger component.
  */
-interface SelectTriggerProps extends PopperAnchorProps {
+export interface SelectTriggerProps extends PopperAnchorProps {
   /**
    * Whether the component is disabled.
    */
@@ -119,11 +119,11 @@ interface SelectTriggerProps extends PopperAnchorProps {
 /**
  * Properties for the SelectTriggerIcon component.
  */
-interface SelectTriggerIconProps extends BaseProps {}
+export interface SelectTriggerIconProps extends BaseProps {}
 /**
  * Properties for the SelectItem component.
  */
-interface SelectItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+export 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. */
@@ -137,7 +137,7 @@ interface SelectItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
 /**
  * Type information for SelectItemEvent.
  */
-type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
+export type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
   /**
    * Original event.
    */
@@ -150,22 +150,35 @@ type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
 /**
  * Events for the SelectItem component.
  */
-type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
+export 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>];
 };
+/**
+ * Properties for the SelectClear component.
+ */
+export interface SelectClearProps extends BaseProps {
+  /**
+   * Aria label for the clear button.
+   */
+  ariaLabel?: string;
+  /**
+   * Whether the clear button is disabled.
+   */
+  disabled?: boolean;
+}
 /**
  * Properties for the SelectItemText component.
  */
-interface SelectItemTextProps extends BaseProps {}
+export interface SelectItemTextProps extends BaseProps {}
 /**
  * Properties for the SelectItemIndicator component.
  */
-interface SelectItemIndicatorProps extends PrimitiveWithBaseProps {}
+export interface SelectItemIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Option data for the SelectSingle component.
  */
-interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
+export interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
   /**
    * Value associated with the current item.
    */
@@ -186,7 +199,7 @@ interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends
 /**
  * Option data for the SelectGroup component.
  */
-interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'label' | 'separator'> {
+export interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'label' | 'separator'> {
   /**
    * Items rendered by the component.
    */
@@ -195,11 +208,11 @@ interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends P
 /**
  * Option data for the Select component.
  */
-type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
+export type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
 /**
  * Properties for the SelectCompact component.
  */
-interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectRootProps<T, M> {
+export interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectRootProps<T, M> {
   /**
    * Items rendered by the component.
    */
@@ -222,6 +235,14 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
    * @default true
    */
   showTriggerIcon?: boolean;
+  /**
+   * Clear label.
+   */
+  clearLabel?: string;
+  /**
+   * Properties forwarded to the clear element.
+   */
+  clearProps?: SelectClearProps;
   /**
    * Placeholder.
    */
@@ -241,7 +262,7 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
   /**
    * Placement.
    */
-  placement?: PopperPositionerProps['placement'];
+  placement?: PopperPositioningPositionerProps['placement'];
   /**
    * Properties forwarded to the popup element.
    */
@@ -290,12 +311,12 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
 /**
  * Events for the SelectCompact component.
  */
-type SelectCompactEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectRootEmits<T, M> & SelectContentEmits & SelectItemEmits<T>;
+export type SelectCompactEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectRootEmits<T, M> & SelectContentEmits & SelectItemEmits<T>;
 type SelectCompactModelValue<T extends DefinedValue = DefinedValue, M extends boolean = false> = (M extends true ? T[] : T) | undefined;
 /**
  * Slot properties for the SelectCompactTriggerValue component.
  */
-interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedValue, M extends boolean = false> {
+export interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedValue, M extends boolean = false> {
   /**
    * Current model value.
    */
@@ -312,7 +333,7 @@ interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedVal
 /**
  * Slot properties for the SelectCompactGroupLabel component.
  */
-interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue> {
+export interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue> {
   /**
    * Current item data.
    */
@@ -321,7 +342,7 @@ interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue
 /**
  * Slot properties for the SelectCompactItem component.
  */
-interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
+export interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
   /**
    * Current item data.
    */
@@ -330,7 +351,7 @@ interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
 /**
  * Slots for the SelectCompact component.
  */
-type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
+export type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
   /**
    * Custom content rendered at the top of the popup, fixed above the scrollable list.
    */
@@ -387,33 +408,33 @@ type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean
 /**
  * Properties for the SelectValue component.
  */
-interface SelectValueProps extends BaseProps {
+export 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 BaseProps {}
+export interface SelectSeparatorProps extends BaseProps {}
 /**
  * Properties for the SelectScrollButtonImpl component.
  */
-interface SelectScrollButtonImplProps extends ButtonProps {}
+export interface SelectScrollButtonImplProps extends ButtonProps {}
 /**
  * Properties for the SelectScrollDownButton component.
  */
-interface SelectScrollDownButtonProps extends SelectScrollButtonImplProps {}
+export interface SelectScrollDownButtonProps extends SelectScrollButtonImplProps {}
 /**
  * Properties for the SelectScrollUpButton component.
  */
-interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
+export interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
 /**
  * Available UI slots for the Select component.
  */
-type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
+export type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'clear' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
 /**
  * UI class overrides for the Select component.
  */
-type SelectUi = UiClass<SelectUiSlot>;
+export type SelectUi = UiClass<SelectUiSlot>;
 //#endregion
-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 };
+export type { PopperArrowProps as SelectArrowProps };

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`SeparatorUi`);export{t as provideSeparatorUi,n as useSeparatorUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`SeparatorUi`);export{t as provideSeparatorUi,n as useSeparatorUi};

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

@@ -1 +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};
+import{useOmitProps as e}from"../../composables/use-props.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/types.d.ts

@@ -5,11 +5,11 @@ import "../../types/index.js";
 /**
  * Properties for the SeparatorLabel component.
  */
-interface SeparatorLabelProps extends BaseProps {}
+export interface SeparatorLabelProps extends BaseProps {}
 /**
  * Properties for the SeparatorRoot component.
  */
-interface SeparatorRootProps extends BaseProps {
+export interface SeparatorRootProps extends BaseProps {
   /**
    * Orientation of the component.
    *
@@ -25,7 +25,7 @@ interface SeparatorRootProps extends BaseProps {
 /**
  * Properties for the SeparatorCompact component.
  */
-interface SeparatorCompactProps extends SeparatorRootProps {
+export interface SeparatorCompactProps extends SeparatorRootProps {
   /**
    * Label text rendered by the component.
    */
@@ -38,7 +38,7 @@ interface SeparatorCompactProps extends SeparatorRootProps {
 /**
  * Slots for the SeparatorCompact component.
  */
-type SeparatorCompactSlots = {
+export type SeparatorCompactSlots = {
   /**
    * Custom content for the label slot.
    */
@@ -47,10 +47,9 @@ type SeparatorCompactSlots = {
 /**
  * Available UI slots for the Separator component.
  */
-type SeparatorUiSlot = 'root' | 'label';
+export type SeparatorUiSlot = 'root' | 'label';
 /**
  * UI class overrides for the Separator component.
  */
-type SeparatorUi = UiClass<SeparatorUiSlot>;
-//#endregion
-export { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };
+export type SeparatorUi = UiClass<SeparatorUiSlot>;
+//#endregion

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:{}},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};
+import{Primitive as e}from"../primitive/primitive.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/types.d.ts

@@ -3,6 +3,5 @@ import { PrimitiveWithBaseProps } from "../primitive/types.js";
 /**
  * Properties for the Skeleton component.
  */
-interface SkeletonProps extends PrimitiveWithBaseProps {}
-//#endregion
-export { SkeletonProps };
+export interface SkeletonProps extends PrimitiveWithBaseProps {}
+//#endregion

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`SliderRoot`),[i,a]=t(`SliderUi`);export{n as provideSliderRootContext,i as provideSliderUi,r as useSliderRootContext,a as useSliderUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`SliderRoot`),[i,a]=t(`SliderUi`);export{n as provideSliderRootContext,i as provideSliderUi,r as useSliderRootContext,a as useSliderUi};

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=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};
+import{interpolate as e}from"../../shared/string.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.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},{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 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-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:{}},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};
+import{Primitive as e}from"../primitive/primitive.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-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 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};
+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{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{Primitive as o}from"../primitive/primitive.js";import s from"../visually-hidden/visually-hidden-input.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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {},
   "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
   onValueCommit?: ((value: number[]) => any) | undefined;
 }>, {
-  disabled: boolean;
   dir: Direction;
+  disabled: boolean;
   max: number;
   min: number;
   orientation: DataOrientation;

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:{}},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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{Primitive as t}from"../primitive/primitive.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-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:{}},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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{Primitive as t}from"../primitive/primitive.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};