@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

package/dist/components/select/select-scroll-up-button.vue.d.ts

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

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

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

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

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

package/dist/components/select/select-teleport-provider.js

@@ -0,0 +1 @@
+import{provideSelectContentContext as e,useSelectRootContext as t}from"./context.js";import{computed as n,defineComponent as r,renderSlot as i,shallowRef as a}from"vue";const o=r({name:`SelectTeleportProvider`,__name:`select-teleport-provider`,props:{popupElement:{},position:{}},setup(r){let o=r,{modelValue:s,isMultiple:c}=t(`SelectTeleportProvider`);return e({search:a(``),position:n(()=>o.position),modelValue:s,isMultiple:c,popupElement:n(()=>o.popupElement)}),(e,t)=>i(e.$slots,`default`)}});export{o as default};

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

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

package/dist/components/select/select-trigger-icon.vue.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { DefinedValue, MaybeArray } from "../../types/common.js";
+import { SelectValueProps } from "./types.js";
+//#region src/components/select/select-value.vue.d.ts
+declare var __VLS_1: {
+  modelValue: MaybeArray<DefinedValue> | undefined;
+  selectedLabel: string[];
+  slotText: string;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SelectValueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectValueProps> & Readonly<{}>, {
+  placeholder: string;
+}, {}, {}, {}, 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 };

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

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

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

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

package/dist/components/select/shared.js

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

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

