@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

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

@@ -0,0 +1,77 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import "../../types/index.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+//#region src/components/rating/types.d.ts
+/**
+ * Properties for the RatingRoot component.
+ */
+interface RatingRootProps extends FormFieldCommonProps, PrimitiveWithBaseProps {
+  /** The controlled value of the rating. Can be bound as `v-model`. */
+  modelValue?: number;
+  /** The initial value of the rating when uncontrolled. */
+  defaultValue?: number;
+  /** The maximum rating value (number of items). */
+  max?: number;
+  /** Whether half-star precision is allowed. */
+  allowHalf?: boolean;
+  /** Whether clicking the current value clears the rating to 0. */
+  allowClear?: boolean;
+  /** Whether the rating is read-only (focusable but not interactive). */
+  readonly?: boolean;
+  /** Whether the rating is disabled (inert). */
+  disabled?: boolean;
+  /** The orientation of the rating. */
+  orientation?: DataOrientation;
+  /** The reading direction of the rating. */
+  dir?: Direction;
+}
+/**
+ * Events for the RatingRoot component.
+ */
+type RatingRootEmits = {
+  /** Event handler called when the rating value changes. */
+  'update:modelValue': [value: number];
+  /** Event handler called when the hover preview value changes. `null` when the pointer leaves. */
+  hoverChange: [value: number | null];
+  /** Event handler called when a rating interaction is committed (click or keyboard). */
+  valueCommit: [value: number];
+};
+/**
+ * Properties for the RatingItem component.
+ */
+interface RatingItemProps extends PrimitiveWithBaseProps {
+  /** The zero-based index of the item within the rating. */
+  index: number;
+}
+/**
+ * Events for the RatingItem component.
+ */
+type RatingItemEmits = Record<string, never>;
+/**
+ * The visual state of a rating item.
+ */
+type RatingItemState = 'full' | 'half' | 'empty';
+/**
+ * Context for the RatingRoot component.
+ */
+interface RatingRootContext extends PropsToContext<RatingRootProps, 'max' | 'allowHalf' | 'allowClear' | 'readonly' | 'disabled' | 'dir' | 'orientation'> {
+  /** Current model value (controllable state ref). */
+  modelValue: ShallowRef<number | undefined>;
+  /** Current model value used by the component context. */
+  currentModelValue: ComputedRef<number>;
+  /** Current hover preview value, or `null` when not hovering. */
+  hoverValue: ComputedRef<number | null>;
+  /** Whether the orientation is horizontal. */
+  isHorizontal: ComputedRef<boolean>;
+  /** Set the rating value (handles snapping, clamping, and `allowClear`). */
+  setValue: (value: number) => void;
+  /** Set the hover preview value. */
+  setHover: (value: number) => void;
+  /** Clear the hover preview value. */
+  clearHover: () => void;
+}
+//#endregion
+export { RatingItemEmits, RatingItemProps, RatingItemState, RatingRootContext, RatingRootEmits, RatingRootProps };

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

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

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

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

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

@@ -1,6 +1,8 @@
 import { DataOrientation } from "../../types/common.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
 import { RovingFocusGroupProps } from "./types.js";
+import "../../index.js";
 //#region src/components/roving-focus/roving-focus-group.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -27,4 +29,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

