iryx-ui 0.12.0 → 0.13.0

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

@@ -26,8 +26,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, 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/Banner.vue.d.ts

@@ -65,10 +65,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onClose?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    as: string;
-    closeLabel: string;
     unstyled: boolean;
+    as: string;
     label: string;
+    closeLabel: string;
     contained: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -90,9 +90,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<BarChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
     unstyled: boolean;
+    orientation: "vertical" | "horizontal";
     data: readonly BarChartDatum[];
     legend: boolean;
-    orientation: "vertical" | "horizontal";
     height: number;
     ticks: number;
     axis: boolean;

package/dist/components/BarChart.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useIryxUiConfig as e } from "../config.js";
-import { cartesianLayout as t, clampTooltip as n, seriesColor as r, slotOf as i, tooltipHalfWidth as a, warnOnSlotOverflow as o } from "../composables/cartesian.js";
-import { useElementSize as s } from "../composables/element-size.js";
+import { useElementSize as t } from "../composables/element-size.js";
+import { cartesianLayout as n, clampTooltip as r, seriesColor as i, slotOf as a, tooltipHalfWidth as o, warnOnSlotOverflow as s } from "../composables/cartesian.js";
 import { barChartTheme as c } from "../theme/bar-chart.js";
 import l from "./ChartLegend.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, defineComponent as g, guardReactiveProps as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E } from "vue";
@@ -62,13 +62,13 @@ var ee = ["role", "aria-label"], D = [
 		ui: {}
 	},
 	setup(g) {
-		let j = g, M = e(), N = d(() => j.unstyled ?? M.unstyled), P = S(), { width: F } = s(P), I = d(() => new Intl.NumberFormat(j.locale, j.format));
+		let j = g, M = e(), N = d(() => j.unstyled ?? M.unstyled), P = S(), { width: F } = t(P), I = d(() => new Intl.NumberFormat(j.locale, j.format));
 		function L(e) {
 			return I.value.format(e);
 		}
 		let R = d(() => {
 			let e = j.series?.length ? [...j.series] : [{ key: "value" }];
-			return o(e.length), e;
+			return s(e.length), e;
 		}), z = d(() => R.value.length > 1), oe = d(() => z.value || j.legend && R.value[0].name != null);
 		function B(e, t) {
 			let n = e[t];
@@ -83,7 +83,7 @@ var ee = ["role", "aria-label"], D = [
 			}
 			return [t, n];
 		}
-		let W = d(() => t({
+		let W = d(() => n({
 			orientation: j.orientation,
 			values: H.value ? j.data.flatMap(U) : j.data.flatMap((e) => R.value.map((t) => B(e, t.key))),
 			categories: j.data.length,
@@ -153,25 +153,25 @@ var ee = ["role", "aria-label"], D = [
 			if (!e) return;
 			let t = R.value.map((t, n) => ({
 				name: t.name ?? t.key,
-				color: r(i(t, n)),
+				color: i(a(t, n)),
 				value: B(e, t.key)
 			})).filter((e) => e.value != null).map((e) => ({
 				...e,
 				value: L(e.value)
 			}));
 			if (!t.length) return;
-			let o = H.value ? L(U(e).reduce((e, t) => e + t, 0)) : void 0, s = z.value ? Math.max(e.label.length, o ? o.length + 6 : 0, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2, c = W.value.bandCentre(X.value);
+			let n = H.value ? L(U(e).reduce((e, t) => e + t, 0)) : void 0, s = z.value ? Math.max(e.label.length, n ? n.length + 6 : 0, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2, c = W.value.bandCentre(X.value);
 			if (V.value) {
-				let r = H.value ? W.value.value(U(e)[0]) : Math.max(...R.value.map((t) => {
+				let i = H.value ? W.value.value(U(e)[0]) : Math.max(...R.value.map((t) => {
 					let n = B(e, t.key);
 					return n == null ? -Infinity : W.value.value(n);
-				})), i = "x".repeat(s), l = a(i), u = r + l + 8, d = u + l <= F.value;
+				})), a = "x".repeat(s), l = o(a), u = i + l + 8, d = u + l <= F.value;
 				return {
 					label: e.label,
 					rows: t,
-					total: o,
+					total: n,
 					multi: z.value,
-					x: n(d ? u : r - l - 8, i, F.value),
+					x: r(d ? u : i - l - 8, a, F.value),
 					y: c
 				};
 			}
@@ -182,9 +182,9 @@ var ee = ["role", "aria-label"], D = [
 			return {
 				label: e.label,
 				rows: t,
-				total: o,
+				total: n,
 				multi: z.value,
-				x: n(c, "x".repeat(s), F.value),
+				x: r(c, "x".repeat(s), F.value),
 				y: l
 			};
 		}), Q = d(() => c());
@@ -233,7 +233,7 @@ var ee = ["role", "aria-label"], D = [
 				(x(!0), m(u, null, C(se.value, (e, t) => (x(), m("path", {
 					key: `bar-${e.categoryIndex}-${e.seriesIndex}-${t}`,
 					d: ce(e),
-					style: b({ fill: E(r)(E(i)(R.value[e.seriesIndex], e.seriesIndex)) }),
+					style: b({ fill: E(i)(E(a)(R.value[e.seriesIndex], e.seriesIndex)) }),
 					class: v(ue(e))
 				}, null, 14, k))), 128)),
 				(x(!0), m(u, null, C(j.data, (e, t) => (x(), m(u, { key: `label-${e.label}-${t}` }, [t % le.value === 0 ? (x(), m("text", {

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

@@ -28,9 +28,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    as: string;
-    unstyled: boolean;
     type: "button" | "submit" | "reset";
+    unstyled: boolean;
+    as: string;
 }, {}, {}, {}, 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/ButtonGroup.vue.d.ts

@@ -19,8 +19,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, 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/Card.vue.d.ts

@@ -36,8 +36,8 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, 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/Collapsible.js

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

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/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 };

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

@@ -0,0 +1,63 @@
+import type { CommandEntry, CommandItem } from '../composables/command-palette';
+export interface CommandPaletteProps {
+    /** Commands, optionally grouped. An entry with `items` is a group. */
+    items?: CommandEntry[];
+    placeholder?: string;
+    /** Shown when the query matches nothing. Override for non-English apps. */
+    emptyText?: string;
+    /** Accessible name for the dialog, since a palette has no visible title. */
+    label?: string;
+    /**
+     * Global shortcut that opens it. `mod` is Command on Apple platforms and
+     * Control elsewhere. Pass `null` to bind nothing and drive `open` yourself.
+     */
+    hotkey?: string | null;
+    /** Close once a command is chosen. */
+    closeOnSelect?: boolean;
+    /** Hint row along the bottom. Set `false` to drop it. */
+    footer?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    ui?: Partial<Record<'overlay' | 'content' | 'header' | 'icon' | 'input' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLabel' | 'shortcut' | 'key' | 'empty' | 'footer' | 'list', string>>;
+}
+type __VLS_Props = CommandPaletteProps;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_59: {
+    query: string;
+}, __VLS_81: {
+    item: CommandItem;
+}, __VLS_93: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_59) => any;
+} & {
+    item?: (props: typeof __VLS_81) => any;
+} & {
+    footer?: (props: typeof __VLS_93) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: CommandItem) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((item: CommandItem) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    label: string;
+    placeholder: string;
+    footer: boolean;
+    emptyText: string;
+    hotkey: string | null;
+    closeOnSelect: 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;
+    };
+};