@@ -0,0 +1,399 @@
+import { DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { DismissableLayerProps, ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/select/types.d.ts
+/**
+ * Properties for the SelectRoot component.
+ */
+interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectionProps<M, T>, FormFieldCommonProps {
+  /** The controlled open state of the Select. Can be bind as `v-model:open`. */
+  open?: boolean;
+  /** The open state of the select when it is initially rendered. Use when you do not need to control its open state. */
+  defaultOpen?: boolean;
+  /**
+   * The reading direction of the combobox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or
+   * assumes LTR (left-to-right) reading mode.
+   */
+  dir?: Direction;
+  /** Native html input `autocomplete` attribute. */
+  autocomplete?: string;
+  /** When `true`, prevents the user from interacting with Select */
+  disabled?: boolean;
+}
+/**
+ * Events for the SelectRoot component.
+ */
+type SelectRootEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectionEmits<M, T> & {
+  /** Event handler called when the open state of the context menu changes. */'update:open': [value: boolean];
+};
+/**
+ * Properties for the SelectPopup component.
+ */
+interface SelectPopupProps extends BaseProps {}
+/**
+ * Type information for SelectPosition.
+ */
+type SelectPosition = 'item-aligned' | 'popper';
+/**
+ * Properties for the SelectContentImpl component.
+ */
+interface SelectContentImplProps extends PopperPositionerProps, DismissableLayerProps {
+  /**
+   * The positioning mode to use
+   *
+   * `item-aligned (default)` - behaves similarly to a native MacOS menu by positioning content relative to the active
+   * item. <br> `popper` - positions content in the same way as our other primitives, for example `Popover` or
+   * `DropdownMenu`.
+   */
+  position?: SelectPosition;
+  /**
+   * The document.body will be lock, and scrolling will be disabled.
+   *
+   * @defaultValue true
+   */
+  bodyLock?: boolean;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: SelectPopupProps;
+}
+/**
+ * Events for the SelectContentImpl component.
+ */
+type SelectContentImplEmits = {
+  /**
+   * Emitted when close auto focus occurs.
+   */
+  closeAutoFocus: [event: Event]; /** Event handler called when the escape key is down. Can be prevented. */
+  escapeKeyDown: [event: KeyboardEvent]; /** Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`. Can be prevented. */
+  pointerDownOutside: [event: PointerDownOutsideEvent];
+};
+/**
+ * Properties for the SelectContent component.
+ */
+interface SelectContentProps extends SelectContentImplProps, ForceMountProps {}
+/**
+ * Events for the SelectContent component.
+ */
+type SelectContentEmits = SelectContentImplEmits;
+/**
+ * Properties for the SelectViewport component.
+ */
+interface SelectViewportProps extends BaseProps {
+  /**
+   * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits
+   * globally from `ConfigProvider`.
+   */
+  nonce?: string;
+}
+/**
+ * Properties for the SelectGroup component.
+ */
+interface SelectGroupProps extends Omit<BaseProps, 'onSelect'> {}
+/**
+ * Properties for the SelectGroupLabel component.
+ */
+interface SelectGroupLabelProps extends BaseProps {}
+/**
+ * Properties for the SelectTrigger component.
+ */
+interface SelectTriggerProps extends PopperAnchorProps {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Properties for the SelectTriggerIcon component.
+ */
+interface SelectTriggerIconProps extends BaseProps {}
+/**
+ * Properties for the SelectItem component.
+ */
+interface SelectItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+  /** The value given as data when submitted with a `name`. */
+  value: DefinedValue;
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+  /**
+   * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the
+   * `SelectItemText` part. Use this when the content is complex, or you have non-textual content inside.
+   */
+  textValue?: string;
+}
+/**
+ * Type information for SelectItemEvent.
+ */
+type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
+  /**
+   * Original event.
+   */
+  originalEvent: PointerEvent | KeyboardEvent;
+  /**
+   * Value associated with the current item.
+   */
+  value: T;
+}>;
+/**
+ * Events for the SelectItem component.
+ */
+type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
+  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectItemEvent<T>];
+};
+/**
+ * Properties for the SelectItemText component.
+ */
+interface SelectItemTextProps extends BaseProps {}
+/**
+ * Properties for the SelectItemIndicator component.
+ */
+interface SelectItemIndicatorProps extends PrimitiveWithBaseProps {}
+/**
+ * Option data for the SelectSingle component.
+ */
+interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
+  /**
+   * Value associated with the current item.
+   */
+  value: T;
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Whether separator.
+   */
+  separator?: boolean;
+}
+/**
+ * Option data for the SelectGroup component.
+ */
+interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'label' | 'separator'> {
+  /**
+   * Items rendered by the component.
+   */
+  items: SelectSingleOptionData<T>[];
+}
+/**
+ * Option data for the Select component.
+ */
+type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
+/**
+ * Properties for the SelectCompact component.
+ */
+interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectRootProps<T, M> {
+  /**
+   * Items rendered by the component.
+   */
+  items: SelectOptionData<T>[];
+  /**
+   * Whether to show an arrow.
+   */
+  showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: SelectTriggerProps;
+  /**
+   * Properties forwarded to the trigger icon element.
+   */
+  triggerIconProps?: SelectTriggerIconProps;
+  /**
+   * Placeholder.
+   */
+  placeholder?: string;
+  /**
+   * Properties forwarded to the value element.
+   */
+  valueProps?: SelectValueProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: SelectContentProps;
+  /**
+   * Placement.
+   */
+  placement?: PopperPositionerProps['placement'];
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: SelectPopupProps;
+  /**
+   * Properties forwarded to the viewport element.
+   */
+  viewportProps?: SelectViewportProps;
+  /**
+   * Properties forwarded to the scroll down button element.
+   */
+  scrollDownButtonProps?: SelectScrollDownButtonProps;
+  /**
+   * Properties forwarded to the scroll up button element.
+   */
+  scrollUpButtonProps?: SelectScrollUpButtonProps;
+  /**
+   * Properties forwarded to the group element.
+   */
+  groupProps?: SelectGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: SelectGroupLabelProps;
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: SelectItemProps;
+  /**
+   * Properties forwarded to the item text element.
+   */
+  itemTextProps?: SelectItemTextProps;
+  /**
+   * Properties forwarded to the item indicator element.
+   */
+  itemIndicatorProps?: SelectItemIndicatorProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
+  separatorProps?: SelectSeparatorProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
+  arrowProps?: PopperArrowProps;
+}
+/**
+ * Events for the SelectCompact component.
+ */
+type SelectCompactEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectRootEmits<T, M> & SelectContentEmits & SelectItemEmits<T>;
+type SelectCompactModelValue<T extends DefinedValue = DefinedValue, M extends boolean = false> = (M extends true ? T[] : T) | undefined;
+/**
+ * Slot properties for the SelectCompactTriggerValue component.
+ */
+interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedValue, M extends boolean = false> {
+  /**
+   * Current model value.
+   */
+  modelValue: SelectCompactModelValue<T, M>;
+  /**
+   * Selected label exposed in the slot scope.
+   */
+  selectedLabel: string[];
+  /**
+   * Slot text exposed in the slot scope.
+   */
+  slotText: string;
+}
+/**
+ * Slot properties for the SelectCompactGroupLabel component.
+ */
+interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue> {
+  /**
+   * Current item data.
+   */
+  item: SelectGroupOptionData<T>;
+}
+/**
+ * Slot properties for the SelectCompactItem component.
+ */
+interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
+  /**
+   * Current item data.
+   */
+  item: SelectSingleOptionData<T>;
+}
+/**
+ * Slots for the SelectCompact component.
+ */
+type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
+  /**
+   * Custom content for the trigger leading slot.
+   */
+  'trigger-leading'?: () => any;
+  /**
+   * Custom content for the trigger value slot.
+   */
+  'trigger-value'?: (props: SelectCompactTriggerValueSlotProps<T, M>) => any;
+  /**
+   * Custom content for the trigger trailing slot.
+   */
+  'trigger-trailing'?: () => any;
+  /**
+   * Custom content for the trigger icon slot.
+   */
+  'trigger-icon'?: () => any;
+  /**
+   * Custom content for the scroll up button slot.
+   */
+  'scroll-up-button'?: () => any;
+  /**
+   * Custom content for the scroll down button slot.
+   */
+  'scroll-down-button'?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
+  'group-label'?: (props: SelectCompactGroupLabelSlotProps<T>) => any;
+  /**
+   * Custom content for the item text slot.
+   */
+  'item-text'?: (props: SelectCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: SelectCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: SelectCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item indicator slot.
+   */
+  'item-indicator'?: (props: SelectCompactItemSlotProps<T>) => any;
+};
+/**
+ * Properties for the SelectValue component.
+ */
+interface SelectValueProps extends BaseProps {
+  /** The content that will be rendered inside the `SelectValue` when no `value` or `defaultValue` is set. */
+  placeholder?: string;
+}
+/**
+ * Properties for the SelectSeparator component.
+ */
+interface SelectSeparatorProps extends BaseProps {}
+/**
+ * Properties for the SelectScrollButtonImpl component.
+ */
+interface SelectScrollButtonImplProps extends ButtonProps {}
+/**
+ * Properties for the SelectScrollDownButton component.
+ */
+interface SelectScrollDownButtonProps extends SelectScrollButtonImplProps {}
+/**
+ * Properties for the SelectScrollUpButton component.
+ */
+interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
+/**
+ * Available UI slots for the Select component.
+ */
+type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
+/**
+ * UI class overrides for the Select component.
+ */
+type SelectUi = UiClass<SelectUiSlot>;
+//#endregion
+export { 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 };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { SeparatorUiSlot } from "./types.js";
+//#region src/components/separator/context.d.ts
+declare const provideSeparatorUi: (ui: import("vue").ComputedRef<Partial<UiClass<SeparatorUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SeparatorUiSlot>>>, useSeparatorUi: UseUiConsumer<SeparatorUiSlot>;
+//#endregion
+export { provideSeparatorUi };

package/dist/components/separator/context.js

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

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

@@ -0,0 +1,6 @@
+import { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot } from "./types.js";
+import { _default as _default$2 } from "./separator-root.vue.js";
+import { _default } from "./separator-compact.vue.js";
+import { _default as _default$1 } from "./separator-label.vue.js";
+import { provideSeparatorUi } from "./context.js";
+export { _default as SeparatorCompact, type SeparatorCompactProps, type SeparatorCompactSlots, _default$1 as SeparatorLabel, type SeparatorLabelProps, _default$2 as SeparatorRoot, type SeparatorRootProps, type SeparatorUi, type SeparatorUiSlot, provideSeparatorUi };

package/dist/components/separator/index.js

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

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

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

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

@@ -0,0 +1,17 @@
+import { SeparatorCompactProps } from "./types.js";
+
+//#region src/components/separator/separator-compact.vue.d.ts
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+  label?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SeparatorCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SeparatorCompactProps> & 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 };

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

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

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

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

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

@@ -0,0 +1 @@
+import{useSeparatorUi as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`data-orientation`,`aria-orientation`,`role`],l=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let l=r,u=e(`root`),d=[`horizontal`,`vertical`],f=t(()=>d.includes(l.orientation)?l.orientation:`horizontal`),p=t(()=>f.value===`vertical`?l.orientation:void 0);return(e,t)=>(a(),n(`div`,{"data-soybean-separator-root":``,class:i(s(u)),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -0,0 +1,21 @@
+import { DataOrientation } from "../../types/common.js";
+import { SeparatorRootProps } from "./types.js";
+
+//#region src/components/separator/separator-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SeparatorRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SeparatorRootProps> & Readonly<{}>, {
+  orientation: DataOrientation;
+  decorative: boolean;
+}, {}, {}, {}, 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 };