iryx-ui 0.11.0 → 0.13.0

package/dist/components/Collapsible.vue.d.ts

@@ -0,0 +1,58 @@
+export interface CollapsibleProps {
+    /** Label on the trigger. Ignored when the `trigger` slot is used. */
+    label?: string;
+    /** Starting state when you are not controlling it. */
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    /** Which side of the trigger the chevron sits on. */
+    iconPosition?: 'start' | 'end';
+    /** Drop the chevron entirely — for a trigger that says "open" some other way. */
+    hideIcon?: boolean;
+    /**
+     * Remove the content from the DOM while closed rather than hiding it.
+     * Costs the open animation, so reach for it only when the content is
+     * expensive or must not be found by in-page search while shut.
+     */
+    unmountOnHide?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ content: 'pt-2' }`. */
+    ui?: {
+        root?: string;
+        trigger?: string;
+        content?: string;
+        icon?: string;
+    };
+}
+/** One region, with no siblings to coordinate with — see `IAccordion` for a list. */
+type __VLS_Props = CollapsibleProps;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {
+    open: boolean;
+}, __VLS_27: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Collapsible.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { collapsibleTheme as n } from "../theme/collapsible.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useModel as h, withCtx as g } from "vue";
+import { ArrowDown01Icon as _ } from "@hugeicons/core-free-icons";
+import { CollapsibleContent as v, CollapsibleRoot as y, CollapsibleTrigger as b } from "reka-ui";
+//#region src/components/Collapsible.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ c({
+	__name: "Collapsible",
+	props: /*@__PURE__*/ l({
+		label: {},
+		defaultOpen: { type: Boolean },
+		disabled: { type: Boolean },
+		iconPosition: {},
+		hideIcon: { type: Boolean },
+		unmountOnHide: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(c) {
+		let l = c, x = h(c, "open"), S = e(), C = r(() => l.unstyled ?? S.unstyled), w = r(() => n({ iconPosition: l.iconPosition }));
+		function T(e, t) {
+			let n = [l.ui?.[e], t].filter(Boolean).join(" ");
+			return C.value ? n : w.value[e]({ class: n });
+		}
+		return (e, n) => (d(), i(m(y), {
+			open: x.value,
+			"onUpdate:open": n[0] ||= (e) => x.value = e,
+			"default-open": l.defaultOpen,
+			disabled: l.disabled,
+			"unmount-on-hide": l.unmountOnHide,
+			class: u(T("root", l.class))
+		}, {
+			default: g(({ open: n }) => [s(m(b), { class: u(T("trigger")) }, {
+				default: g(() => [f(e.$slots, "trigger", { open: n }, () => [o(p(l.label), 1)]), l.hideIcon ? a("", !0) : (d(), i(t, {
+					key: 0,
+					icon: m(_),
+					class: u(T("icon", n ? "rotate-180" : void 0))
+				}, null, 8, ["icon", "class"]))]),
+				_: 2
+			}, 1032, ["class"]), s(m(v), { class: u(T("content")) }, {
+				default: g(() => [f(e.$slots, "default", { open: n })]),
+				_: 2
+			}, 1032, ["class"])]),
+			_: 3
+		}, 8, [
+			"open",
+			"default-open",
+			"disabled",
+			"unmount-on-hide",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/ColorPicker.js

@@ -0,0 +1,5 @@
+import e from "./ColorPicker.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/ColorPicker.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/ColorPicker.vue.d.ts

@@ -0,0 +1,49 @@
+export interface ColorPickerProps {
+    /**
+     * The colour as a hex **string** — `#16a372`, or `#16a372ff` with `alpha`.
+     * A string is what goes into a stylesheet, a database column and a design
+     * token, so it is what the model holds; the colour object stays inside.
+     */
+    modelValue?: string;
+    /** Add an opacity ramp, and eight hex digits to the model. */
+    alpha?: boolean;
+    /** Hide the hex field, leaving only the visual controls. */
+    hideField?: boolean;
+    /**
+     * Names the hex input. It sits among unlabelled visual controls, so without
+     * one it reaches a screen reader as an anonymous text box.
+     */
+    fieldLabel?: string;
+    /** Preset colours offered under the picker. */
+    swatches?: string[];
+    disabled?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ area: 'h-56' }`. */
+    ui?: {
+        root?: string;
+        area?: string;
+        thumb?: string;
+        sliderThumb?: string;
+        slider?: string;
+        checkerboard?: string;
+        track?: string;
+        field?: string;
+        input?: string;
+        preview?: string;
+        swatches?: string;
+        swatch?: string;
+    };
+}
+declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<ColorPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    modelValue: string;
+    fieldLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,172 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { colorPickerTheme as t } from "../theme/color-picker.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { ColorAreaArea as v, ColorAreaRoot as y, ColorAreaThumb as b, ColorFieldInput as x, ColorFieldRoot as S, ColorSliderRoot as C, ColorSliderThumb as w, ColorSliderTrack as T, ColorSwatchPickerItem as E, ColorSwatchPickerItemSwatch as D, ColorSwatchPickerRoot as O, colorToString as k, convertToHsb as A, normalizeColor as j } from "reka-ui";
+//#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
+var M = /*@__PURE__*/ l({
+	__name: "ColorPicker",
+	props: {
+		modelValue: { default: "#000000" },
+		alpha: { type: Boolean },
+		hideField: { type: Boolean },
+		fieldLabel: { default: "Hex colour" },
+		swatches: {},
+		disabled: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:modelValue"],
+	setup(l, { emit: M }) {
+		let N = l, P = M, F = (e) => P("update:modelValue", e);
+		function I(e) {
+			try {
+				return A(j(e));
+			} catch {
+				return {
+					space: "hsb",
+					h: 0,
+					s: 100,
+					b: 100,
+					alpha: 1
+				};
+			}
+		}
+		let L = (e) => k(e, "hex"), R = p(I(N.modelValue)), z = (e) => e.s === 0 || e.b === 0;
+		g(() => N.modelValue, (e) => {
+			if (L(R.value) === e) return;
+			let t = I(e);
+			R.value = z(t) ? {
+				...t,
+				h: R.value.h
+			} : t;
+		});
+		function B(e) {
+			R.value = e, F(L(e));
+		}
+		function V(e) {
+			return B({
+				...A(e),
+				h: R.value.h,
+				alpha: R.value.alpha
+			});
+		}
+		function H(e) {
+			return B({
+				...R.value,
+				h: A(e).h
+			});
+		}
+		function U(e) {
+			return B({
+				...R.value,
+				alpha: A(e).alpha
+			});
+		}
+		let W = e(), G = r(() => N.unstyled ?? W.unstyled), K = r(() => t());
+		function q(e, t) {
+			let n = [N.ui?.[e], t].filter(Boolean).join(" ");
+			return G.value ? n : K.value[e]({ class: n });
+		}
+		return (e, t) => (f(), o("div", { class: u(q("root", N.class)) }, [
+			c(h(y), {
+				"color-space": "hsb",
+				"x-channel": "saturation",
+				"y-channel": "brightness",
+				"model-value": R.value,
+				disabled: N.disabled,
+				class: u(q("area")),
+				"onUpdate:color": V
+			}, {
+				default: _(({ style: e }) => [c(h(v), {
+					class: "size-full rounded-[inherit]",
+					style: d(e)
+				}, {
+					default: _(() => [c(h(b), { class: u(q("thumb")) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["style"])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"class"
+			]),
+			c(h(C), {
+				"color-space": "hsb",
+				channel: "hue",
+				"model-value": R.value,
+				disabled: N.disabled,
+				class: u(q("slider")),
+				"onUpdate:color": H
+			}, {
+				default: _(() => [c(h(T), { class: u(q("track")) }, null, 8, ["class"]), c(h(w), { class: u([q("thumb"), q("sliderThumb")]) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"class"
+			]),
+			N.alpha ? (f(), i(h(C), {
+				key: 0,
+				"color-space": "hsb",
+				channel: "alpha",
+				"model-value": R.value,
+				disabled: N.disabled,
+				class: u(q("slider")),
+				"onUpdate:color": U
+			}, {
+				default: _(() => [
+					s("span", { class: u(q("checkerboard")) }, null, 2),
+					c(h(T), { class: u(q("track")) }, null, 8, ["class"]),
+					c(h(w), { class: u([q("thumb"), q("sliderThumb")]) }, null, 8, ["class"])
+				]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"class"
+			])) : a("", !0),
+			N.hideField ? a("", !0) : (f(), i(h(S), {
+				key: 1,
+				"model-value": N.modelValue,
+				disabled: N.disabled,
+				class: u(q("field")),
+				"onUpdate:modelValue": F
+			}, {
+				default: _(() => [s("span", { class: u(q("preview")) }, [s("span", { class: u(q("checkerboard", "rounded-none")) }, null, 2), s("span", {
+					class: "absolute inset-0",
+					style: d({ background: N.modelValue })
+				}, null, 4)], 2), c(h(x), {
+					"aria-label": N.fieldLabel,
+					class: u(q("input"))
+				}, null, 8, ["aria-label", "class"])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"class"
+			])),
+			N.swatches?.length ? (f(), i(h(O), {
+				key: 2,
+				"model-value": N.modelValue,
+				class: u(q("swatches")),
+				"onUpdate:modelValue": t[0] ||= (e) => F(String(e))
+			}, {
+				default: _(() => [(f(!0), o(n, null, m(N.swatches, (e) => (f(), i(h(E), {
+					key: e,
+					value: e,
+					class: u(q("swatch"))
+				}, {
+					default: _(() => [c(h(D), { class: "size-full rounded-[inherit] bg-[var(--reka-color-swatch-color)]" })]),
+					_: 1
+				}, 8, ["value", "class"]))), 128))]),
+				_: 1
+			}, 8, ["model-value", "class"])) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { M as default };

package/dist/components/Combobox.vue.d.ts

@@ -74,25 +74,26 @@ type __VLS_Slots = {} & {
     create?: (props: typeof __VLS_139) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
     "update:modelValue": (value: AcceptableValue) => any;
-    create: (query: string) => any;
+    "update:open": (value: boolean) => any;
     highlight: (payload: {
         ref: HTMLElement;
         value: AcceptableValue;
     } | undefined) => any;
+    create: (query: string) => any;
 }, string, import("vue").PublicProps, Readonly<ComboboxProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
-    onCreate?: ((query: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlight?: ((payload: {
         ref: HTMLElement;
         value: AcceptableValue;
     } | undefined) => any) | undefined;
+    onCreate?: ((query: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     unstyled: boolean;
     open: boolean;
-    disabled: boolean;
+    defaultOpen: boolean;
     invalid: boolean;
     emptyText: string;
     create: boolean;
@@ -100,7 +101,6 @@ declare const __VLS_base: import("vue").DefineComponent<ComboboxProps, {}, {}, {
     virtual: boolean;
     estimateSize: number;
     overscan: number;
-    defaultOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Combobox.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,13 @@
-import { ArrowDown01Icon as e, Tick02Icon as t } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as n } from "../config.js";
-import r from "./Icon.js";
-import { useFormField as i } from "../composables/form.js";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useFormField as n } from "../composables/form.js";
 import { comboboxTheme as ee } from "../theme/combobox.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, vShow as x, withCtx as S, withDirectives as te } from "vue";
-import { ComboboxAnchor as ne, ComboboxContent as re, ComboboxEmpty as ie, ComboboxGroup as ae, ComboboxInput as oe, ComboboxItem as C, ComboboxItemIndicator as w, ComboboxLabel as T, ComboboxPortal as se, ComboboxRoot as E, ComboboxTrigger as D, ComboboxViewport as O, ComboboxVirtualizer as k, useFilter as A, useForwardPropsEmits as j } from "reka-ui";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, vShow as te, withCtx as y, withDirectives as b } from "vue";
+import { ArrowDown01Icon as x, Tick02Icon as S } from "@hugeicons/core-free-icons";
+import { ComboboxAnchor as ne, ComboboxContent as re, ComboboxEmpty as ie, ComboboxGroup as ae, ComboboxInput as oe, ComboboxItem as C, ComboboxItemIndicator as w, ComboboxLabel as se, ComboboxPortal as T, ComboboxRoot as E, ComboboxTrigger as D, ComboboxViewport as O, ComboboxVirtualizer as k, useFilter as A, useForwardPropsEmits as j } from "reka-ui";
 //#region src/components/Combobox.vue?vue&type=script&setup=true&lang.ts
-var M = /*@__PURE__*/ f({
+var M = /*@__PURE__*/ u({
+	inheritAttrs: !1,
 	__name: "Combobox",
 	props: {
 		items: {},
@@ -73,9 +74,9 @@ var M = /*@__PURE__*/ f({
 		"update:open",
 		"create"
 	],
-	setup(f, { emit: M }) {
-		let N = f, P = M, F = j(o(() => {
-			let { items: e, placeholder: t, size: n, invalid: r, id: i, emptyText: ee, create: a, createLabel: o, virtual: s, estimateSize: c, overscan: l, unstyled: u, class: d, ui: f, ...p } = N;
+	setup(u, { emit: M }) {
+		let N = u, P = M, F = j(i(() => {
+			let { items: e, placeholder: t, size: n, invalid: ee, id: r, emptyText: i, create: a, createLabel: o, virtual: s, estimateSize: c, overscan: l, unstyled: u, class: d, ui: f, ...p } = N;
 			return p;
 		}), P);
 		function I(e) {
@@ -87,17 +88,17 @@ var M = /*@__PURE__*/ f({
 		function L(e) {
 			return typeof e != "string" && "items" in e;
 		}
-		let R = o(() => {
+		let R = i(() => {
 			let e = N.items ?? [];
 			return e.some(L) ? e.map((e) => L(e) ? e : {
 				label: "",
 				items: [e]
 			}) : void 0;
-		}), z = o(() => (N.items ?? []).flatMap((e) => L(e) ? e.items.map(I) : [I(e)])), B = o(() => !!N.virtual), V = g(""), H = g("");
+		}), z = i(() => (N.items ?? []).flatMap((e) => L(e) ? e.items.map(I) : [I(e)])), B = i(() => !!N.virtual), V = m(""), H = m("");
 		function U(e) {
 			H.value = e.target.value;
 		}
-		let { contains: W } = A({ sensitivity: "base" }), G = o(() => {
+		let { contains: W } = A({ sensitivity: "base" }), G = i(() => {
 			let e = H.value.trim();
 			return e ? z.value.filter((t) => W(t.label, e)) : z.value;
 		});
@@ -111,7 +112,7 @@ var M = /*@__PURE__*/ f({
 				document.activeElement === t && t.select();
 			}), H.value = "";
 		}
-		let K = o(() => {
+		let K = i(() => {
 			let e = H.value.trim();
 			return !!N.create && e.length > 0 && !z.value.some((t) => t.label.toLowerCase() === e.toLowerCase());
 		});
@@ -121,7 +122,7 @@ var M = /*@__PURE__*/ f({
 				bubbles: !0
 			}));
 		}
-		let J = i(), ue = o(() => N.id ?? J?.id.value), Y = o(() => N.invalid ?? J?.invalid.value ?? !1), de = n(), X = o(() => N.unstyled ?? de.unstyled), Z = o(() => ee({
+		let J = n(), ue = i(() => N.id ?? J?.id.value), Y = i(() => N.invalid ?? J?.invalid.value ?? !1), de = e(), X = i(() => N.unstyled ?? de.unstyled), Z = i(() => ee({
 			size: N.size,
 			invalid: Y.value,
 			disabled: N.disabled
@@ -130,70 +131,71 @@ var M = /*@__PURE__*/ f({
 			let n = N.ui?.[e];
 			return X.value ? [n, t] : Z.value[e]({ class: [n, t] });
 		}
-		let $ = o(() => X.value ? void 0 : Z.value.itemIndicator());
-		return (n, i) => (h(), s(b(E), p(b(F), {
+		let $ = i(() => X.value ? void 0 : Z.value.itemIndicator());
+		return (e, n) => (p(), a(v(E), d(v(F), {
 			"open-on-click": "",
 			class: "contents"
 		}), {
-			default: S(() => [d(b(ne), { class: m(Q("anchor", N.class)) }, {
-				default: S(() => [d(b(oe), {
+			default: y(() => [l(v(ne), { class: f(Q("anchor", N.class)) }, {
+				default: y(() => [l(v(oe), d({
 					id: ue.value,
 					modelValue: V.value,
-					"onUpdate:modelValue": i[0] ||= (e) => V.value = e,
+					"onUpdate:modelValue": n[0] ||= (e) => V.value = e
+				}, e.$attrs, {
 					placeholder: N.placeholder,
 					"display-value": ce,
 					"aria-invalid": Y.value || void 0,
-					"aria-describedby": b(J)?.describedBy.value,
-					class: m(Q("input")),
+					"aria-describedby": v(J)?.describedBy.value,
+					class: Q("input"),
 					onFocus: le,
 					onInput: U
-				}, null, 8, [
+				}), null, 16, [
 					"id",
 					"modelValue",
 					"placeholder",
 					"aria-invalid",
 					"aria-describedby",
 					"class"
-				]), d(b(D), { class: m(Q("trigger")) }, {
-					default: S(() => [d(r, { icon: b(e) }, null, 8, ["icon"])]),
+				]), l(v(D), { class: f(Q("trigger")) }, {
+					default: y(() => [l(t, { icon: v(x) }, null, 8, ["icon"])]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 1
-			}, 8, ["class"]), d(b(se), null, {
-				default: S(() => [d(b(re), {
-					class: m(Q("content")),
+			}, 8, ["class"]), l(v(T), null, {
+				default: y(() => [l(v(re), {
+					class: f(Q("content")),
 					position: "popper",
 					"side-offset": 4
 				}, {
-					default: S(() => [d(b(O), { class: m(Q("viewport")) }, {
-						default: S(() => [
-							B.value ? te((h(), l("div", {
+					default: y(() => [l(v(O), { class: f(Q("viewport")) }, {
+						default: y(() => [
+							B.value ? b((p(), s("div", {
 								key: 0,
-								class: m(Q("empty"))
-							}, [v(n.$slots, "empty", { query: H.value }, () => [u(y(N.emptyText), 1)])], 2)), [[x, !K.value && G.value.length === 0]]) : K.value ? c("", !0) : (h(), s(b(ie), {
+								class: f(Q("empty"))
+							}, [g(e.$slots, "empty", { query: H.value }, () => [c(_(N.emptyText), 1)])], 2)), [[te, !K.value && G.value.length === 0]]) : K.value ? o("", !0) : (p(), a(v(ie), {
 								key: 1,
-								class: m(Q("empty"))
+								class: f(Q("empty"))
 							}, {
-								default: S(() => [v(n.$slots, "empty", { query: H.value }, () => [u(y(N.emptyText), 1)])]),
+								default: y(() => [g(e.$slots, "empty", { query: H.value }, () => [c(_(N.emptyText), 1)])]),
 								_: 3
 							}, 8, ["class"])),
-							v(n.$slots, "default", {}, () => [B.value ? (h(), s(b(k), {
+							g(e.$slots, "default", {}, () => [B.value ? (p(), a(v(k), {
 								key: 0,
 								options: G.value,
 								"estimate-size": N.estimateSize,
 								overscan: N.overscan,
 								"text-content": (e) => e.label
 							}, {
-								default: S(({ option: e }) => [d(b(C), {
+								default: y(({ option: e }) => [l(v(C), {
 									value: e.value,
 									"text-value": e.label,
 									disabled: e.disabled,
-									class: m(Q("item"))
+									class: f(Q("item"))
 								}, {
-									default: S(() => [d(b(w), { class: m($.value) }, {
-										default: S(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+									default: y(() => [l(v(w), { class: f($.value) }, {
+										default: y(() => [l(t, { icon: v(S) }, null, 8, ["icon"])]),
 										_: 1
-									}, 8, ["class"]), u(" " + y(e.label), 1)]),
+									}, 8, ["class"]), c(" " + _(e.label), 1)]),
 									_: 2
 								}, 1032, [
 									"value",
@@ -207,27 +209,27 @@ var M = /*@__PURE__*/ f({
 								"estimate-size",
 								"overscan",
 								"text-content"
-							])) : R.value ? (h(!0), l(a, { key: 1 }, _(R.value, (e, n) => (h(), s(b(ae), {
+							])) : R.value ? (p(!0), s(r, { key: 1 }, h(R.value, (e, n) => (p(), a(v(ae), {
 								key: e.label || n,
-								class: m(Q("group"))
+								class: f(Q("group"))
 							}, {
-								default: S(() => [e.label ? (h(), s(b(T), {
+								default: y(() => [e.label ? (p(), a(v(se), {
 									key: 0,
-									class: m(Q("groupLabel"))
+									class: f(Q("groupLabel"))
 								}, {
-									default: S(() => [u(y(e.label), 1)]),
+									default: y(() => [c(_(e.label), 1)]),
 									_: 2
-								}, 1032, ["class"])) : c("", !0), (h(!0), l(a, null, _(e.items, (e) => (h(), s(b(C), {
+								}, 1032, ["class"])) : o("", !0), (p(!0), s(r, null, h(e.items, (e) => (p(), a(v(C), {
 									key: typeof e == "string" ? e : e.value,
 									value: typeof e == "string" ? e : e.value,
 									"text-value": typeof e == "string" ? e : e.label,
 									disabled: typeof e == "string" ? void 0 : e.disabled,
-									class: m(Q("item"))
+									class: f(Q("item"))
 								}, {
-									default: S(() => [d(b(w), { class: m($.value) }, {
-										default: S(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+									default: y(() => [l(v(w), { class: f($.value) }, {
+										default: y(() => [l(t, { icon: v(S) }, null, 8, ["icon"])]),
 										_: 1
-									}, 8, ["class"]), u(" " + y(typeof e == "string" ? e : e.label), 1)]),
+									}, 8, ["class"]), c(" " + _(typeof e == "string" ? e : e.label), 1)]),
 									_: 2
 								}, 1032, [
 									"value",
@@ -236,17 +238,17 @@ var M = /*@__PURE__*/ f({
 									"class"
 								]))), 128))]),
 								_: 2
-							}, 1032, ["class"]))), 128)) : (h(!0), l(a, { key: 2 }, _(z.value, (e) => (h(), s(b(C), {
+							}, 1032, ["class"]))), 128)) : (p(!0), s(r, { key: 2 }, h(z.value, (e) => (p(), a(v(C), {
 								key: e.value,
 								value: e.value,
 								"text-value": e.label,
 								disabled: e.disabled,
-								class: m(Q("item"))
+								class: f(Q("item"))
 							}, {
-								default: S(() => [d(b(w), { class: m($.value) }, {
-									default: S(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+								default: y(() => [l(v(w), { class: f($.value) }, {
+									default: y(() => [l(t, { icon: v(S) }, null, 8, ["icon"])]),
 									_: 1
-								}, 8, ["class"]), u(" " + y(e.label), 1)]),
+								}, 8, ["class"]), c(" " + _(e.label), 1)]),
 								_: 2
 							}, 1032, [
 								"value",
@@ -254,21 +256,21 @@ var M = /*@__PURE__*/ f({
 								"disabled",
 								"class"
 							]))), 128))]),
-							K.value ? (h(), s(b(C), {
+							K.value ? (p(), a(v(C), {
 								key: H.value,
 								value: H.value,
 								"data-create": "",
 								"text-value": H.value,
-								class: m(Q("item")),
+								class: f(Q("item")),
 								onSelect: q
 							}, {
-								default: S(() => [v(n.$slots, "create", { query: H.value }, () => [u(y(N.createLabel(H.value.trim())), 1)])]),
+								default: y(() => [g(e.$slots, "create", { query: H.value }, () => [c(_(N.createLabel(H.value.trim())), 1)])]),
 								_: 3
 							}, 8, [
 								"value",
 								"text-value",
 								"class"
-							])) : c("", !0)
+							])) : o("", !0)
 						]),
 						_: 3
 					}, 8, ["class"])]),

package/dist/components/CommandPalette.js

@@ -0,0 +1,5 @@
+import e from "./CommandPalette.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/CommandPalette.vue
+var t = e;
+//#endregion
+export { t as default };