@@ -1,6 +1,6 @@
 import { DataOrientation, Direction } from "../../types/common.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-
 //#region src/components/roving-focus/types.d.ts
 /**
  * Properties for the RovingFocusGroup component.

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

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

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

@@ -1,9 +1,9 @@
 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 _default$2 from "./scroll-area-root.vue.js";
+import _default$5 from "./scroll-area-viewport.vue.js";
+import _default$3 from "./scroll-area-scrollbar.vue.js";
+import _default$4 from "./scroll-area-thumb.vue.js";
+import _default$1 from "./scroll-area-corner.vue.js";
+import _default from "./scroll-area-compact.vue.js";
 import { provideScrollAreaUi } from "./context.js";
 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/scroll-area-compact.vue.d.ts

@@ -1,5 +1,4 @@
 import { ScrollAreaCompactProps, ScrollAreaCompactSlots } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-compact.vue.d.ts
 type __VLS_Slots = ScrollAreaCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<ScrollAreaCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11,4 +10,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as 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:{}},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};
+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=s,h=f(),g=e(m,[],h),_=r(`corner`),{scrollbarXSize:v,scrollbarYSize:y,scrollbarXVisible:b,scrollbarYVisible:x}=n(`ScrollAreaCorner`),S=i(()=>b.value&&x.value),C=i(()=>({width:`${y.value}px`,height:`${v.value}px`}));return(e,n)=>S.value?(l(),a(d(t),c({key:0},d(g),{as:s.as,"as-child":s.asChild,"data-soybean-scroll-area-corner":``,class:d(_),"aria-hidden":!0,style:C.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,5 +1,4 @@
 import { ScrollAreaCornerProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-corner.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-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};
+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,_=m(),v=r(g,[`dir`,`scrollHideDelay`,`type`],_),y=o(`root`),b=t(()=>g.dir),[x,S]=n(),C=f(!1),w=f(),T=f(),E=f(!1),D=f(!1),O=f(!1),k=f(!1),A=f(0),j=f(0);function M(e,t){if(e===`horizontal`){E.value=t;return}D.value=t}function N(e,t){if(e===`horizontal`){O.value=t;return}k.value=t}function P(e,t){if(e===`horizontal`){A.value=t;return}j.value=t}return a({dir:b,isHovering:C,rootElement:x,viewportElement:w,contentElement:T,scrollbarXEnabled:E,scrollbarYEnabled:D,scrollbarXVisible:O,scrollbarYVisible:k,scrollbarXSize:A,scrollbarYSize:j,onViewportChange:e=>{w.value=e},onContentChange:e=>{T.value=e},onScrollbarEnabledChange:M,onScrollbarVisibleChange:N,onScrollbarSizeChange:P,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(i),l(p(v),{ref:p(S),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-root":``,class:p(y),dir:p(b),onPointerenter:t[0]||(t[0]=e=>C.value=!0),onPointerleave:t[1]||(t[1]=e=>C.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,5 +1,4 @@
 import { ScrollAreaRootProps, ScrollAreaType } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-root.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -17,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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:{}},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};
+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 i,useScrollAreaUi as ee}from"./context.js";import{clamp as te,getScrollPosition as ne,getScrollSize as a,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 ce,renderSlot as le,shallowRef as l,unref as u,useAttrs as d,watch as f,withCtx as p}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=d(),de=t(h,[`orientation`],ue),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:fe,onScrollbarSizeChange:pe,onScrollbarVisibleChange:y,scrollHideDelay:me,type:b,viewportElement:x}=i(`ScrollAreaScrollbar`),he=ee(`scrollbar`),[S,C]=e(),w=l(!1),T=l(!1),E=l(!1),D=l(0),O=l(0),k=l(0),A=l(0),j=l(0),M=l([]),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(b.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`),ge=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},me.value)}function W(){let e=x.value,t=g.value,n=S.value;if(!e||!t||!n)return;let r=a(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=ne(e,P.value,_.value),pe(P.value,A.value)}function G(){if(b.value===`scroll`){w.value=!0,U(`scroll`);return}b.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=x.value;if(!t||R.value<=0||F.value<=0)return;let n=te(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||!S.value)return;let t=S.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value&&(T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G())}function X(){Y()}function Z(){Y()}function _e(e){if(!S.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=S.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function ve(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()}f(()=>x.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),f(B,e=>{y(P.value,e)},{immediate:!0}),f(()=>v.value,e=>{e&&b.value===`glimpse`&&G()}),m(s(()=>[x.value,g.value,S.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:ge,onThumbPointerDown:ve,onThumbPointerUp:X});function $(e,t){if(fe(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return f(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{Y(),H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),x.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(ce(),ae(u(n),oe(u(de),{ref:u(C),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-scrollbar":``,class:u(he),"data-orientation":P.value,"data-state":V.value,"aria-hidden":!0,onPointerdown:_e}),{default:p(()=>[le(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,5 +1,4 @@
 import { ScrollAreaOrientation, ScrollAreaScrollbarProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-scrollbar.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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:{}},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};
+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=a,p=u(),m=e(f,[],p),h=r(`thumb`),{dataState:g,hasOverflow:_,onThumbPointerDown:v,onThumbPointerUp:y,orientation:b,thumbStyle:x}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(m),{as:a.as,"as-child":a.asChild,"data-soybean-scroll-area-thumb":``,class:l(h),"data-orientation":l(b),"data-state":l(g),"aria-hidden":!0,hidden:l(_)?void 0:``,style:l(x),onPointerdown:l(v),onPointerup:l(y)}),{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,5 +1,4 @@
 import { ScrollAreaThumbProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-thumb.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

@@ -1 +1 @@
-const e=new WeakMap;function t(e,t,n){return Math.min(Math.max(e,t),n)}function n(e,t){return e===`horizontal`?t.horizontal:t.vertical}function r(e,n,r){return e<=0||n<=0||r<=0?0:t(e/n*r,18,r)}function i(e,n,r,i,a){if(n<=0||r<=0)return 0;let o=t(e/n,0,1);return i===`horizontal`&&a===`rtl`?r-o*r:o*r}function a(t){let n=e.get(t);if(n)return n;let r=t.createElement(`div`),i=t.createElement(`div`);r.dir=`rtl`,r.style.width=`4px`,r.style.height=`1px`,r.style.position=`absolute`,r.style.top=`-1000px`,r.style.overflow=`scroll`,i.style.width=`8px`,i.style.height=`1px`,r.appendChild(i),t.body.appendChild(r);let a=r.scrollLeft>0?`default`:(r.scrollLeft=1,r.scrollLeft===0?`negative`:`reverse`);return t.body.removeChild(r),e.set(t,a),a}function o(e){let t=Math.max(e.scrollWidth-e.clientWidth,0);switch(a(e.ownerDocument)){case`negative`:return-e.scrollLeft;case`reverse`:return t-e.scrollLeft;default:return e.scrollLeft}}function s(e,t){let n=Math.max(e.scrollWidth-e.clientWidth,0);switch(a(e.ownerDocument)){case`negative`:e.scrollLeft=-t;break;case`reverse`:e.scrollLeft=n-t;break;default:e.scrollLeft=t;break}}function c(e,t,n){return t===`horizontal`&&n===`rtl`?o(e):t===`horizontal`?e.scrollLeft:e.scrollTop}function l(e,t,n,r){if(t===`horizontal`){if(r===`rtl`){s(e,n);return}e.scrollLeft=n;return}e.scrollTop=n}function u(e,t,r){let i=n(r,{horizontal:e.clientWidth,vertical:e.clientHeight}),a=n(r,{horizontal:Math.max(t.scrollWidth,t.offsetWidth),vertical:Math.max(t.scrollHeight,t.offsetHeight)});return{viewportSize:i,contentSize:a,maxScrollPosition:Math.max(a-i,0)}}export{t as clamp,c as getScrollPosition,u as getScrollSize,i as getThumbOffset,r as getThumbSize,l as setViewportScroll};
+const e=new WeakMap;function t(e,t,n){return Math.min(Math.max(e,t),n)}function n(e,t){return e===`horizontal`?t.horizontal:t.vertical}function r(e,n,r){return e<=0||n<=0||r<=0?0:t(e/n*r,18,r)}function i(e,n,r,i,a){if(n<=0||r<=0)return 0;let o=t(e/n,0,1);return i===`horizontal`&&a===`rtl`?r-o*r:o*r}function a(t){let n=e.get(t);if(n)return n;let r=t.createElement(`div`),i=t.createElement(`div`);r.dir=`rtl`,r.style.width=`4px`,r.style.height=`1px`,r.style.position=`absolute`,r.style.top=`-1000px`,r.style.overflow=`scroll`,i.style.width=`8px`,i.style.height=`1px`,r.appendChild(i),t.body.appendChild(r);let a=r.scrollLeft>0?`default`:(r.scrollLeft=1,r.scrollLeft===0?`negative`:`reverse`);return t.body.removeChild(r),e.set(t,a),a}function o(e){let t=Math.max(e.scrollWidth-e.clientWidth,0);switch(a(e.ownerDocument)){case`negative`:return-e.scrollLeft;case`reverse`:return t-e.scrollLeft;default:return e.scrollLeft}}function s(e,t){let n=Math.max(e.scrollWidth-e.clientWidth,0);switch(a(e.ownerDocument)){case`negative`:e.scrollLeft=-t;break;case`reverse`:e.scrollLeft=n-t;break;default:e.scrollLeft=t}}function c(e,t,n){return t===`horizontal`&&n===`rtl`?o(e):t===`horizontal`?e.scrollLeft:e.scrollTop}function l(e,t,n,r){if(t===`horizontal`){if(r===`rtl`){s(e,n);return}e.scrollLeft=n;return}e.scrollTop=n}function u(e,t,r){let i=n(r,{horizontal:e.clientWidth,vertical:e.clientHeight}),a=n(r,{horizontal:Math.max(t.scrollWidth,t.offsetWidth),vertical:Math.max(t.scrollHeight,t.offsetHeight)});return{viewportSize:i,contentSize:a,maxScrollPosition:Math.max(a-i,0)}}export{t as clamp,n as getAxisValue,c as getScrollPosition,u as getScrollSize,i as getThumbOffset,r as getThumbSize,l as setViewportScroll};

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

@@ -1,7 +1,7 @@
 import { Direction, UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { CSSProperties, ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/scroll-area/types.d.ts
 /**
  * Supported scroll area values.

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

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

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

@@ -1,6 +1,5 @@
 import { TabsOptionData } from "../tabs/types.js";
 import { SegmentCompactProps, SegmentCompactSlots } from "./types.js";
-
 //#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: import("vue").PublicProps & __VLS_PrettifyLocal<SegmentCompactProps<T> & {
@@ -13,9 +12,9 @@ declare const __VLS_export: <T extends TabsOptionData = TabsOptionData>(__VLS_pr
   slots: SegmentCompactSlots<T>;
   emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AcceptableValue, UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUiSlot } from "../tabs/types.js";
-
 //#region src/components/segment/types.d.ts
 /**
  * Properties for the SegmentCompact component.
@@ -55,4 +55,4 @@ type SegmentUiSlot = Exclude<TabsUiSlot, 'content'>;
  */
 type SegmentUi = UiClass<SegmentUiSlot>;
 //#endregion
