@soybeanjs/headless 0.18.0 → 0.20.0

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

@@ -1,8 +1,9 @@
-import { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "./types.js";
-import { _default as _default$1 } from "./scroll-area-root.vue.js";
-import { _default as _default$4 } from "./scroll-area-viewport.vue.js";
-import { _default as _default$2 } from "./scroll-area-scrollbar.vue.js";
-import { _default as _default$3 } from "./scroll-area-thumb.vue.js";
-import { _default } from "./scroll-area-corner.vue.js";
+import { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "./types.js";
+import { _default as _default$2 } from "./scroll-area-root.vue.js";
+import { _default as _default$5 } from "./scroll-area-viewport.vue.js";
+import { _default as _default$3 } from "./scroll-area-scrollbar.vue.js";
+import { _default as _default$4 } from "./scroll-area-thumb.vue.js";
+import { _default as _default$1 } from "./scroll-area-corner.vue.js";
+import { _default } from "./scroll-area-compact.vue.js";
 import { provideScrollAreaUi } from "./context.js";
-export { _default as ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaOrientation, _default$1 as ScrollAreaRoot, type ScrollAreaRootEmits, type ScrollAreaRootProps, _default$2 as ScrollAreaScrollbar, type ScrollAreaScrollbarProps, type ScrollAreaState, _default$3 as ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, _default$4 as ScrollAreaViewport, type ScrollAreaViewportProps, provideScrollAreaUi };
+export { _default as ScrollAreaCompact, type ScrollAreaCompactEmits, type ScrollAreaCompactProps, type ScrollAreaCompactSlots, _default$1 as ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaOrientation, _default$2 as ScrollAreaRoot, type ScrollAreaRootEmits, type ScrollAreaRootProps, _default$3 as ScrollAreaScrollbar, type ScrollAreaScrollbarProps, type ScrollAreaState, _default$4 as ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, _default$5 as ScrollAreaViewport, type ScrollAreaViewportProps, provideScrollAreaUi };

package/dist/components/scroll-area/index.js

@@ -1 +1 @@
-import{provideScrollAreaUi as e}from"./context.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";export{a as ScrollAreaCorner,t as ScrollAreaRoot,r as ScrollAreaScrollbar,i as ScrollAreaThumb,n as ScrollAreaViewport,e as provideScrollAreaUi};
+import{provideScrollAreaUi as e}from"./context.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";import o from"./scroll-area-compact.js";export{o as ScrollAreaCompact,a as ScrollAreaCorner,t as ScrollAreaRoot,r as ScrollAreaScrollbar,i as ScrollAreaThumb,n as ScrollAreaViewport,e as provideScrollAreaUi};

package/dist/components/scroll-area/scroll-area-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";import{createBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaCompact`,__name:`scroll-area-compact`,props:{viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(c){let g=e(c,[`viewportProps`,`verticalScrollbarProps`,`horizontalScrollbarProps`,`thumbProps`,`cornerProps`]);return(e,_)=>(f(),o(t,d(l(m(g))),{default:h(()=>[s(n,d(l(c.viewportProps)),{default:h(()=>[p(e.$slots,`default`)]),_:3},16),s(r,u({orientation:`vertical`},c.verticalScrollbarProps),{default:h(()=>[s(i,d(l(c.thumbProps)),null,16)]),_:1},16),s(r,u({orientation:`horizontal`},c.horizontalScrollbarProps),{default:h(()=>[s(i,d(l(c.thumbProps)),null,16)]),_:1},16),s(a,d(l(c.cornerProps)),null,16)]),_:3},16))}});export{g as default};

package/dist/components/scroll-area/scroll-area-compact.vue.d.ts

@@ -0,0 +1,15 @@
+import { ScrollAreaCompactProps, ScrollAreaCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/scroll-area/scroll-area-compact.vue.d.ts
+type __VLS_Slots = ScrollAreaCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaCompactProps> & 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/scroll-area/scroll-area-corner.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as n,useScrollAreaUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p}from"vue";const m=s({name:`ScrollAreaCorner`,inheritAttrs:!1,__name:`scroll-area-corner`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(s){let m=e(s,[],f()),h=r(`corner`),{scrollbarXSize:g,scrollbarYSize:_,scrollbarXVisible:v,scrollbarYVisible:y}=n(`ScrollAreaCorner`),b=i(()=>v.value&&y.value),x=i(()=>({width:`${_.value}px`,height:`${g.value}px`}));return(e,n)=>b.value?(l(),a(d(t),c({key:0},d(m),{as:s.as,"as-child":s.asChild,class:d(h),"aria-hidden":!0,style:x.value}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{m as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as n,useScrollAreaUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p}from"vue";const m=s({name:`ScrollAreaCorner`,inheritAttrs:!1,__name:`scroll-area-corner`,props:{asChild:{type:Boolean},as:{}},setup(s){let m=e(s,[],f()),h=r(`corner`),{scrollbarXSize:g,scrollbarYSize:_,scrollbarXVisible:v,scrollbarYVisible:y}=n(`ScrollAreaCorner`),b=i(()=>v.value&&y.value),x=i(()=>({width:`${_.value}px`,height:`${g.value}px`}));return(e,n)=>b.value?(l(),a(d(t),c({key:0},d(m),{as:s.as,"as-child":s.asChild,"data-soybean-scroll-area-corner":``,class:d(h),"aria-hidden":!0,style:x.value}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{m as default};

package/dist/components/scroll-area/scroll-area-corner.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaCornerProps } 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<ScrollAreaCornerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaCornerProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaCornerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaCornerProps> & 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/scroll-area/scroll-area-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaRootContext as a,useScrollAreaUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaRoot`,inheritAttrs:!1,__name:`scroll-area-root`,props:{type:{default:`hover`},dir:{},scrollHideDelay:{default:600},asChild:{type:Boolean},as:{default:`div`}},setup(c){let g=c,_=n(g,[`dir`,`scrollHideDelay`,`type`],m()),v=o(`root`),y=r(()=>g.dir),[b,x]=t(),S=f(!1),C=f(),w=f(),T=f(!1),E=f(!1),D=f(!1),O=f(!1),k=f(0),A=f(0);function j(e,t){if(e===`horizontal`){T.value=t;return}E.value=t}function M(e,t){if(e===`horizontal`){D.value=t;return}O.value=t}function N(e,t){if(e===`horizontal`){k.value=t;return}A.value=t}return a({dir:y,isHovering:S,rootElement:b,viewportElement:C,contentElement:w,scrollbarXEnabled:T,scrollbarYEnabled:E,scrollbarXVisible:D,scrollbarYVisible:O,scrollbarXSize:k,scrollbarYSize:A,onViewportChange:e=>{C.value=e},onContentChange:e=>{w.value=e},onScrollbarEnabledChange:j,onScrollbarVisibleChange:M,onScrollbarSizeChange:N,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(i),l(p(_),{ref:p(x),as:c.as,"as-child":c.asChild,class:p(v),dir:p(y),onPointerenter:t[0]||(t[0]=e=>S.value=!0),onPointerleave:t[1]||(t[1]=e=>S.value=!1)}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{g as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaRootContext as a,useScrollAreaUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaRoot`,inheritAttrs:!1,__name:`scroll-area-root`,props:{type:{default:`hover`},dir:{},scrollHideDelay:{default:600},asChild:{type:Boolean},as:{}},setup(c){let g=c,_=r(g,[`dir`,`scrollHideDelay`,`type`],m()),v=o(`root`),y=t(()=>g.dir),[b,x]=n(),S=f(!1),C=f(),w=f(),T=f(!1),E=f(!1),D=f(!1),O=f(!1),k=f(0),A=f(0);function j(e,t){if(e===`horizontal`){T.value=t;return}E.value=t}function M(e,t){if(e===`horizontal`){D.value=t;return}O.value=t}function N(e,t){if(e===`horizontal`){k.value=t;return}A.value=t}return a({dir:y,isHovering:S,rootElement:b,viewportElement:C,contentElement:w,scrollbarXEnabled:T,scrollbarYEnabled:E,scrollbarXVisible:D,scrollbarYVisible:O,scrollbarXSize:k,scrollbarYSize:A,onViewportChange:e=>{C.value=e},onContentChange:e=>{w.value=e},onScrollbarEnabledChange:j,onScrollbarVisibleChange:M,onScrollbarSizeChange:N,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(i),l(p(_),{ref:p(x),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-root":``,class:p(v),dir:p(y),onPointerenter:t[0]||(t[0]=e=>S.value=!0),onPointerleave:t[1]||(t[1]=e=>S.value=!1)}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{g as default};

package/dist/components/scroll-area/scroll-area-root.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaRootProps, ScrollAreaType } from "./types.js";
 import * as _$vue from "vue";
 
@@ -9,7 +8,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ScrollAreaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaRootProps> & Readonly<{}>, {
   type: ScrollAreaType;
-  as: AsTag | _$vue.Component;
   scrollHideDelay: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/scroll-area/scroll-area-scrollbar.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaScrollbarContext as r,useScrollAreaRootContext as ee,useScrollAreaUi as te}from"./context.js";import{clamp as i,getScrollPosition as a,getScrollSize as ne,getThumbOffset as re,getThumbSize as ie,setViewportScroll as o}from"./shared.js";import{computed as s,createBlock as ae,defineComponent as c,mergeProps as oe,onUnmounted as se,openBlock as l,renderSlot as ce,shallowRef as u,unref as d,useAttrs as f,watch as p,withCtx as le}from"vue";import{useResizeObserver as m}from"@vueuse/core";const h=c({name:`ScrollAreaScrollbar`,inheritAttrs:!1,__name:`scroll-area-scrollbar`,props:{orientation:{default:`vertical`},asChild:{type:Boolean},as:{default:`div`}},setup(c){let h=c,ue=t(h,[`orientation`],f()),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:de,onScrollbarSizeChange:fe,onScrollbarVisibleChange:y,scrollHideDelay:b,type:x,viewportElement:S}=ee(`ScrollAreaScrollbar`),pe=te(`scrollbar`),[C,me]=e(),w=u(!1),T=u(!1),E=u(!1),D=u(0),O=u(0),k=u(0),A=u(0),j=u(0),M=u([]),N,P=s(()=>h.orientation),F=s(()=>Math.max(k.value-O.value,0)),I=s(()=>F.value>0&&A.value>0),L=s(()=>ie(O.value,k.value,A.value)),R=s(()=>Math.max(A.value-L.value,0)),z=s(()=>re(D.value,F.value,R.value,P.value,_.value)),B=s(()=>{if(!I.value)return!1;switch(x.value){case`always`:case`auto`:return!0;case`hover`:return v.value||T.value;case`scroll`:return w.value||T.value;case`glimpse`:return E.value||T.value;default:return!1}}),V=s(()=>B.value?`visible`:`hidden`),he=s(()=>P.value===`horizontal`?{width:`${L.value}px`,transform:`translate3d(${z.value}px, 0, 0)`}:{height:`${L.value}px`,transform:`translate3d(0, ${z.value}px, 0)`});function H(){N&&(clearTimeout(N),N=void 0)}function U(e){H(),N=setTimeout(()=>{if(e===`scroll`){w.value=!1;return}E.value=!1},b.value)}function W(){let e=S.value,t=g.value,n=C.value;if(!e||!t||!n)return;let r=ne(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=a(e,P.value,_.value),fe(P.value,A.value)}function G(){if(x.value===`scroll`){w.value=!0,U(`scroll`);return}x.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=S.value;if(!t||R.value<=0||F.value<=0)return;let n=i(e/R.value,0,1),r=(P.value===`horizontal`&&_.value===`rtl`?1-n:n)*F.value;o(t,P.value,r,_.value)}function q(e){return P.value===`horizontal`?e.clientX:e.clientY}function J(e){if(!T.value||!C.value)return;let t=C.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G()}function X(){Y()}function Z(){Y()}function ge(e){if(!C.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=C.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function _e(e){if(e.button!==0)return;let t=e.currentTarget;if(!(t instanceof HTMLElement))return;let n=t.getBoundingClientRect();j.value=q(e)-(P.value===`horizontal`?n.left:n.top),T.value=!0,H(),window.addEventListener(`pointermove`,J),window.addEventListener(`pointerup`,X),window.addEventListener(`pointercancel`,Z)}function Q(){W(),G()}p(()=>S.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),p(B,e=>{y(P.value,e)},{immediate:!0}),p(()=>v.value,e=>{e&&x.value===`glimpse`&&G()}),m(s(()=>[S.value,g.value,C.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:he,onThumbPointerDown:_e,onThumbPointerUp:X});function $(e,t){if(de(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return p(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),Y(),S.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(l(),ae(d(n),oe(d(ue),{ref:d(me),as:c.as,"as-child":c.asChild,class:d(pe),"data-orientation":P.value,"data-state":V.value,"data-soybean-scroll-area-scrollbar":``,"aria-hidden":!0,onPointerdown:ge}),{default:le(()=>[ce(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`]))}});export{h as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaScrollbarContext as r,useScrollAreaRootContext as ee,useScrollAreaUi as te}from"./context.js";import{clamp as i,getScrollPosition as a,getScrollSize as ne,getThumbOffset as re,getThumbSize as ie,setViewportScroll as o}from"./shared.js";import{computed as s,createBlock as ae,defineComponent as c,mergeProps as oe,onUnmounted as se,openBlock as l,renderSlot as ce,shallowRef as u,unref as d,useAttrs as f,watch as p,withCtx as le}from"vue";import{useResizeObserver as m}from"@vueuse/core";const h=c({name:`ScrollAreaScrollbar`,inheritAttrs:!1,__name:`scroll-area-scrollbar`,props:{orientation:{default:`vertical`},asChild:{type:Boolean},as:{}},setup(c){let h=c,ue=t(h,[`orientation`],f()),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:de,onScrollbarSizeChange:fe,onScrollbarVisibleChange:y,scrollHideDelay:b,type:x,viewportElement:S}=ee(`ScrollAreaScrollbar`),pe=te(`scrollbar`),[C,me]=e(),w=u(!1),T=u(!1),E=u(!1),D=u(0),O=u(0),k=u(0),A=u(0),j=u(0),M=u([]),N,P=s(()=>h.orientation),F=s(()=>Math.max(k.value-O.value,0)),I=s(()=>F.value>0&&A.value>0),L=s(()=>ie(O.value,k.value,A.value)),R=s(()=>Math.max(A.value-L.value,0)),z=s(()=>re(D.value,F.value,R.value,P.value,_.value)),B=s(()=>{if(!I.value)return!1;switch(x.value){case`always`:case`auto`:return!0;case`hover`:return v.value||T.value;case`scroll`:return w.value||T.value;case`glimpse`:return E.value||T.value;default:return!1}}),V=s(()=>B.value?`visible`:`hidden`),he=s(()=>P.value===`horizontal`?{width:`${L.value}px`,transform:`translate3d(${z.value}px, 0, 0)`}:{height:`${L.value}px`,transform:`translate3d(0, ${z.value}px, 0)`});function H(){N&&(clearTimeout(N),N=void 0)}function U(e){H(),N=setTimeout(()=>{if(e===`scroll`){w.value=!1;return}E.value=!1},b.value)}function W(){let e=S.value,t=g.value,n=C.value;if(!e||!t||!n)return;let r=ne(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=a(e,P.value,_.value),fe(P.value,A.value)}function G(){if(x.value===`scroll`){w.value=!0,U(`scroll`);return}x.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=S.value;if(!t||R.value<=0||F.value<=0)return;let n=i(e/R.value,0,1),r=(P.value===`horizontal`&&_.value===`rtl`?1-n:n)*F.value;o(t,P.value,r,_.value)}function q(e){return P.value===`horizontal`?e.clientX:e.clientY}function J(e){if(!T.value||!C.value)return;let t=C.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G()}function X(){Y()}function Z(){Y()}function ge(e){if(!C.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=C.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function _e(e){if(e.button!==0)return;let t=e.currentTarget;if(!(t instanceof HTMLElement))return;let n=t.getBoundingClientRect();j.value=q(e)-(P.value===`horizontal`?n.left:n.top),T.value=!0,H(),window.addEventListener(`pointermove`,J),window.addEventListener(`pointerup`,X),window.addEventListener(`pointercancel`,Z)}function Q(){W(),G()}p(()=>S.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),p(B,e=>{y(P.value,e)},{immediate:!0}),p(()=>v.value,e=>{e&&x.value===`glimpse`&&G()}),m(s(()=>[S.value,g.value,C.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:he,onThumbPointerDown:_e,onThumbPointerUp:X});function $(e,t){if(de(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return p(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),Y(),S.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(l(),ae(d(n),oe(d(ue),{ref:d(me),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-scrollbar":``,class:d(pe),"data-orientation":P.value,"data-state":V.value,"aria-hidden":!0,onPointerdown:ge}),{default:le(()=>[ce(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`]))}});export{h as default};

package/dist/components/scroll-area/scroll-area-scrollbar.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaOrientation, ScrollAreaScrollbarProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -9,7 +8,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ScrollAreaScrollbarProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaScrollbarProps> & Readonly<{}>, {
   orientation: ScrollAreaOrientation;
-  as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/scroll-area/scroll-area-thumb.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaScrollbarContext as n,useScrollAreaUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`ScrollAreaThumb`,inheritAttrs:!1,__name:`scroll-area-thumb`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let f=e(a,[],u()),p=r(`thumb`),{dataState:m,hasOverflow:h,onThumbPointerDown:g,onThumbPointerUp:_,orientation:v,thumbStyle:y}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(f),{as:a.as,"as-child":a.asChild,class:l(p),"data-orientation":l(v),"data-state":l(m),"data-soybean-scroll-area-thumb":``,"aria-hidden":!0,hidden:l(h)?void 0:``,style:l(y),onPointerdown:l(g),onPointerup:l(_)}),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`,`hidden`,`style`,`onPointerdown`,`onPointerup`]))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaScrollbarContext as n,useScrollAreaUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`ScrollAreaThumb`,inheritAttrs:!1,__name:`scroll-area-thumb`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=e(a,[],u()),p=r(`thumb`),{dataState:m,hasOverflow:h,onThumbPointerDown:g,onThumbPointerUp:_,orientation:v,thumbStyle:y}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(f),{as:a.as,"as-child":a.asChild,"data-soybean-scroll-area-thumb":``,class:l(p),"data-orientation":l(v),"data-state":l(m),"aria-hidden":!0,hidden:l(h)?void 0:``,style:l(y),onPointerdown:l(g),onPointerup:l(_)}),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`,`hidden`,`style`,`onPointerdown`,`onPointerup`]))}});export{f as default};

package/dist/components/scroll-area/scroll-area-thumb.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaThumbProps } 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<ScrollAreaThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaThumbProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaThumbProps> & 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/scroll-area/scroll-area-viewport.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as r,useScrollAreaUi as i}from"./context.js";import{computed as a,createElementBlock as o,createVNode as s,defineComponent as c,mergeProps as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ScrollAreaViewport`,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,{scrollbarXEnabled:g,scrollbarYEnabled:_,onViewportChange:v,onContentChange:y}=r(`ScrollAreaViewport`),b=i(`viewport`),x=t(h,[`nonce`,`as`,`asChild`]),S=a(()=>({...x.value,tabindex:x.value.tabindex??0})),[,C]=e(v),[,w]=e(y),T=a(()=>({overflowX:g.value?`scroll`:`hidden`,overflowY:_.value?`scroll`:`hidden`})),E=a(()=>({minWidth:g.value?`fit-content`:void 0}));return(e,t)=>(d(),o(`div`,l({ref:p(C),"data-soybean-scroll-area-viewport":``},S.value,{class:[p(b),`soybean-headless-scrollbar-hidden`],style:T.value}),[s(p(n),{ref:p(w),as:c.as,"as-child":c.asChild,style:u(E.value)},{default:m(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16))}});export{h as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as r,useScrollAreaUi as i}from"./context.js";import{computed as a,createElementBlock as o,createVNode as s,defineComponent as c,mergeProps as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ScrollAreaViewport`,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,{scrollbarXEnabled:g,scrollbarYEnabled:_,onViewportChange:v,onContentChange:y}=r(`ScrollAreaViewport`),b=i(`viewport`),x=t(h,[`nonce`,`as`,`asChild`]),S=a(()=>({...x.value,tabindex:x.value.tabindex??0})),[,C]=e(v),[,w]=e(y),T=a(()=>({overflowX:g.value?`scroll`:`hidden`,overflowY:_.value?`scroll`:`hidden`})),E=a(()=>({minWidth:g.value?`fit-content`:void 0}));return(e,t)=>(d(),o(`div`,l({ref:p(C)},S.value,{"data-soybean-scroll-area-viewport":``,class:[p(b),`soybean-headless-scrollbar-hidden`],style:T.value}),[s(p(n),{ref:p(w),as:c.as,"as-child":c.asChild,style:u(E.value)},{default:m(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16))}});export{h as default};

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

@@ -1,6 +1,6 @@
 import { Direction, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { CSSProperties, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { CSSProperties, ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/scroll-area/types.d.ts
 /**
@@ -18,7 +18,7 @@ type ScrollAreaState = 'hidden' | 'visible';
 /**
  * Properties for the ScrollAreaRoot component.
  */
-interface ScrollAreaRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ScrollAreaRootProps extends PrimitiveWithBaseProps {
   /** Controls scrollbar visibility behavior. */
   type?: ScrollAreaType;
   /** The reading direction of the scroll area. */
@@ -29,29 +29,67 @@ interface ScrollAreaRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttr
 /**
  * Properties for the ScrollAreaViewport component.
  */
-interface ScrollAreaViewportProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ScrollAreaViewportProps extends PrimitiveWithBaseProps {
   /** Adds a nonce to the injected style tag. */
   nonce?: string;
 }
 /**
  * Properties for the ScrollAreaScrollbar component.
  */
-interface ScrollAreaScrollbarProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ScrollAreaScrollbarProps extends PrimitiveWithBaseProps {
   /** The scrollbar orientation. */
   orientation?: ScrollAreaOrientation;
 }
 /**
  * Properties for the ScrollAreaThumb component.
  */
-interface ScrollAreaThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ScrollAreaThumbProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ScrollAreaCorner component.
  */
-interface ScrollAreaCornerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ScrollAreaCornerProps extends PrimitiveWithBaseProps {}
 /**
  * Events for the ScrollAreaRoot component.
  */
 type ScrollAreaRootEmits = {};
+/**
+ * Properties for the ScrollAreaCompact component.
+ */
+interface ScrollAreaCompactProps extends ScrollAreaRootProps {
+  /**
+   * Properties forwarded to the viewport element.
+   */
+  viewportProps?: ScrollAreaViewportProps;
+  /**
+   * Properties forwarded to the vertical scrollbar element.
+   */
+  verticalScrollbarProps?: ScrollAreaScrollbarProps;
+  /**
+   * Properties forwarded to the horizontal scrollbar element.
+   */
+  horizontalScrollbarProps?: ScrollAreaScrollbarProps;
+  /**
+   * Properties forwarded to the thumb elements.
+   */
+  thumbProps?: ScrollAreaThumbProps;
+  /**
+   * Properties forwarded to the corner element.
+   */
+  cornerProps?: ScrollAreaCornerProps;
+}
+/**
+ * Events for the ScrollAreaCompact component.
+ */
+type ScrollAreaCompactEmits = ScrollAreaRootEmits;
+/**
+ * Slots for the ScrollAreaCompact component.
+ */
+type ScrollAreaCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+};
 /**
  * Available UI slots for the ScrollArea component.
  */
@@ -61,4 +99,4 @@ type ScrollAreaUiSlot = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
  */
 type ScrollAreaUi = UiClass<ScrollAreaUiSlot>;
 //#endregion
-export { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };
+export { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };

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

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

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

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

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

@@ -5,14 +5,14 @@ import * as _$vue from "vue";
 //#region src/components/segment/segment-compact.vue.d.ts
 declare const __VLS_export: <T extends TabsOptionData = TabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<SegmentCompactProps<T> & {
-    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T["value"], undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SegmentCompactSlots<T>;
-  emit: (evt: "update:modelValue", payload: T["value"]) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/select/context.js

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

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

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

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

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

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

@@ -7,18 +7,18 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<SelectCompactProps<T, M> & {
     onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectCompactSlots<T, M>;
-  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

package/dist/components/select/select-group-label.js

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

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

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

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

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

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

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

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

@@ -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};