@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

package/dist/components/color-slider/types.d.ts

@@ -0,0 +1,108 @@
+import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
+import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef } from "vue";
+
+//#region src/components/color-slider/types.d.ts
+/**
+ * Properties for the ColorSliderRoot component.
+ */
+interface ColorSliderRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBaseProps, 'onChange'> {
+  /**
+   * Current model value.
+   */
+  modelValue?: string | ColorValue;
+  /**
+   * Default value.
+   */
+  defaultValue?: string | ColorValue;
+  /**
+   * Color space.
+   */
+  colorSpace?: ColorSpace;
+  /**
+   * Channel.
+   */
+  channel: ColorChannel;
+  /**
+   * Format.
+   */
+  format?: ColorFormat;
+  /**
+   * Orientation of the component.
+   */
+  orientation?: DataOrientation;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Whether inverted.
+   */
+  inverted?: boolean;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Step.
+   */
+  step?: number;
+}
+/**
+ * Events for the ColorSliderRoot component.
+ */
+type ColorSliderRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: string];
+  /**
+   * Emitted when the color value changes.
+   */
+  'update:color': [value: NormalizedColor];
+  /**
+   * Emitted when change occurs.
+   */
+  change: [value: string];
+  /**
+   * Emitted when change end occurs.
+   */
+  changeEnd: [value: string];
+};
+/**
+ * Properties for the ColorSliderTrack component.
+ */
+interface ColorSliderTrackProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the ColorSliderThumb component.
+ */
+interface ColorSliderThumbProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the ColorSliderCompact component.
+ */
+interface ColorSliderCompactProps extends ColorSliderRootProps {
+  /**
+   * Properties forwarded to the track element.
+   */
+  trackProps?: ColorSliderTrackProps;
+  /**
+   * Properties forwarded to the thumb element.
+   */
+  thumbProps?: ColorSliderThumbProps;
+}
+/**
+ * Events for the ColorSliderCompact component.
+ */
+type ColorSliderCompactEmits = ColorSliderRootEmits;
+/**
+ * Available UI slots for the ColorSlider component.
+ */
+type ColorSliderUiSlot = 'root' | 'track' | 'thumb';
+/**
+ * UI class overrides for the ColorSlider component.
+ */
+type ColorSliderUi = UiClass<ColorSliderUiSlot>;
+//#endregion
+export { ColorSliderCompactEmits, ColorSliderCompactProps, ColorSliderRootEmits, ColorSliderRootProps, ColorSliderThumbProps, ColorSliderTrackProps, ColorSliderUi, ColorSliderUiSlot };

package/dist/components/color-swatch/color-swatch-checker.js

@@ -0,0 +1 @@
+import{useColorSwatchUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,unref as a}from"vue";const o=n({name:`ColorSwatchChecker`,__name:`color-swatch-checker`,setup(n){let o=e(`checker`);return(e,n)=>(i(),t(`span`,{"data-soybean-color-swatch-checker":``,class:r(a(o))},null,2))}});export{o as default};

package/dist/components/color-swatch/color-swatch-checker.vue.d.ts

@@ -0,0 +1,7 @@
+import { ColorSwatchCheckerProps } from "./types.js";
+
+//#region src/components/color-swatch/color-swatch-checker.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<ColorSwatchCheckerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchCheckerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/color-swatch/color-swatch-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(r,c(s(d(p))),{default:f(r=>[a(t,c(s(o.checkerProps)),null,16),a(n,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(r)))]),_:3},16))}});export{p as default};

package/dist/components/color-swatch/color-swatch-compact.vue.d.ts

@@ -0,0 +1,14 @@
+import { ColorSwatchCompactProps, ColorSwatchCompactSlots } from "./types.js";
+
+//#region src/components/color-swatch/color-swatch-compact.vue.d.ts
+type __VLS_Slots = ColorSwatchCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<ColorSwatchCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchCompactProps> & 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/color-swatch/color-swatch-fill.js