-export { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot };
+export { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, type TabsIndicatorProps as SegmentIndicatorProps, type TabsListProps as SegmentListProps, type TabsOptionData as SegmentOptionData, type TabsRootEmits as SegmentRootEmits, type TabsRootProps as SegmentRootProps, type TabsTriggerProps as SegmentTriggerProps, SegmentUi, SegmentUiSlot };

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

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

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{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=`soybean-select-content-${d()}`,p=()=>{s.value||(s.value=f)},m=u(),h=e=>{m.value=e},g=u(),_=e=>{g.value=e},v=l(new Set),y=c(()=>Array.from(v.value)),b=c(()=>y.value.map(e=>e.value).join(`;`)),x=e=>{v.value.add(e)},S=e=>{v.value.delete(e)},C=u({x:0,y:0}),w=e=>{C.value=e},T=()=>{C.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:p,triggerElement:m,onTriggerElementChange:h,valueElement:g,onValueElementChange:_,optionsSet:v,onOptionAdd:x,onOptionRemove:S,options:y,nativeSelectKey:b,triggerPointerDownPosition:C,setTriggerPointerDownPosition:w,resetTriggerPointerDownPosition:T}}),{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(``),t=`soybean-select-group-label-${d()}`;return{labelId:e,initLabelId:()=>{e.value||(e.value=t)}}}),[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=`soybean-select-item-text-${d()}`,o=()=>{i.value||(i.value=a)};return{...e,textId:i,initTextId:o,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};
+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=`soybean-select-content-${d()}`,p=()=>{s.value||(s.value=f)},m=u(),h=e=>{m.value=e},g=u(),_=e=>{g.value=e},v=l(new Set),y=c(()=>Array.from(v.value)),b=c(()=>y.value.map(e=>e.value).join(`;`)),x=e=>{v.value.add(e)},S=e=>{v.value.delete(e)},C=u({x:0,y:0}),w=e=>{C.value=e},T=()=>{C.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:p,triggerElement:m,onTriggerElementChange:h,valueElement:g,onValueElementChange:_,optionsSet:v,onOptionAdd:x,onOptionRemove:S,options:y,nativeSelectKey:b,triggerPointerDownPosition:C,setTriggerPointerDownPosition:w,resetTriggerPointerDownPosition:T}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a,position:o}=t,s=u(!1),c=u(),l=e=>{c.value=e},d=!1,f=!1,p=u(),m=(t,n,i)=>{let a=!d&&!i;(e(r.value,n)||a)&&(p.value=t)},h=u(),g=(t,n,a)=>{let o=!d&&!a,s=e(r.value,n);if(i.value){if(f)return;(s||o)&&(h.value=t,s&&(f=!0))}else(s||o)&&(h.value=t);o&&(d=!0)},_=()=>{a.value?.focus()},v=()=>{let e=c.value,t=h.value;if(!e||!t)return;let n=e.scrollTop,r=n+e.clientHeight,i=t.offsetTop,a=i+t.offsetHeight;i<n?e.scrollTop=i:a>r&&(e.scrollTop=a-e.clientHeight)},y=()=>{let e=c.value,t=h.value;return!e||!t||t.offsetTop>=e.scrollTop&&t.offsetTop+t.offsetHeight<=e.scrollTop+e.clientHeight};function b(){if(!h.value||!a.value||(n([h.value,a.value]),o.value!==`popper`))return;v();let e=c.value;if(!e||typeof requestAnimationFrame>`u`)return;let t=0,r=e.clientHeight,i=performance.now(),s=()=>{v();let n=e.clientHeight!==r,a=y();r=e.clientHeight,n?t=0:a?t+=1:t=0,!(t>=3||performance.now()-i>500)&&requestAnimationFrame(s)};requestAnimationFrame(s)}return{...t,isPositioned:s,viewportElement:c,onViewportElementChange:l,selectedItemElement:h,onSelectedItemElementChange:g,onItemElementLeave:_,selectedItemTextElement:p,onSelectedItemTextElementChange:m,focusSelectedItem:b}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``),t=`soybean-select-group-label-${d()}`;return{labelId:e,initLabelId:()=>{e.value||(e.value=t)}}}),[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=`soybean-select-item-text-${d()}`,o=()=>{i.value||(i.value=a)};return{...e,textId:i,initTextId:o,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/index.d.ts

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

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

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

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../portal/portal.js";import"../portal/index.js";import r from"./select-root.js";import{isGroupOption as i}from"./shared.js";import a from"./select-arrow.js";import o from"./select-content.js";import s from"./select-group-label.js";import c from"./select-group.js";import l from"./select-item-indicator.js";import u from"./select-item-text.js";import d from"./select-item.js";import f from"./select-scroll-down-button.js";import p from"./select-scroll-up-button.js";import m from"./select-separator.js";import h from"./select-trigger-icon.js";import g from"./select-trigger.js";import _ from"./select-value.js";import v from"./select-viewport.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";const I=E({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(E,{emit:I}){let L=E,R=I,z=e(L,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),B=b(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),V=b(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps})),H=e=>i(e)?`group-${e.label}`:`item-${String(e.value)}`,U=e=>e,W=e=>{R(`update:modelValue`,e)},G=e=>{R(`select`,e)};return(e,b)=>(A(),x(r,O(P(z),{"onUpdate:modelValue":W,"onUpdate:open":b[5]||(b[5]=e=>R(`update:open`,e))}),{default:F(()=>[T(g,k(D(E.triggerProps)),{default:F(()=>[M(e.$slots,`trigger-leading`),T(_,k(D(B.value)),{default:F(t=>[M(e.$slots,`trigger-value`,k(D(U(t))))]),_:3},16),M(e.$slots,`trigger-trailing`),T(h,k(D(E.triggerIconProps)),{default:F(()=>[M(e.$slots,`trigger-icon`,{},()=>[T(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),T(P(n),k(D(E.portalProps)),{default:F(()=>[T(o,O(V.value,{onCloseAutoFocus:b[2]||(b[2]=e=>R(`closeAutoFocus`,e)),onEscapeKeyDown:b[3]||(b[3]=e=>R(`escapeKeyDown`,e)),onPointerDownOutside:b[4]||(b[4]=e=>R(`pointerDownOutside`,e))}),{default:F(()=>[T(p,k(D(E.scrollUpButtonProps)),{default:F(()=>[M(e.$slots,`scroll-up-button`,{},()=>[T(t,{icon:`lucide:chevron-up`})])]),_:3},16),T(v,k(D(E.viewportProps)),{default:F(()=>[(A(!0),C(y,null,j(E.items,n=>(A(),C(y,{key:H(n)},[P(i)(n)?(A(),x(c,O({key:0,ref_for:!0},E.groupProps),{default:F(()=>[T(s,O({ref_for:!0},E.groupLabelProps),{default:F(()=>[M(e.$slots,`group-label`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),(A(!0),C(y,null,j(n.items,n=>(A(),C(y,{key:String(n.value)},[T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[0]||(b[0]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(u,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(l,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))),128))]),_:2},1040)):(A(),C(y,{key:1},[T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[1]||(b[1]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(u,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(l,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))],64))),128))]),_:3},16),T(f,k(D(E.scrollDownButtonProps)),{default:F(()=>[M(e.$slots,`scroll-down-button`,{},()=>[T(t,{icon:`lucide:chevron-down`})])]),_:3},16),E.showArrow?(A(),x(a,k(O({key:0},E.arrowProps)),null,16)):S(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};
+import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import"../portal/index.js";import i from"./select-root.js";import{isGroupOption as a}from"./shared.js";import o from"./select-arrow.js";import s from"./select-content.js";import c from"./select-group-label.js";import l from"./select-group.js";import u from"./select-item-indicator.js";import d from"./select-item-text.js";import f from"./select-item.js";import p from"./select-scroll-down-button.js";import m from"./select-scroll-up-button.js";import h from"./select-separator.js";import g from"./select-trigger-icon.js";import _ from"./select-trigger.js";import v from"./select-value.js";import y from"./select-viewport.js";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeProps as A,openBlock as j,renderList as M,renderSlot as N,toDisplayString as P,unref as F,withCtx as I}from"vue";const L=D({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},showTriggerIcon:{type:Boolean,default:!0},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},nullableValue:{},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(D,{emit:L}){let R=D,z=L,B=t(R,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`showTriggerIcon`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),V=x(()=>({...R.valueProps,placeholder:R.placeholder??R.valueProps?.placeholder})),H=x(()=>({...R.contentProps,placement:R.placement??R.contentProps?.placement,popupProps:R.popupProps??R.contentProps?.popupProps})),U=e=>a(e)?`group-${e.label}`:`item-${String(e.value)}`,W=e=>e,G=x(()=>{let t=R.modelValue??R.defaultValue;return e(t)||Array.isArray(t)&&t.length===0?``:(Array.isArray(t)?t:[t]).map(e=>{for(let t of R.items){if(a(t)){let n=t.items.find(t=>t.value===e);if(n)return n.label;continue}if(t.value===e)return t.label}return``}).filter(Boolean).join(`, `)}),K=e=>{z(`update:modelValue`,e)},q=e=>{z(`select`,e)};return(e,t)=>(j(),S(i,k(F(B),{"onUpdate:modelValue":K,"onUpdate:open":t[5]||(t[5]=e=>z(`update:open`,e))}),{default:I(()=>[E(_,A(O(D.triggerProps)),{default:I(()=>[N(e.$slots,`trigger-leading`),E(v,A(O(V.value)),{default:I(t=>[N(e.$slots,`trigger-value`,A(O(W(t))),()=>[T(P(G.value||t.slotText),1)])]),_:3},16),N(e.$slots,`trigger-trailing`),D.showTriggerIcon?(j(),S(g,A(k({key:0},D.triggerIconProps)),{default:I(()=>[N(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`})])]),_:3},16)):C(`v-if`,!0)]),_:3},16),E(F(r),A(O(D.portalProps)),{default:I(()=>[E(s,k(H.value,{onCloseAutoFocus:t[2]||(t[2]=e=>z(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>z(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>z(`pointerDownOutside`,e))}),{default:I(()=>[N(e.$slots,`top`),E(m,A(O(D.scrollUpButtonProps)),{default:I(()=>[N(e.$slots,`scroll-up-button`,{},()=>[E(n,{icon:`lucide:chevron-up`})])]),_:3},16),E(y,A(O(D.viewportProps)),{default:I(()=>[(j(!0),w(b,null,M(D.items,r=>(j(),w(b,{key:U(r)},[F(a)(r)?(j(),S(l,k({key:0,ref_for:!0},D.groupProps),{default:I(()=>[E(c,k({ref_for:!0},D.groupLabelProps),{default:I(()=>[N(e.$slots,`group-label`,{item:r},()=>[T(P(r.label),1)])]),_:2},1040),r.separator?(j(),S(h,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),(j(!0),w(b,null,M(r.items,r=>(j(),w(b,{key:String(r.value)},[E(f,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>q(e))}),{default:I(()=>[N(e.$slots,`item-leading`,{item:r},()=>[r.icon?(j(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),E(d,k({ref_for:!0},D.itemTextProps),{default:I(()=>[N(e.$slots,`item-text`,{item:r},()=>[T(P(r.label),1)])]),_:2},1040),N(e.$slots,`item-trailing`,{item:r}),E(u,k({ref_for:!0},D.itemIndicatorProps),{default:I(()=>[N(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),r.separator?(j(),S(h,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0)],64))),128))]),_:2},1040)):(j(),w(b,{key:1},[E(f,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue,disabled:r.disabled,onSelect:t[1]||(t[1]=e=>q(e))}),{default:I(()=>[N(e.$slots,`item-leading`,{item:r},()=>[r.icon?(j(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),E(d,k({ref_for:!0},D.itemTextProps),{default:I(()=>[N(e.$slots,`item-text`,{item:r},()=>[T(P(r.label),1)])]),_:2},1040),N(e.$slots,`item-trailing`,{item:r}),E(u,k({ref_for:!0},D.itemIndicatorProps),{default:I(()=>[N(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),r.separator?(j(),S(h,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0)],64))],64))),128))]),_:3},16),E(p,A(O(D.scrollDownButtonProps)),{default:I(()=>[N(e.$slots,`scroll-down-button`,{},()=>[E(n,{icon:`lucide:chevron-down`})])]),_:3},16),N(e.$slots,`bottom`),D.showArrow?(j(),S(o,A(k({key:0},D.arrowProps)),null,16)):C(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{L as default};

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

@@ -1,6 +1,8 @@
 import { DefinedValue } from "../../types/common.js";
 import { PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types.js";
+import "../../index.js";
 //#region src/components/select/select-compact.vue.d.ts
 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: import("vue").PublicProps & __VLS_PrettifyLocal<SelectCompactProps<T, M> & {
@@ -18,9 +20,9 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
   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);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{tryFocusFirst as e}from"../../shared/focus.js";import"../../shared/index.js";import{useBodyScrollLock as t}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as n}from"../../composables/use-dismissable-layer.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useFocusGuards as i}from"../../composables/use-focus-guards.js";import{useFocusScope as a}from"../../composables/use-focus-scope.js";import{useHideOthers as ee}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import{useTypeahead as s}from"../../composables/use-typeahead.js";import"../../composables/index.js";import te from"../popper/popper-positioner.js";import"../popper/index.js";import{provideSelectContentContext as c,useCollectionContext as ne,useSelectPopupElementContext as re,useSelectRootContext as l}from"./context.js";import"./shared.js";import u from"./select-item-aligned-popup.js";import d from"./select-item-aligned-positioner.js";import f from"./select-popper-popup.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onWatcherCleanup as v,openBlock as y,renderSlot as b,unref as x,watch as S,watchEffect as C,withCtx as w,withModifiers as T}from"vue";const E=g({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:10},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean,default:!0}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(g,{emit:E}){let D=g,O=E,{open:k,onOpenChange:A,dataState:j,modelValue:M,isMultiple:N,dir:P,contentId:F,triggerElement:I,triggerPointerDownPosition:L,resetTriggerPointerDownPosition:R}=l(`SelectContentImpl`),{onPopupElementChange:z}=re(`SelectContentImpl`),{onContainerElementChange:B,getOrderedItems:V,getOrderedElements:H}=ne(`SelectContentImpl`),[U,W]=r(),[G,K]=r(e=>{z(e),B(e)}),{search:q,handleTypeaheadSearch:J}=s(),{pointerEvents:Y}=n(U,{disableOutsidePointerEvents:()=>D.disableOutsidePointerEvents,onEscapeKeyDown:e=>{O(`escapeKeyDown`,e)},onPointerDownOutside:e=>{O(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{A(!1)}}),{onKeydown:ie}=a(U,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{O(`closeAutoFocus`,e),!e.defaultPrevented&&(I.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:ae}=c({position:p(()=>D.position),modelValue:M,isMultiple:N,search:q,popupElement:G}),oe=o(D,[`position`,`bodyLock`,`popupProps`,`disableOutsidePointerEvents`]),Z=p(()=>({display:`flex`,flexDirection:`column`,outline:`none`,pointerEvents:Y.value})),Q=t=>{ie(t);let n=t.ctrlKey||t.altKey||t.metaKey;if(t.key===`Tab`&&t.preventDefault(),!n&&t.key.length===1&&J(t.key,V()),[`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(t.key)){let n=[...H()];if([`ArrowUp`,`End`].includes(t.key)&&(n=n.slice().reverse()),[`ArrowUp`,`ArrowDown`].includes(t.key)){let e=t.target,r=n.indexOf(e);n=n.slice(r+1)}setTimeout(()=>{e(n)}),t.preventDefault()}},$=()=>{X.value=!0};return i(),ee(G,k),S(X,()=>{ae()}),C(()=>{D.bodyLock&&v(t())}),C(()=>{if(!G.value)return;let e={x:0,y:0},t=t=>{let{x:n,y:r}=L.value??{x:0,y:0};e={x:Math.abs(Math.round(t.pageX)-n),y:Math.abs(Math.round(t.pageY)-r)}},n=n=>{n.pointerType!==`touch`&&(e.x<=10&&e.y<=10?n.preventDefault():G.value?.contains(n.target)||A(!1),document.removeEventListener(`pointermove`,t),R())};L.value!==null&&(document.addEventListener(`pointermove`,t),document.addEventListener(`pointerup`,n,{capture:!0,once:!0})),v(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>g.position===`popper`?(y(),m(x(te),_({key:0,ref:x(W)},x(oe),{onContextmenu:t[0]||(t[0]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q}),{default:w(()=>[h(f,_({id:x(F),ref:x(K)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(j),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`style`])]),_:3},16)):(y(),m(d,{key:1,ref:x(W),onContextmenu:t[1]||(t[1]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q},{default:w(()=>[h(u,_({id:x(F),ref:x(K)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(j),dir:x(P),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},512))}});export{E as default};
+import{tryFocusFirst as e}from"../../shared/focus.js";import"../../shared/index.js";import{useBodyScrollLock as t}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as n}from"../../composables/use-dismissable-layer.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useFocusGuards as i}from"../../composables/use-focus-guards.js";import{useFocusScope as a}from"../../composables/use-focus-scope.js";import{useHideOthers as ee}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import{useTypeahead as s}from"../../composables/use-typeahead.js";import"../../composables/index.js";import te from"../popper/popper-positioner.js";import"../popper/index.js";import{provideSelectContentContext as c,useCollectionContext as ne,useSelectPopupElementContext as re,useSelectRootContext as l}from"./context.js";import"./shared.js";import ie from"./select-item-aligned-popup.js";import u from"./select-item-aligned-positioner.js";import d from"./select-popper-popup.js";import{computed as f,createBlock as p,createVNode as m,defineComponent as h,mergeProps as g,onWatcherCleanup as _,openBlock as v,renderSlot as y,unref as b,watch as x,watchEffect as S,withCtx as C,withModifiers as w}from"vue";const T=h({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:10},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean,default:!0}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(h,{emit:T}){let E=h,D=T,{open:ae,onOpenChange:O,dataState:k,modelValue:A,isMultiple:j,dir:M,contentId:N,triggerElement:P,triggerPointerDownPosition:F,resetTriggerPointerDownPosition:I}=l(`SelectContentImpl`),{onPopupElementChange:L}=re(`SelectContentImpl`),{onContainerElementChange:R,getOrderedItems:z,getOrderedElements:B}=ne(`SelectContentImpl`),[V,H]=r(),[U,W]=r(e=>{L(e),R(e)}),{search:G,handleTypeaheadSearch:K}=s(),{pointerEvents:q,onFocusCapture:J,onBlurCapture:Y}=n(V,{disableOutsidePointerEvents:()=>E.disableOutsidePointerEvents,onEscapeKeyDown:e=>{D(`escapeKeyDown`,e)},onPointerDownOutside:e=>{D(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{O(!1)}}),{onKeydown:oe}=a(V,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{D(`closeAutoFocus`,e),!e.defaultPrevented&&(P.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:se}=c({position:f(()=>E.position),modelValue:A,isMultiple:j,search:G,popupElement:U}),ce=o(E,[`position`,`bodyLock`,`popupProps`,`disableOutsidePointerEvents`]),Z=f(()=>({display:`flex`,flexDirection:`column`,outline:`none`,pointerEvents:q.value})),Q=t=>{oe(t);let n=t.ctrlKey||t.altKey||t.metaKey;if(t.key===`Tab`&&t.preventDefault(),!n&&t.key.length===1&&K(t.key,z()),[`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(t.key)){let n=[...B()];if([`ArrowUp`,`End`].includes(t.key)&&(n=n.slice().reverse()),[`ArrowUp`,`ArrowDown`].includes(t.key)){let e=t.target,r=n.indexOf(e);n=n.slice(r+1)}setTimeout(()=>{e(n)}),t.preventDefault()}},$=()=>{X.value=!0};return i(),ee(U,ae),x(X,()=>{se()}),S(()=>{if(!E.bodyLock)return;let e=t();_(e)}),S(()=>{if(!U.value)return;let e={x:0,y:0},t=t=>{let{x:n,y:r}=F.value??{x:0,y:0};e={x:Math.abs(Math.round(t.pageX)-n),y:Math.abs(Math.round(t.pageY)-r)}},n=n=>{n.pointerType!==`touch`&&(e.x<=10&&e.y<=10?n.preventDefault():U.value?.contains(n.target)||O(!1),document.removeEventListener(`pointermove`,t),I())};F.value!==null&&(document.addEventListener(`pointermove`,t),document.addEventListener(`pointerup`,n,{capture:!0,once:!0})),_(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>h.position===`popper`?(v(),p(b(te),g({key:0,ref:b(H)},b(ce),{onFocusCapture:b(J),onBlurCapture:b(Y),onContextmenu:t[0]||(t[0]=w(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q}),{default:C(()=>[m(d,g({id:b(N),ref:b(W)},h.popupProps,{"data-dismissable-layer":``,"data-state":b(k),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:C(()=>[y(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`style`])]),_:3},16,[`onFocusCapture`,`onBlurCapture`])):(v(),p(u,{key:1,ref:b(H),onFocusCapture:b(J),onBlurCapture:b(Y),onContextmenu:t[1]||(t[1]=w(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q},{default:C(()=>[m(ie,g({id:b(N),ref:b(W)},h.popupProps,{"data-dismissable-layer":``,"data-state":b(k),dir:b(M),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:C(()=>[y(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},8,[`onFocusCapture`,`onBlurCapture`]))}});export{T as default};

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,"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};
+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=x(),O=n(T,[`forceMount`],D),k=e(E),{open:A}=i(`SelectContent`),{popupElement:j}=r(),M=T.forceMount?v(!0):t(j,A),N=g();return m(()=>{N.value=new DocumentFragment}),(e,t)=>b(M)?(h(),c(a,p({key:0,"data-soybean-select-content":``},b(O),y(b(k))),{default:S(()=>[_(e.$slots,`default`)]),_:3},16)):N.value?(h(),u(`div`,C,[(h(),c(s,{to:N.value},[d(o,{position:f.position,"popup-element":b(j)},{default:S(()=>[_(e.$slots,`default`)]),_:3},8,[`position`,`popup-element`])],8,[`to`]))])):l(`v-if`,!0)}});export{w as default};