@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -6,19 +6,19 @@ import { CSSProperties, ComputedRef, ShallowRef } from "vue";
 /**
  * Supported scroll area values.
  */
-type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll' | 'glimpse';
+export type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll' | 'glimpse';
 /**
  * Type information for ScrollAreaOrientation.
  */
-type ScrollAreaOrientation = 'horizontal' | 'vertical';
+export type ScrollAreaOrientation = 'horizontal' | 'vertical';
 /**
  * State values for ScrollAreaState.
  */
-type ScrollAreaState = 'hidden' | 'visible';
+export type ScrollAreaState = 'hidden' | 'visible';
 /**
  * Properties for the ScrollAreaRoot component.
  */
-interface ScrollAreaRootProps extends PrimitiveWithBaseProps {
+export interface ScrollAreaRootProps extends PrimitiveWithBaseProps {
   /** Controls scrollbar visibility behavior. */
   type?: ScrollAreaType;
   /** The reading direction of the scroll area. */
@@ -29,33 +29,33 @@ interface ScrollAreaRootProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the ScrollAreaViewport component.
  */
-interface ScrollAreaViewportProps extends PrimitiveWithBaseProps {
+export interface ScrollAreaViewportProps extends PrimitiveWithBaseProps {
   /** Adds a nonce to the injected style tag. */
   nonce?: string;
 }
 /**
  * Properties for the ScrollAreaScrollbar component.
  */
-interface ScrollAreaScrollbarProps extends PrimitiveWithBaseProps {
+export interface ScrollAreaScrollbarProps extends PrimitiveWithBaseProps {
   /** The scrollbar orientation. */
   orientation?: ScrollAreaOrientation;
 }
 /**
  * Properties for the ScrollAreaThumb component.
  */
-interface ScrollAreaThumbProps extends PrimitiveWithBaseProps {}
+export interface ScrollAreaThumbProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ScrollAreaCorner component.
  */
-interface ScrollAreaCornerProps extends PrimitiveWithBaseProps {}
+export interface ScrollAreaCornerProps extends PrimitiveWithBaseProps {}
 /**
  * Events for the ScrollAreaRoot component.
  */
-type ScrollAreaRootEmits = {};
+export type ScrollAreaRootEmits = {};
 /**
  * Properties for the ScrollAreaCompact component.
  */
-interface ScrollAreaCompactProps extends ScrollAreaRootProps {
+export interface ScrollAreaCompactProps extends ScrollAreaRootProps {
   /**
    * Properties forwarded to the viewport element.
    */
@@ -80,11 +80,11 @@ interface ScrollAreaCompactProps extends ScrollAreaRootProps {
 /**
  * Events for the ScrollAreaCompact component.
  */
-type ScrollAreaCompactEmits = ScrollAreaRootEmits;
+export type ScrollAreaCompactEmits = ScrollAreaRootEmits;
 /**
  * Slots for the ScrollAreaCompact component.
  */
-type ScrollAreaCompactSlots = {
+export type ScrollAreaCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -93,10 +93,9 @@ type ScrollAreaCompactSlots = {
 /**
  * Available UI slots for the ScrollArea component.
  */
-type ScrollAreaUiSlot = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
+export type ScrollAreaUiSlot = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
 /**
  * UI class overrides for the ScrollArea component.
  */
-type ScrollAreaUi = UiClass<ScrollAreaUiSlot>;
-//#endregion
-export { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };
+export type ScrollAreaUi = UiClass<ScrollAreaUiSlot>;
+//#endregion

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { SegmentUiSlot } from "./types.js";
+import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
+//#region src/components/segment/context.d.ts
+declare const provideSegmentUi: (ui: import("vue").ComputedRef<Partial<UiClass<SegmentUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SegmentUiSlot>>>, useSegmentUi: UseUiConsumer<SegmentUiSlot>;
+//#endregion
+export { provideSegmentUi };

package/dist/components/segment/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import{provideTabsUi as t}from"../tabs/context.js";const[n,r]=e(`SegmentUi`,e=>(t(e),e));export{n as provideSegmentUi,r as useSegmentUi};

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

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

package/dist/components/segment/index.js

@@ -1 +1 @@
-import e from"../tabs/tabs-root.js";import t from"../tabs/tabs-list.js";import n from"../tabs/tabs-trigger.js";import r from"../tabs/tabs-indicator.js";import"../tabs/index.js";import i from"./segment-compact.js";export{i as SegmentCompact,r as SegmentIndicator,t as SegmentList,e as SegmentRoot,n as SegmentTrigger};
+import{provideSegmentUi as e}from"./context.js";import t from"./segment-indicator.js";import n from"./segment-list.js";import r from"./segment-root.js";import i from"./segment-trigger.js";import a from"./segment-compact.js";export{a as SegmentCompact,t as SegmentIndicator,n as SegmentList,r as SegmentRoot,i as SegmentTrigger,e as provideSegmentUi};

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),{"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};
+import{useOmitProps as e}from"../../composables/use-props.js";import{useSegmentUi as t}from"./context.js";import n from"./segment-indicator.js";import r from"./segment-list.js";import i from"./segment-root.js";import a from"./segment-trigger.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(i,h(S(D),{"onUpdate:modelValue":k}),{default:C(()=>[f(r,_(m(p.listProps)),{default:C(()=>[(v(!0),l(o,null,y(p.items,t=>(v(),s(a,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(n,_(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-indicator.js

@@ -0,0 +1 @@
+import e from"../tabs/tabs-indicator.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`SegmentIndicator`,__name:`segment-indicator`,props:{asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-segment-indicator":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -0,0 +1,16 @@
+import { SegmentIndicatorProps } from "./types.js";
+//#region src/components/segment/segment-indicator.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SegmentIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SegmentIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -0,0 +1 @@
+import e from"../tabs/tabs-list.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`SegmentList`,__name:`segment-list`,setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-segment-list":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -0,0 +1,16 @@
+import { SegmentListProps } from "./types.js";
+//#region src/components/segment/segment-list.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SegmentListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SegmentListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -0,0 +1 @@
+import e from"../tabs/tabs-root.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,mergeProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=n({name:`SegmentRoot`,__name:`segment-root`,props:{modelValue:{},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean}},emits:[`update:modelValue`],setup(n,{emit:u}){let d=n,f=u;return(n,u)=>(o(),t(c(e),i(d,{"data-soybean-segment-root":``,"onUpdate:modelValue":u[0]||=e=>f(`update:modelValue`,e)}),{default:l(e=>[s(n.$slots,`default`,a(r(e)))]),_:3},16))}});export{u as default};

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

@@ -0,0 +1,25 @@
+import { DefinedValue } from "../../types/common.js";
+import { SegmentRootProps } from "./types.js";
+import "../../index.js";
+//#region src/components/segment/segment-root.vue.d.ts
+type __VLS_Props = SegmentRootProps;
+declare var __VLS_10: {
+  modelValue: DefinedValue | null;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (payload: DefinedValue | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -0,0 +1 @@
+import e from"../tabs/tabs-trigger.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,mergeProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=n({name:`SegmentTrigger`,__name:`segment-trigger`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){let u=n;return(n,d)=>(o(),t(c(e),i(u,{"data-soybean-segment-trigger":``}),{default:l(e=>[s(n.$slots,`default`,a(r(e)))]),_:3},16))}});export{u as default};

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

@@ -0,0 +1,18 @@
+import { SegmentTriggerProps } from "./types.js";
+//#region src/components/segment/segment-trigger.vue.d.ts
+declare var __VLS_8: {
+  selected: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SegmentTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SegmentTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -2,10 +2,30 @@ 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 SegmentRoot component.
+ */
+export interface SegmentRootProps<T extends AcceptableValue = AcceptableValue> extends TabsRootProps<T> {}
+/**
+ * Events for the SegmentRoot component.
+ */
+export type SegmentRootEmits<T = AcceptableValue> = TabsRootEmits<T>;
+/**
+ * Properties for the SegmentList component.
+ */
+export interface SegmentListProps extends TabsListProps {}
+/**
+ * Properties for the SegmentTrigger component.
+ */
+export interface SegmentTriggerProps extends TabsTriggerProps {}
+/**
+ * Properties for the SegmentIndicator component.
+ */
+export interface SegmentIndicatorProps extends TabsIndicatorProps {}
 /**
  * Properties for the SegmentCompact component.
  */
-interface SegmentCompactProps<T extends TabsOptionData> extends TabsRootProps<T['value'] | null> {
+export interface SegmentCompactProps<T extends TabsOptionData> extends SegmentRootProps<T['value'] | null> {
   /**
    * Items rendered by the component.
    */
@@ -17,29 +37,29 @@ interface SegmentCompactProps<T extends TabsOptionData> extends TabsRootProps<T[
   /**
    * Properties forwarded to the list element.
    */
-  listProps?: TabsListProps;
+  listProps?: SegmentListProps;
   /**
    * Properties forwarded to the trigger element.
    */
-  triggerProps?: TabsTriggerProps;
+  triggerProps?: SegmentTriggerProps;
   /**
    * Properties forwarded to the indicator element.
    */
-  indicatorProps?: TabsIndicatorProps;
+  indicatorProps?: SegmentIndicatorProps;
 }
 /**
  * Events for the SegmentCompact component.
  */
-type SegmentCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+export type SegmentCompactEmits<T extends AcceptableValue = AcceptableValue> = SegmentRootEmits<T>;
 /**
  * Slots for the SegmentCompact component.
  */
-type SegmentCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+export type SegmentCompactSlots<T extends TabsOptionData = TabsOptionData> = {
   /**
    * Custom content for the item slot.
    */
   item?: (props: T & {
-    active: boolean;
+    selected: boolean;
   }) => any;
   /**
    * Custom content for the indicator slot.
@@ -49,10 +69,10 @@ type SegmentCompactSlots<T extends TabsOptionData = TabsOptionData> = {
 /**
  * Available UI slots for the Segment component.
  */
-type SegmentUiSlot = Exclude<TabsUiSlot, 'content'>;
+export type SegmentUiSlot = Exclude<TabsUiSlot, 'content'>;
 /**
  * UI class overrides for the Segment component.
  */
-type SegmentUi = UiClass<SegmentUiSlot>;
+export type SegmentUi = UiClass<SegmentUiSlot>;
 //#endregion
-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 };
+export type { TabsOptionData as SegmentOptionData };

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

@@ -1,9 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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,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};
+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{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-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},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=`soybean-select-content-${d()}`,p=()=>{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||=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||=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,23 @@
-import { PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.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$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$9 from "../portal/portal.vue.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { SelectClearProps, 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$10 from "./select-root.vue.js";
+import _default$2 from "./select-compact.vue.js";
+import _default$14 from "./select-trigger.vue.js";
+import _default$1 from "./select-clear.vue.js";
+import _default$3 from "./select-content.vue.js";
+import _default$17 from "./select-viewport.vue.js";
+import _default$4 from "./select-group.vue.js";
+import _default$5 from "./select-group-label.vue.js";
+import _default$6 from "./select-item.vue.js";
+import _default$7 from "./select-item-indicator.vue.js";
+import _default$8 from "./select-item-text.vue.js";
+import _default$16 from "./select-value.vue.js";
+import _default$15 from "./select-trigger-icon.vue.js";
+import _default$12 from "./select-scroll-up-button.vue.js";
+import _default$11 from "./select-scroll-down-button.vue.js";
+import _default$13 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 };
+export { _default as SelectArrow, type PopperArrowProps as SelectArrowProps, _default$1 as SelectClear, type SelectClearProps, _default$2 as SelectCompact, type SelectCompactEmits, type SelectCompactProps, type SelectCompactSlots, _default$3 as SelectContent, type SelectContentEmits, type SelectContentProps, _default$4 as SelectGroup, _default$5 as SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupOptionData, type SelectGroupProps, _default$6 as SelectItem, type SelectItemEmits, type SelectItemEvent, _default$7 as SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, _default$8 as SelectItemText, type SelectItemTextProps, type SelectOptionData, type SelectPopupProps, _default$9 as SelectPortal, type PortalProps as SelectPortalProps, type SelectPosition, _default$10 as SelectRoot, type SelectRootEmits, type SelectRootProps, _default$11 as SelectScrollDownButton, type SelectScrollDownButtonProps, _default$12 as SelectScrollUpButton, type SelectScrollUpButtonProps, _default$13 as SelectSeparator, type SelectSeparatorProps, type SelectSingleOptionData, _default$14 as SelectTrigger, _default$15 as SelectTriggerIcon, type SelectTriggerIconProps, type SelectTriggerProps, type SelectUi, type SelectUiSlot, _default$16 as SelectValue, type SelectValueProps, _default$17 as SelectViewport, type SelectViewportProps, provideSelectUi };

package/dist/components/select/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-arrow.js";import i from"./select-content.js";import a from"./select-group-label.js";import o from"./select-group.js";import s from"./select-item-indicator.js";import c from"./select-item-text.js";import l from"./select-item.js";import u from"./select-scroll-down-button.js";import d from"./select-scroll-up-button.js";import f from"./select-separator.js";import p from"./select-trigger-icon.js";import m from"./select-trigger.js";import h from"./select-value.js";import g from"./select-viewport.js";import _ from"./select-compact.js";export{r as SelectArrow,_ as SelectCompact,i as SelectContent,o as SelectGroup,a as SelectGroupLabel,l as SelectItem,s as SelectItemIndicator,c as SelectItemText,e as SelectPortal,n as SelectRoot,u as SelectScrollDownButton,d as SelectScrollUpButton,f as SelectSeparator,m as SelectTrigger,p as SelectTriggerIcon,h as SelectValue,g as SelectViewport,t as provideSelectUi};
+import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-arrow.js";import i from"./select-clear.js";import a from"./select-content.js";import o from"./select-group-label.js";import s from"./select-group.js";import c from"./select-item-indicator.js";import l from"./select-item-text.js";import u from"./select-item.js";import d from"./select-scroll-down-button.js";import f from"./select-scroll-up-button.js";import p from"./select-separator.js";import m from"./select-trigger-icon.js";import h from"./select-trigger.js";import g from"./select-value.js";import _ from"./select-viewport.js";import v from"./select-compact.js";export{r as SelectArrow,i as SelectClear,v as SelectCompact,a as SelectContent,s as SelectGroup,o as SelectGroupLabel,u as SelectItem,c as SelectItemIndicator,l as SelectItemText,e as SelectPortal,n as SelectRoot,d as SelectScrollDownButton,f as SelectScrollUpButton,p as SelectSeparator,h as SelectTrigger,m as SelectTriggerIcon,g as SelectValue,_ as SelectViewport,t as provideSelectUi};

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,"data-soybean-select-arrow":``},{default:l(()=>[s(t.$slots,`default`)]),_:3})):i(`v-if`,!0)}});export{u as default};
+import e from"../popper/popper-arrow.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,{"data-soybean-select-bubble-select":``,onInput:h}),[c(t.$slots,`default`)],16)]),_:3}))}});export{f as default};
+import e from"../visually-hidden/visually-hidden.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-clear.js

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import{useSelectRootContext as t,useSelectUi as n}from"./context.js";import{computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withModifiers as f}from"vue";const p=[`aria-label`,`aria-disabled`,`data-disabled`,`data-normal`,`disabled`],m=s({name:`SelectClear`,__name:`select-clear`,props:{ariaLabel:{},disabled:{type:Boolean}},setup(s){let m=s,{disabled:h,isEmptyModelValue:g,resetModelValue:_}=t(`SelectClear`),v=n(`clear`),y=r(()=>m.disabled||h.value||!1),b=()=>{y.value||_()};return(t,n)=>d(g)?i(`v-if`,!0):(l(),a(`button`,{key:0,type:`button`,"data-soybean-select-clear":``,class:c(d(v)),"aria-label":s.ariaLabel,"aria-disabled":y.value||void 0,"data-disabled":y.value?``:void 0,"data-normal":y.value?void 0:``,disabled:y.value||void 0,tabindex:`-1`,onClick:f(b,[`prevent`,`stop`]),onPointerdown:n[0]||=f(()=>{},[`prevent`,`stop`])},[u(t.$slots,`default`,{},()=>[o(e,{icon:`lucide:x`})])],42,p))}});export{m as default};

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

@@ -0,0 +1,16 @@
+import { SelectClearProps } from "./types.js";
+//#region src/components/select/select-clear.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SelectClearProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectClearProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -1 +1 @@
-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};
+import{isNullish as e}from"../../shared/guard.js";import{useLocaleMessages as t}from"../../locale/hooks.js";import{useOmitProps as n}from"../../composables/use-props.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"./select-root.js";import{isGroupOption as o}from"./shared.js";import s from"./select-arrow.js";import c from"./select-clear.js";import l from"./select-content.js";import u from"./select-group-label.js";import d from"./select-group.js";import f from"./select-item-indicator.js";import p from"./select-item-text.js";import m from"./select-item.js";import h from"./select-scroll-down-button.js";import g from"./select-scroll-up-button.js";import _ from"./select-separator.js";import v from"./select-trigger-icon.js";import y from"./select-trigger.js";import b from"./select-value.js";import x from"./select-viewport.js";import{Fragment as S,computed as C,createBlock as w,createCommentVNode as T,createElementBlock as E,createTextVNode as D,createVNode as O,defineComponent as k,guardReactiveProps as A,mergeProps as j,normalizeProps as M,openBlock as N,renderList as P,renderSlot as F,toDisplayString as I,unref as L,withCtx as R}from"vue";const z=k({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},showTriggerIcon:{type:Boolean,default:!0},clearLabel:{},clearProps:{},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(k,{emit:z}){let B=k,V=z,H=t(),U=n(B,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`showTriggerIcon`,`placeholder`,`clearLabel`,`clearProps`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),W=C(()=>({...B.valueProps,placeholder:B.placeholder??B.valueProps?.placeholder})),G=C(()=>({...B.contentProps,placement:B.placement??B.contentProps?.placement,popupProps:B.popupProps??B.contentProps?.popupProps})),K=e=>o(e)?`group-${e.label}`:`item-${String(e.value)}`,q=e=>e,J=t=>e(t)||Array.isArray(t)&&t.length===0,Y=e=>J(e)?``:(Array.isArray(e)?e:[e]).map(e=>{for(let t of B.items){if(o(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(`, `),X=e=>J(e.modelValue)||e.selectedLabel.length?e.slotText:Y(e.modelValue)||e.slotText,Z=e=>{V(`update:modelValue`,e)},Q=e=>{V(`select`,e)};return(e,t)=>(N(),w(a,j(L(U),{"onUpdate:modelValue":Z,"onUpdate:open":t[5]||=e=>V(`update:open`,e)}),{default:R(()=>[O(y,M(A(k.triggerProps)),{default:R(()=>[F(e.$slots,`trigger-leading`),O(b,M(A(W.value)),{default:R(t=>[F(e.$slots,`trigger-value`,M(A(q(t))),()=>[D(I(X(t)),1)])]),_:3},16),F(e.$slots,`trigger-trailing`),k.clearable?(N(),w(c,j({key:0},k.clearProps,{"aria-label":k.clearLabel??L(H).select.clear}),null,16,[`aria-label`])):T(`v-if`,!0),k.showTriggerIcon?(N(),w(v,M(j({key:1},k.triggerIconProps)),{default:R(()=>[F(e.$slots,`trigger-icon`,{},()=>[O(r,{icon:`lucide:chevrons-up-down`})])]),_:3},16)):T(`v-if`,!0)]),_:3},16),O(L(i),M(A(k.portalProps)),{default:R(()=>[O(l,j(G.value,{onCloseAutoFocus:t[2]||=e=>V(`closeAutoFocus`,e),onEscapeKeyDown:t[3]||=e=>V(`escapeKeyDown`,e),onPointerDownOutside:t[4]||=e=>V(`pointerDownOutside`,e)}),{default:R(()=>[F(e.$slots,`top`),O(g,M(A(k.scrollUpButtonProps)),{default:R(()=>[F(e.$slots,`scroll-up-button`,{},()=>[O(r,{icon:`lucide:chevron-up`})])]),_:3},16),O(x,M(A(k.viewportProps)),{default:R(()=>[(N(!0),E(S,null,P(k.items,n=>(N(),E(S,{key:K(n)},[L(o)(n)?(N(),w(d,j({key:0,ref_for:!0},k.groupProps),{default:R(()=>[O(u,j({ref_for:!0},k.groupLabelProps),{default:R(()=>[F(e.$slots,`group-label`,{item:n},()=>[D(I(n.label),1)])]),_:2},1040),n.separator?(N(),w(_,j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0),(N(!0),E(S,null,P(n.items,n=>(N(),E(S,{key:String(n.value)},[O(m,j({ref_for:!0},k.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:t[0]||=e=>Q(e)}),{default:R(()=>[F(e.$slots,`item-leading`,{item:n},()=>[n.icon?(N(),w(r,{key:0,icon:n.icon},null,8,[`icon`])):T(`v-if`,!0)]),O(p,j({ref_for:!0},k.itemTextProps),{default:R(()=>[F(e.$slots,`item-text`,{item:n},()=>[D(I(n.label),1)])]),_:2},1040),F(e.$slots,`item-trailing`,{item:n}),O(f,j({ref_for:!0},k.itemIndicatorProps),{default:R(()=>[F(e.$slots,`item-indicator`,{item:n},()=>[O(r,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(N(),w(_,j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0)],64))),128))]),_:2},1040)):(N(),E(S,{key:1},[O(m,j({ref_for:!0},k.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:t[1]||=e=>Q(e)}),{default:R(()=>[F(e.$slots,`item-leading`,{item:n},()=>[n.icon?(N(),w(r,{key:0,icon:n.icon},null,8,[`icon`])):T(`v-if`,!0)]),O(p,j({ref_for:!0},k.itemTextProps),{default:R(()=>[F(e.$slots,`item-text`,{item:n},()=>[D(I(n.label),1)])]),_:2},1040),F(e.$slots,`item-trailing`,{item:n}),O(f,j({ref_for:!0},k.itemIndicatorProps),{default:R(()=>[F(e.$slots,`item-indicator`,{item:n},()=>[O(r,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(N(),w(_,j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0)],64))],64))),128))]),_:3},16),O(h,M(A(k.scrollDownButtonProps)),{default:R(()=>[F(e.$slots,`scroll-down-button`,{},()=>[O(r,{icon:`lucide:chevron-down`})])]),_:3},16),F(e.$slots,`bottom`),k.showArrow?(N(),w(s,M(j({key:0},k.arrowProps)),null,16)):T(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{z 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 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};
+import{tryFocusFirst as e}from"../../shared/focus.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 c from"../popper/popper-positioning-positioner.js";import{provideSelectContentContext as l,useCollectionContext as te,useSelectPopupElementContext as ne,useSelectRootContext as u}from"./context.js";import re from"./select-item-aligned-popup.js";import ie from"./select-item-aligned-positioner.js";import ae from"./select-popper-popup.js";import{computed as d,createBlock as f,createVNode as p,defineComponent as m,mergeProps as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,unref as y,watch as b,watchEffect as x,withCtx as S,withModifiers as C}from"vue";const w=m({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},open:{type:Boolean},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(m,{emit:w}){let T=m,E=w,{open:D,onOpenChange:O,dataState:k,modelValue:A,isMultiple:j,dir:M,contentId:N,triggerElement:P,triggerPointerDownPosition:F,resetTriggerPointerDownPosition:I}=u(`SelectContentImpl`),{onPopupElementChange:L}=ne(`SelectContentImpl`),{onContainerElementChange:R,getOrderedItems:z,getOrderedElements:B}=te(`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:()=>T.disableOutsidePointerEvents,onEscapeKeyDown:e=>{E(`escapeKeyDown`,e)},onPointerDownOutside:e=>{E(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{O(!1)}}),{onKeydown:oe}=a(V,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{E(`closeAutoFocus`,e),!e.defaultPrevented&&(P.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:se}=l({position:d(()=>T.position),modelValue:A,isMultiple:j,search:G,popupElement:U}),ce=o(T,[`position`,`bodyLock`,`popupProps`,`disableOutsidePointerEvents`,`open`]),Z=d(()=>({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,D),b(X,()=>{se()}),x(()=>{if(!T.bodyLock)return;let e=t();g(e)}),x(()=>{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})),g(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>m.position===`popper`?(_(),f(y(c),h({key:0,ref:y(H)},y(ce),{open:y(D),onFocusCapture:y(J),onBlurCapture:y(Y),onContextmenu:t[0]||=C(()=>{},[`prevent`]),onPlaced:$,onKeydown:Q}),{default:S(()=>[p(ae,h({id:y(N),ref:y(W)},m.popupProps,{"data-dismissable-layer":``,"data-state":y(k),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:S(()=>[v(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`style`])]),_:3},16,[`open`,`onFocusCapture`,`onBlurCapture`])):(_(),f(ie,{key:1,ref:y(H),onFocusCapture:y(J),onBlurCapture:y(Y),onContextmenu:t[1]||=C(()=>{},[`prevent`]),onPlaced:$,onKeydown:Q},{default:S(()=>[p(re,h({id:y(N),ref:y(W)},m.popupProps,{"data-dismissable-layer":``,"data-state":y(k),dir:y(M),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:S(()=>[v(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},8,[`onFocusCapture`,`onBlurCapture`]))}});export{w 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=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};
+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{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:{},open:{type:Boolean},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};

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),"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};
+import{useForwardElement as e}from"../../composables/use-forward-element.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,"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};
+import{clamp as e}from"../../shared/value.js";import{provideSelectItemAlignedPositionContext as t,useCollectionContext as n,useSelectContentContext as r,useSelectPopupElementContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.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,"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};
+import{Primitive as e}from"../primitive/primitive.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),"data-soybean-select-item-text":``,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{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};