@@ -0,0 +1 @@
+import{useColorSwatchUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,unref as a}from"vue";const o=n({name:`ColorSwatchFill`,__name:`color-swatch-fill`,setup(n){let o=e(`fill`);return(e,n)=>(i(),t(`span`,{"data-soybean-color-swatch-fill":``,class:r(a(o))},null,2))}});export{o as default};

package/dist/components/color-swatch/color-swatch-fill.vue.d.ts

@@ -0,0 +1,7 @@
+import { ColorSwatchFillProps } from "./types.js";
+
+//#region src/components/color-swatch/color-swatch-fill.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<ColorSwatchFillProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchFillProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/color-swatch/color-swatch-root.js

@@ -0,0 +1 @@
+import{formatColor as e,getColorContrast as t,getColorLabel as n,toColorObject as r}from"../../shared/color.js";import"../../shared/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{useColorSwatchUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ColorSwatchRoot`,__name:`color-swatch-root`,props:{color:{},label:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=a(`root`),_=o(()=>h.color?e(h.color,`rgb`):`transparent`),v=o(()=>r(h.color,`rgb`)),y=o(()=>v.value.alpha),b=o(()=>!h.color||y.value<=0),x=o(()=>n(h.color,h.label)),S=o(()=>t(h.color));return(e,t)=>(d(),s(p(i),{as:c.as,"as-child":c.asChild,"data-soybean-color-swatch-root":``,class:l(p(g)),role:`img`,"aria-label":x.value,"aria-roledescription":`color swatch`,"data-color-contrast":S.value,"data-no-color":b.value?``:void 0,style:u({"--soybean-color-swatch-color":_.value,"--soybean-color-swatch-alpha":String(y.value)})},{default:m(()=>[f(e.$slots,`default`,{color:_.value,alpha:y.value})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-color-contrast`,`data-no-color`,`style`]))}});export{h as default};

package/dist/components/color-swatch/color-swatch-root.vue.d.ts

@@ -0,0 +1,14 @@
+import { ColorSwatchRootProps, ColorSwatchRootSlots } from "./types.js";
+
+//#region src/components/color-swatch/color-swatch-root.vue.d.ts
+type __VLS_Slots = ColorSwatchRootSlots;
+declare const __VLS_base: import("vue").DefineComponent<ColorSwatchRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchRootProps> & 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/color-swatch/context.d.ts

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

package/dist/components/color-swatch/context.js

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

package/dist/components/color-swatch/index.d.ts

@@ -0,0 +1,7 @@
+import { ColorSwatchCheckerProps, ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchFillProps, ColorSwatchRootProps, ColorSwatchRootSlots, ColorSwatchUi, ColorSwatchUiSlot } from "./types.js";
+import { _default as _default$1 } from "./color-swatch-compact.vue.js";
+import { _default as _default$3 } from "./color-swatch-root.vue.js";
+import { _default } from "./color-swatch-checker.vue.js";
+import { _default as _default$2 } from "./color-swatch-fill.vue.js";
+import { provideColorSwatchUi } from "./context.js";
+export { _default as ColorSwatchChecker, type ColorSwatchCheckerProps, _default$1 as ColorSwatchCompact, type ColorSwatchCompactProps, type ColorSwatchCompactSlots, _default$2 as ColorSwatchFill, type ColorSwatchFillProps, _default$3 as ColorSwatchRoot, type ColorSwatchRootProps, type ColorSwatchRootSlots, type ColorSwatchUi, type ColorSwatchUiSlot, provideColorSwatchUi };

package/dist/components/color-swatch/index.js

@@ -0,0 +1 @@
+import{provideColorSwatchUi as e}from"./context.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import i from"./color-swatch-compact.js";export{t as ColorSwatchChecker,i as ColorSwatchCompact,n as ColorSwatchFill,r as ColorSwatchRoot,e as provideColorSwatchUi};

package/dist/components/color-swatch/types.d.ts

@@ -0,0 +1,73 @@
+import { ColorValue } from "../../types/color.js";
+import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+
+//#region src/components/color-swatch/types.d.ts
+/**
+ * Properties for the ColorSwatch component.
+ */
+interface ColorSwatchRootProps extends Omit<PrimitiveWithBaseProps, 'color'> {
+  /**
+   * Theme color of the component.
+   */
+  color?: string | ColorValue;
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+}
+/**
+ * Properties for the ColorSwatch component slots.
+ */
+interface ColorSwatchSlotProps {
+  /**
+   * Color value in RGB format, e.g., "rgb(255, 0, 0)".
+   */
+  color: string;
+  /**
+   * Alpha value of the color, ranging from 0 to 1.
+   */
+  alpha: number;
+}
+/**
+ * Slots for the ColorSwatch component.
+ */
+type ColorSwatchRootSlots = {
+  default?: (props: ColorSwatchSlotProps) => any;
+};
+/**
+ * Events for the ColorSwatch component.
+ */
+interface ColorSwatchCheckerProps extends BaseProps {}
+/**
+ * Events for the ColorSwatch component.
+ */
+interface ColorSwatchFillProps extends BaseProps {}
+/**
+ * Properties for the ColorSwatch component in compact mode.
+ */
+interface ColorSwatchCompactProps extends ColorSwatchRootProps {
+  /**
+   * Props for the checker element of the ColorSwatch component.
+   */
+  checkerProps?: ColorSwatchCheckerProps;
+  /**
+   * Props for the fill element of the ColorSwatch component.
+   */
+  fillProps?: ColorSwatchFillProps;
+}
+/**
+ * Slots for the ColorSwatch component in compact mode.
+ */
+type ColorSwatchCompactSlots = ColorSwatchRootSlots;
+/**
+ * Slots for the ColorSwatch component.
+ */
+type ColorSwatchUiSlot = 'root' | 'checker' | 'fill';
+/**
+ * UI classes for the ColorSwatch component.
+ */
+type ColorSwatchUi = UiClass<ColorSwatchUiSlot>;
+//#endregion
+export { ColorSwatchCheckerProps, ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchFillProps, ColorSwatchRootProps, ColorSwatchRootSlots, ColorSwatchUi, ColorSwatchUiSlot };

package/dist/components/color-swatch-picker/color-swatch-picker-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./color-swatch-picker-item-indicator.js";import i from"./color-swatch-picker-item-swatch.js";import a from"./color-swatch-picker-item.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),w=e(S);return(e,t)=>(m(),c(o,f(v(C),_(v(w))),{default:y(o=>[d.colors?.length?(m(!0),l(s,{key:0},h(d.colors,o=>(m(),c(a,f({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>S(`select`,e))}),{default:y(()=>[u(i,f({ref_for:!0},d.swatchProps),{default:y(()=>[g(e.$slots,`swatch`,{color:o})]),_:2},1040),u(r,f({ref_for:!0},d.indicatorProps),{default:y(()=>[g(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):g(e.$slots,`default`,p(f({key:1},o)))]),_:3},16))}});export{b as default};

package/dist/components/color-swatch-picker/color-swatch-picker-compact.vue.d.ts

@@ -0,0 +1,26 @@
+import { SelectEvent } from "../../types/event.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { ListboxCollectionItemData } from "../listbox/types.js";
+import { ColorSwatchPickerCompactProps, ColorSwatchPickerCompactSlots } from "./types.js";
+//#region src/components/color-swatch-picker/color-swatch-picker-compact.vue.d.ts
+declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerCompactProps<M> & {
+    onSelect?: ((event: SelectEvent<string>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: ColorSwatchPickerCompactSlots<M>;
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/color-swatch-picker/color-swatch-picker-item-indicator.js

@@ -0,0 +1 @@
+import e from"../listbox/listbox-item-indicator.js";import"../listbox/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ColorSwatchPickerItemIndicator`,__name:`color-swatch-picker-item-indicator`,props:{asChild:{type:Boolean},as:{}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-color-swatch-picker-item-indicator":``},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});export{s as default};

package/dist/components/color-swatch-picker/color-swatch-picker-item-indicator.vue.d.ts

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

@@ -0,0 +1 @@
+import e from"../color-swatch/color-swatch-compact.js";import{useColorSwatchPickerItemContext as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ColorSwatchPickerItemSwatch`,__name:`color-swatch-picker-item-swatch`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(r){let l=r,{color:u}=t(`ColorSwatchPickerItemSwatch`);return(t,r)=>(a(),n(e,i(l,{"data-soybean-color-swatch-picker-item-swatch":``,color:s(u)}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`color`]))}});export{l as default};

package/dist/components/color-swatch-picker/color-swatch-picker-item-swatch.vue.d.ts

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

@@ -0,0 +1 @@
+import{getColorLabel as e}from"../../shared/color.js";import"../../shared/index.js";import t from"../listbox/listbox-item.js";import"../listbox/index.js";import{provideColorSwatchPickerItemContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeStyle as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ColorSwatchPickerItem`,__name:`color-swatch-picker-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(a,{emit:d}){let f=a,p=d,m=r(()=>f.value),h=r(()=>e(m.value));return n({color:m}),(e,n)=>(s(),i(l(t),{"data-soybean-color-swatch-picker-item":``,value:a.value,"aria-label":h.value,"data-color":a.value,style:o({"--soybean-color-swatch-picker-item-color":a.value}),onSelect:n[0]||(n[0]=e=>p(`select`,e))},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`value`,`aria-label`,`data-color`,`style`]))}});export{d as default};

package/dist/components/color-swatch-picker/color-swatch-picker-item.vue.d.ts

@@ -0,0 +1,21 @@
+import { SelectEvent } from "../../types/event.js";
+import { ColorSwatchPickerItemProps } from "./types.js";
+//#region src/components/color-swatch-picker/color-swatch-picker-item.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ColorSwatchPickerItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (event: SelectEvent<string>) => any;
+}, string, import("vue").PublicProps, Readonly<ColorSwatchPickerItemProps> & Readonly<{
+  onSelect?: ((event: SelectEvent<string>) => 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 };

package/dist/components/color-swatch-picker/color-swatch-picker-root.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};

package/dist/components/color-swatch-picker/color-swatch-picker-root.vue.d.ts

@@ -0,0 +1,29 @@
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { ListboxCollectionItemData } from "../listbox/types.js";
+import { ColorSwatchPickerRootProps } from "./types.js";
+
+//#region src/components/color-swatch-picker/color-swatch-picker-root.vue.d.ts
+declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerRootProps<M> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: ((M extends true ? string[] : string) | undefined) & Exclude<M extends true ? string[] : string, undefined>;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/color-swatch-picker/context.d.ts

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

package/dist/components/color-swatch-picker/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideListboxUi as n}from"../listbox/context.js";import{provideColorSwatchUi as r}from"../color-swatch/context.js";import{computed as i}from"vue";const[a,o]=e(`ColorSwatchPickerItem`),[s,c]=t(`ColorSwatchPickerUi`,e=>{let t=i(()=>({content:e.value.root,item:e.value.item,itemIndicator:e.value.itemIndicator})),a=i(()=>({root:e.value.swatchRoot,checker:e.value.swatchChecker,fill:e.value.swatchFill}));return n(t),r(a),e});export{a as provideColorSwatchPickerItemContext,s as provideColorSwatchPickerUi,o as useColorSwatchPickerItemContext};

package/dist/components/color-swatch-picker/index.d.ts

@@ -0,0 +1,8 @@
+import { ColorSwatchPickerCompactColorSlotProps, ColorSwatchPickerCompactEmits, ColorSwatchPickerCompactProps, ColorSwatchPickerCompactSlotProps, ColorSwatchPickerCompactSlots, ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot } from "./types.js";
+import { _default } from "./color-swatch-picker-compact.vue.js";
+import { _default as _default$4 } from "./color-swatch-picker-root.vue.js";
+import { _default as _default$1 } from "./color-swatch-picker-item.vue.js";
+import { _default as _default$2 } from "./color-swatch-picker-item-indicator.vue.js";
+import { _default as _default$3 } from "./color-swatch-picker-item-swatch.vue.js";
+import { provideColorSwatchPickerUi } from "./context.js";
+export { _default as ColorSwatchPickerCompact, type ColorSwatchPickerCompactColorSlotProps, type ColorSwatchPickerCompactEmits, type ColorSwatchPickerCompactProps, type ColorSwatchPickerCompactSlotProps, type ColorSwatchPickerCompactSlots, _default$1 as ColorSwatchPickerItem, type ColorSwatchPickerItemEmits, _default$2 as ColorSwatchPickerItemIndicator, type ColorSwatchPickerItemIndicatorProps, type ColorSwatchPickerItemProps, _default$3 as ColorSwatchPickerItemSwatch, type ColorSwatchPickerItemSwatchProps, _default$4 as ColorSwatchPickerRoot, type ColorSwatchPickerRootEmits, type ColorSwatchPickerRootProps, type ColorSwatchPickerUi, type ColorSwatchPickerUiSlot, provideColorSwatchPickerUi };

package/dist/components/color-swatch-picker/index.js

@@ -0,0 +1 @@
+import e from"./color-swatch-picker-item-indicator.js";import{provideColorSwatchPickerUi as t}from"./context.js";import n from"./color-swatch-picker-item-swatch.js";import r from"./color-swatch-picker-item.js";import i from"./color-swatch-picker-root.js";import a from"./color-swatch-picker-compact.js";export{a as ColorSwatchPickerCompact,r as ColorSwatchPickerItem,e as ColorSwatchPickerItemIndicator,n as ColorSwatchPickerItemSwatch,i as ColorSwatchPickerRoot,t as provideColorSwatchPickerUi};

package/dist/components/color-swatch-picker/types.d.ts

@@ -0,0 +1,100 @@
+import { UiClass } from "../../types/common.js";
+import { ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps } from "../listbox/types.js";
+import { ColorSwatchCompactProps } from "../color-swatch/types.js";
+import { ComputedRef } from "vue";
+
+//#region src/components/color-swatch-picker/types.d.ts
+/**
+ * Properties for the ColorSwatchPickerRoot component.
+ */
+interface ColorSwatchPickerRootProps<M extends boolean = false> extends ListboxRootProps<M> {}
+/**
+ * Events for the ColorSwatchPickerRoot component.
+ */
+type ColorSwatchPickerRootEmits<M extends boolean = false> = ListboxRootEmits<M>;
+/**
+ * Properties for the ColorSwatchPickerItem component.
+ */
+interface ColorSwatchPickerItemProps extends ListboxItemProps {}
+/**
+ * Events for the ColorSwatchPickerItem component.
+ */
+type ColorSwatchPickerItemEmits = ListboxItemEmits;
+/**
+ * Properties for the ColorSwatchPickerItemIndicator component.
+ */
+interface ColorSwatchPickerItemIndicatorProps extends ListboxItemIndicatorProps {}
+/**
+ * Properties for the ColorSwatchPickerItemSwatch component.
+ */
+interface ColorSwatchPickerItemSwatchProps extends ColorSwatchCompactProps {}
+/**
+ * Slot properties for the ColorSwatchPickerCompact component.
+ */
+interface ColorSwatchPickerCompactSlotProps<M extends boolean = false> {
+  /**
+   * Current model value.
+   */
+  modelValue: M extends true ? string[] : string;
+}
+/**
+ * Slot properties for color-specific ColorSwatchPickerCompact slots.
+ */
+interface ColorSwatchPickerCompactColorSlotProps {
+  /**
+   * Current swatch color.
+   */
+  color: string;
+}
+/**
+ * Properties for the ColorSwatchPickerCompact component.
+ */
+interface ColorSwatchPickerCompactProps<M extends boolean = false> extends ColorSwatchPickerRootProps<M> {
+  /**
+   * Colors.
+   */
+  colors?: string[];
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: Omit<ColorSwatchPickerItemProps, 'value'>;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: ColorSwatchPickerItemIndicatorProps;
+  /**
+   * Properties forwarded to the swatch element.
+   */
+  swatchProps?: ColorSwatchPickerItemSwatchProps;
+}
+/**
+ * Events for the ColorSwatchPickerCompact component.
+ */
+type ColorSwatchPickerCompactEmits<M extends boolean = false> = ColorSwatchPickerRootEmits<M> & ColorSwatchPickerItemEmits;
+/**
+ * Slots for the ColorSwatchPickerCompact component.
+ */
+type ColorSwatchPickerCompactSlots<M extends boolean = false> = {
+  /**
+   * Custom content rendered when colors are not provided.
+   */
+  default?: (props: ColorSwatchPickerCompactSlotProps<M>) => any;
+  /**
+   * Custom content rendered inside each swatch.
+   */
+  swatch?: (props: ColorSwatchPickerCompactColorSlotProps) => any;
+  /**
+   * Custom content rendered inside each indicator.
+   */
+  indicator?: (props: ColorSwatchPickerCompactColorSlotProps) => any;
+};
+/**
+ * Available UI slots for the ColorSwatchPicker component.
+ */
+type ColorSwatchPickerUiSlot = 'root' | 'item' | 'itemIndicator' | 'swatchRoot' | 'swatchChecker' | 'swatchFill';
+/**
+ * UI class overrides for the ColorSwatchPicker component.
+ */
+type ColorSwatchPickerUi = UiClass<ColorSwatchPickerUiSlot>;
+//#endregion
+export { ColorSwatchPickerCompactColorSlotProps, ColorSwatchPickerCompactEmits, ColorSwatchPickerCompactProps, ColorSwatchPickerCompactSlotProps, ColorSwatchPickerCompactSlots, ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot };

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

@@ -0,0 +1 @@
+import{useComboboxContentContext as e,useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import r from"../popper/popper-arrow.js";import"../popper/index.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ComboboxArrow`,__name:`combobox-arrow`,setup(s){let p=n(`arrow`),{open:m}=t(`ComboboxArrow`),{position:h}=e(`ComboboxArrow`),g=i(()=>m.value&&h.value===`popper`);return(e,t)=>g.value?(l(),a(d(r),{key:0,"data-soybean-combobox-arrow":``,class:c(d(p))},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`class`])):o(`v-if`,!0)}});export{p as default};

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

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ComboboxCancel`,__name:`combobox-cancel`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,f=n(`cancel`),{disabled:p,inputElement:m,filterSearch:h,resetModelValueOnClear:g,resetModelValue:_}=t(`ComboboxCancel`),v=r(()=>d.disabled||p.value||!1),y=r(()=>d.as===`button`?`button`:void 0),b=r(()=>v.value?-1:d.as===`button`?void 0:0),x=()=>{if(v.value)return;h.value=``;let e=m.value;e&&(e.value=``,e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.dispatchEvent(new Event(`change`,{bubbles:!0})),e.focus()),g.value&&_()};return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,"data-soybean-combobox-cancel":``,class:o(l(f)),type:y.value,"aria-disabled":v.value||void 0,"data-disabled":v.value?``:void 0,disabled:v.value,tabindex:b.value,onClick:x},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-disabled`,`data-disabled`,`disabled`,`tabindex`]))}});export{d as default};

package/dist/components/combobox/combobox-cancel.vue.d.ts

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

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../listbox/listbox-group-label.js";import i from"../listbox/listbox-item-indicator.js";import a from"../popper/popper-anchor.js";import o from"../portal/portal.js";import{getDisplayValue as s,getSelectedLabels as c,isGroupOption as l}from"./shared.js";import u from"./combobox-cancel.js";import d from"./combobox-content.js";import f from"./combobox-empty.js";import p from"./combobox-group.js";import m from"./combobox-input.js";import h from"./combobox-item.js";import g from"./combobox-root.js";import _ from"./combobox-separator.js";import v from"./combobox-trigger.js";import y from"./combobox-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,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";const R=D({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(D,{emit:R}){let z=D,B=R,V=t(z,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),H=e=>z.multiple?``:s(e,z.items),U=e(),W=x(()=>z.inputProps?.controlProps?.[`aria-label`]??z.searchPlaceholder??z.placeholder??U.value.combobox.search),G=x(()=>({...z.inputProps,displayValue:z.inputProps?.displayValue??H,controlProps:{...z.inputProps?.controlProps,"aria-label":W.value},placeholder:z.searchPlaceholder??z.inputProps?.placeholder,autofocus:z.inputProps?.autofocus??!0})),K=x(()=>({...z.viewportProps,"aria-label":z.viewportProps?.[`aria-label`]??z.placeholder??U.value.combobox.options})),q=x(()=>({...z.anchorProps,asChild:z.anchorProps?.asChild??!0})),J=(e,t)=>l(e)?`group-${e.label}-${t}`:e.value,Y=e=>c(e,z.items),X=e=>{let t=Y(e);return t.length?t.join(`, `):z.placeholder},Z=e=>({...z.triggerProps,"aria-label":z.triggerProps?.[`aria-label`]??X(e),"data-placeholder":Y(e).length?void 0:``});return(e,t)=>(M(),S(g,k(I(V),{onHighlight:t[7]||(t[7]=e=>B(`highlight`,e)),"onUpdate:modelValue":t[8]||(t[8]=e=>B(`update:modelValue`,e)),"onUpdate:open":t[9]||(t[9]=e=>B(`update:open`,e))}),{default:L(({modelValue:s})=>[E(a,j(O(q.value)),{default:L(()=>[E(v,j(O(Z(s))),{default:L(({triggerIconClass:t})=>[P(e.$slots,`trigger-leading`),P(e.$slots,`trigger-value`,{modelValue:s,selectedLabels:Y(s),slotText:X(s)},()=>[T(F(X(s)),1)]),P(e.$slots,`trigger-trailing`),P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),E(o,j(O(D.portalProps)),{default:L(()=>[E(d,k(D.contentProps,{onCloseAutoFocus:t[2]||(t[2]=e=>B(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>B(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>B(`pointerDownOutside`,e)),onFocusOutside:t[5]||(t[5]=e=>B(`focusOutside`,e)),onInteractOutside:t[6]||(t[6]=e=>B(`interactOutside`,e))}),{default:L(()=>[E(m,j(O(G.value)),{leading:L(t=>[P(e.$slots,`input-leading`,j(O(t)),()=>[E(n,{icon:`lucide:search`})])]),trailing:L(t=>[D.clearable?(M(),S(u,k({key:0},D.cancelProps,{"aria-label":z.clearLabel??I(U).combobox.clearInput}),{default:L(()=>[E(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):C(`v-if`,!0),P(e.$slots,`input-trailing`,j(O(t)))]),_:3},16),E(f,j(O(D.emptyProps)),{default:L(()=>[P(e.$slots,`empty`,{},()=>[T(F(z.emptyLabel??I(U).combobox.noResults),1)])]),_:3},16),E(y,j(O(K.value)),{default:L(()=>[(M(!0),w(b,null,N(D.items,(a,o)=>(M(),w(b,{key:J(a,o)},[I(l)(a)?(M(),w(b,{key:0},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(p,k({ref_for:!0},D.groupProps),{default:L(()=>[E(r,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:a},()=>[T(F(a.label),1)])]),_:2},1040),(M(!0),w(b,null,N(a.items,r=>(M(),w(b,{key:r.value},[r.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(M(),w(b,{key:1},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:a.value,"text-value":a.textValue??a.label,disabled:a.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:a},()=>[a.icon?(M(),S(n,{key:0,icon:a.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:a},()=>[T(F(a.label),1)]),P(e.$slots,`item-trailing`,{item:a}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:a},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{R as default};