@chelone/vue 0.6.0 → 0.7.0

package/dist/components/ui/command/command-dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { cn } from "../../../lib/utils.js";
+import command_default from "./command.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, openBlock, ref, renderSlot, toDisplayString, unref, useId, watch, withCtx } from "vue";
+// src/components/ui/command/command-dialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "fixed inset-0 z-50",
+	"data-slot": "command-dialog"
+};
+var _hoisted_2 = ["aria-labelledby", "aria-describedby"];
+var _hoisted_3 = ["id"];
+var _hoisted_4 = ["id"];
+var command_dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "command-dialog",
+	props: {
+		open: {
+			type: Boolean,
+			default: false
+		},
+		title: { default: "Command Palette" },
+		description: { default: "Search for a command to run..." },
+		class: {}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<CommandDialog>` — a `<Command>` in a modal panel, the Vue analog of
+		* shadcn's `CommandDialog`. Like `sheet.vue` it is dependency-free and renders
+		* INLINE (no `<Teleport>`): a fixed backdrop and a `role="dialog"` panel,
+		* closing on Escape or a backdrop click by emitting `update:open`. The default
+		* slot is the command's content (input, list).
+		*/
+		const props = __props;
+		const emit = __emit;
+		const titleId = useId();
+		const descriptionId = useId();
+		const panel = ref(null);
+		function close() {
+			emit("update:open", false);
+		}
+		function onKeydown(event) {
+			if (event.key === "Escape") close();
+		}
+		watch(() => props.open, async (open) => {
+			if (typeof document === "undefined") return;
+			if (open) {
+				document.addEventListener("keydown", onKeydown);
+				await nextTick();
+				panel.value?.querySelector("input")?.focus();
+			} else document.removeEventListener("keydown", onKeydown);
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			if (typeof document !== "undefined") document.removeEventListener("keydown", onKeydown);
+		});
+		return (_ctx, _cache) => {
+			return __props.open ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "absolute inset-0 bg-black/50",
+				"data-slot": "command-dialog-overlay",
+				onClick: close
+			}), createElementVNode("div", {
+				ref_key: "panel",
+				ref: panel,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": unref(titleId),
+				"aria-describedby": unref(descriptionId),
+				class: normalizeClass(unref(cn)("fixed top-1/3 left-1/2 w-full max-w-lg -translate-x-1/2 overflow-hidden rounded-lg border bg-background p-0 shadow-lg", props.class)),
+				"data-slot": "command-dialog-content"
+			}, [
+				createElementVNode("h2", {
+					id: unref(titleId),
+					class: "sr-only"
+				}, toDisplayString(__props.title), 9, _hoisted_3),
+				createElementVNode("p", {
+					id: unref(descriptionId),
+					class: "sr-only"
+				}, toDisplayString(__props.description), 9, _hoisted_4),
+				createVNode(command_default, null, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})
+			], 10, _hoisted_2)])) : createCommentVNode("", true);
+		};
+	}
+});
+export { command_dialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/command/command-group.js

@@ -0,0 +1,4 @@
+import command_group_vue_vue_type_script_setup_true_lang_default from "./command-group.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/command/command-group.vue
+var command_group_default = command_group_vue_vue_type_script_setup_true_lang_default;
+export { command_group_default as default };

package/dist/components/ui/command/command-group.vue.d.ts

@@ -2,12 +2,15 @@ type __VLS_Props = {
     heading?: string;
     class?: string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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 (): {

package/dist/components/ui/command/command-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { cn } from "../../../lib/utils.js";
+import { CommandGroupKey, useCommand } from "./context.js";
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, provide, renderSlot, toDisplayString, unref, useId, vShow, withDirectives } from "vue";
+// src/components/ui/command/command-group.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby"];
+var _hoisted_2 = ["id"];
+var command_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "command-group",
+	props: {
+		heading: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<CommandGroup>` — a labelled cluster of items. Hides itself, heading
+		* included, when none of its items shows.
+		*/
+		const props = __props;
+		const ctx = useCommand();
+		const groupId = useId();
+		const headingId = useId();
+		provide(CommandGroupKey, groupId);
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", {
+				role: "group",
+				"aria-labelledby": __props.heading ? unref(headingId) : void 0,
+				class: normalizeClass(unref(cn)("overflow-hidden p-1 text-foreground", props.class)),
+				"data-slot": "command-group"
+			}, [__props.heading ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: unref(headingId),
+				class: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+				"data-slot": "command-group-heading"
+			}, toDisplayString(__props.heading), 9, _hoisted_2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1)), [[vShow, !unref(ctx).ready.value || unref(ctx).groupHasVisible(unref(groupId))]]);
+		};
+	}
+});
+export { command_group_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/command/command-input.js

@@ -0,0 +1,4 @@
+import command_input_vue_vue_type_script_setup_true_lang_default from "./command-input.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/command/command-input.vue
+var command_input_default = command_input_vue_vue_type_script_setup_true_lang_default;
+export { command_input_default as default };

package/dist/components/ui/command/command-input.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     class?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/command/command-input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { cn } from "../../../lib/utils.js";
+import { useCommand } from "./context.js";
+import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
+// src/components/ui/command/command-input.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "flex h-9 items-center gap-2 border-b px-3",
+	"data-slot": "command-input-wrapper"
+};
+var _hoisted_2 = [
+	"aria-controls",
+	"aria-activedescendant",
+	"value"
+];
+var command_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "command-input",
+	props: { class: {} },
+	setup(__props) {
+		/**
+		* `<CommandInput>` — the search box, an `input` with `role="combobox"` bound to
+		* the root's search text. ArrowDown/ArrowUp move the active item (wrapping),
+		* Home/End jump, Enter selects. Extra attributes (`placeholder`, ...) land on
+		* the `input`.
+		*/
+		const props = __props;
+		const ctx = useCommand();
+		const moves = /* @__PURE__ */ new Map([
+			["ArrowDown", "next"],
+			["ArrowUp", "prev"],
+			["Home", "first"],
+			["End", "last"]
+		]);
+		function onKeydown(event) {
+			if (event.isComposing) return;
+			const move = moves.get(event.key);
+			if (move) {
+				event.preventDefault();
+				ctx.move(move);
+			} else if (event.key === "Enter") {
+				event.preventDefault();
+				ctx.selectActive();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+				class: "size-4 shrink-0 opacity-50",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"aria-hidden": "true"
+			}, [createElementVNode("circle", {
+				cx: "11",
+				cy: "11",
+				r: "8"
+			}), createElementVNode("path", { d: "m21 21-4.3-4.3" })], -1)), createElementVNode("input", mergeProps(_ctx.$attrs, {
+				type: "text",
+				role: "combobox",
+				autocomplete: "off",
+				"aria-expanded": "true",
+				"aria-controls": unref(ctx).listId,
+				"aria-activedescendant": unref(ctx).activeId.value ?? void 0,
+				value: unref(ctx).search.value,
+				class: unref(cn)("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", props.class),
+				"data-slot": "command-input",
+				onInput: _cache[0] || (_cache[0] = ($event) => unref(ctx).setSearch($event.target.value)),
+				onKeydown
+			}), null, 16, _hoisted_2)]);
+		};
+	}
+});
+export { command_input_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/command/command-item.js

@@ -0,0 +1,4 @@
+import command_item_vue_vue_type_script_setup_true_lang_default from "./command-item.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/command/command-item.vue
+var command_item_default = command_item_vue_vue_type_script_setup_true_lang_default;
+export { command_item_default as default };

package/dist/components/ui/command/command-item.vue.d.ts

@@ -5,16 +5,19 @@ type __VLS_Props = {
     forceMount?: boolean;
     class?: string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/dist/components/ui/command/command-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { cn } from "../../../lib/utils.js";
+import { CommandGroupKey, useCommand } from "./context.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useId, vShow, watch, withDirectives } from "vue";
+// src/components/ui/command/command-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"data-selected",
+	"data-disabled"
+];
+var command_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "command-item",
+	props: {
+		value: {},
+		keywords: {},
+		disabled: { type: Boolean },
+		forceMount: { type: Boolean },
+		class: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<CommandItem>` — a selectable row. Registers with the root, hides itself
+		* (it stays mounted, so it stays registered) when the filter scores it `0`
+		* unless `forceMount`, and becomes active on hover. Emits `select` on click or
+		* on Enter while active; a disabled item never becomes active and never selects.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const ctx = useCommand();
+		const id = useId();
+		const el = ref(null);
+		const entry = {
+			id,
+			groupId: inject(CommandGroupKey, null),
+			el,
+			props,
+			select: () => {
+				if (!props.disabled) emit("select", props.value);
+			}
+		};
+		let unregister;
+		onMounted(() => {
+			unregister = ctx.registerItem(entry);
+		});
+		onBeforeUnmount(() => unregister?.());
+		const visible = computed(() => ctx.isVisible(entry));
+		const active = computed(() => ctx.activeId.value === id);
+		watch(active, (isActive) => {
+			if (isActive) el.value?.scrollIntoView?.({ block: "nearest" });
+		});
+		function onPointerMove() {
+			if (!props.disabled) ctx.setActive(id);
+		}
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", {
+				id: unref(id),
+				ref_key: "el",
+				ref: el,
+				role: "option",
+				"aria-selected": active.value,
+				"aria-disabled": __props.disabled || void 0,
+				"data-selected": active.value ? "true" : void 0,
+				"data-disabled": __props.disabled ? "true" : void 0,
+				class: normalizeClass(unref(cn)("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4", props.class)),
+				"data-slot": "command-item",
+				onPointermove: onPointerMove,
+				onClick: _cache[0] || (_cache[0] = ($event) => entry.select())
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)), [[vShow, visible.value]]);
+		};
+	}
+});
+export { command_item_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/command/command.js

@@ -0,0 +1,4 @@
+import command_vue_vue_type_script_setup_true_lang_default from "./command.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/command/command.vue
+var command_default = command_vue_vue_type_script_setup_true_lang_default;
+export { command_default as default };

package/dist/components/ui/command/command.vue.d.ts

@@ -8,7 +8,9 @@ export interface CommandProps {
     /** Extra CSS class appended to the root. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CommandProps & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CommandProps & {
     /** The search text. */
     modelValue?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -24,7 +26,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CommandPro
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui/command/command.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,119 @@
+import { cn } from "../../../lib/utils.js";
+import { defaultCommandFilter, provideCommand } from "./context.js";
+import { computed, createElementBlock, defineComponent, mergeModels, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, unref, useId, useModel, watch } from "vue";
+// src/components/ui/command/command.vue?vue&type=script&setup=true&lang.ts
+var command_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "command",
+	props: /*@__PURE__*/ mergeModels({
+		shouldFilter: {
+			type: Boolean,
+			default: true
+		},
+		filter: {
+			type: Function,
+			default: void 0
+		},
+		class: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* `<Command>` — the root of the dependency-free command family, the Vue analog
+		* of shadcn's cmdk-backed `Command`. Owns the search text (`v-model`), the
+		* registered items and the active item.
+		*
+		* DELIBERATE DIVERGENCE from cmdk: items keep their DOM order while filtering,
+		* with no re-ranking by score.
+		*/
+		const props = __props;
+		/** The search text. */
+		const search = useModel(__props, "modelValue");
+		const listId = useId();
+		const items = shallowRef([]);
+		const requested = ref(null);
+		const rootRef = ref(null);
+		const ready = ref(false);
+		const orderVersion = ref(0);
+		function score(entry) {
+			return (props.filter ?? defaultCommandFilter)(entry.props.value, search.value, entry.props.keywords ? [...entry.props.keywords] : void 0);
+		}
+		function isVisible(entry) {
+			if (!props.shouldFilter || entry.props.forceMount) return true;
+			return score(entry) > 0;
+		}
+		/** The registered items in document order. */
+		function ordered() {
+			return [...items.value].sort((a, b) => {
+				const [x, y] = [a.el.value, b.el.value];
+				if (!x || !y) return 0;
+				return x.compareDocumentPosition(y) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+			});
+		}
+		function candidates() {
+			return ordered().filter((e) => isVisible(e) && !e.props.disabled);
+		}
+		const activeId = computed(() => {
+			orderVersion.value;
+			const list = candidates();
+			return (list.find((e) => e.id === requested.value) ?? list[0])?.id ?? null;
+		});
+		const visibleCount = computed(() => items.value.filter((e) => isVisible(e)).length);
+		let observer;
+		onMounted(() => {
+			ready.value = true;
+			if (rootRef.value && typeof MutationObserver !== "undefined") {
+				observer = new MutationObserver(() => orderVersion.value++);
+				observer.observe(rootRef.value, {
+					childList: true,
+					subtree: true
+				});
+			}
+		});
+		onBeforeUnmount(() => observer?.disconnect());
+		watch(search, () => requested.value = null, { flush: "sync" });
+		provideCommand({
+			search,
+			setSearch: (value) => {
+				search.value = value;
+			},
+			listId,
+			activeId,
+			setActive: (id) => {
+				requested.value = id;
+			},
+			registerItem: (entry) => {
+				items.value = [...items.value, entry];
+				return () => {
+					items.value = items.value.filter((e) => e !== entry);
+				};
+			},
+			isVisible,
+			ready,
+			visibleCount,
+			groupHasVisible: (groupId) => items.value.some((e) => e.groupId === groupId && isVisible(e)),
+			move: (to) => {
+				const list = candidates();
+				if (list.length === 0) return;
+				const at = list.findIndex((e) => e.id === activeId.value);
+				const last = list.length - 1;
+				const next = to === "first" ? 0 : to === "last" ? last : to === "next" ? at < 0 || at === last ? 0 : at + 1 : at <= 0 ? last : at - 1;
+				requested.value = list[next]?.id ?? null;
+			},
+			selectActive: () => {
+				items.value.find((e) => e.id === activeId.value)?.select();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(unref(cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", props.class)),
+				"data-slot": "command"
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { command_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/command/context.js

@@ -1,35 +1,41 @@
-import { provide, inject } from "vue";
-const defaultCommandFilter = (value, search, keywords = []) => {
-  const needle = search.trim().toLowerCase();
-  if (needle === "") return 1;
-  let best = 0;
-  for (const text of [value, ...keywords]) {
-    const haystack = text.toLowerCase();
-    if (haystack.includes(needle)) return 1;
-    let at = 0;
-    for (const char of haystack) if (char === needle[at]) at++;
-    if (at === needle.length) best = 0.5;
-  }
-  return best;
+import { inject, provide } from "vue";
+// src/components/ui/command/context.ts
+/**
+* The `<Command>` context — the non-component core of the dependency-free
+* command family. The root SFC owns the search text, the registered items and
+* the active item and `provide`s this contract; the input drives it, items
+* register against it, and groups and the empty state read visibility from it.
+*/
+/**
+* The default filter. An empty search matches everything; otherwise the best of
+* the value and the keywords wins, a case-insensitive substring scoring `1` and a
+* scattered (in-order) match `0.5`.
+*/
+var defaultCommandFilter = (value, search, keywords = []) => {
+	const needle = search.trim().toLowerCase();
+	if (needle === "") return 1;
+	let best = 0;
+	for (const text of [value, ...keywords]) {
+		const haystack = text.toLowerCase();
+		if (haystack.includes(needle)) return 1;
+		let at = 0;
+		for (const char of haystack) if (char === needle[at]) at++;
+		if (at === needle.length) best = .5;
+	}
+	return best;
 };
-const CommandKey = /* @__PURE__ */ Symbol("chelone-command");
-const CommandGroupKey = /* @__PURE__ */ Symbol(
-  "chelone-command-group"
-);
+/** The provide/inject key for the command context. */
+var CommandKey = Symbol("chelone-command");
+/** The enclosing `<CommandGroup>`'s id, provided to its items. */
+var CommandGroupKey = Symbol("chelone-command-group");
+/** Provide the command context (called by `<Command>` in `setup`). */
 function provideCommand(ctx) {
-  provide(CommandKey, ctx);
+	provide(CommandKey, ctx);
 }
+/** Read the ambient command context. Throws when used outside `<Command>`. */
 function useCommand() {
-  const ctx = inject(CommandKey, null);
-  if (!ctx) {
-    throw new Error("useCommand: used outside a <Command> component.");
-  }
-  return ctx;
+	const ctx = inject(CommandKey, null);
+	if (!ctx) throw new Error("useCommand: used outside a <Command> component.");
+	return ctx;
 }
-export {
-  CommandGroupKey,
-  CommandKey,
-  defaultCommandFilter,
-  provideCommand,
-  useCommand
-};
+export { CommandGroupKey, CommandKey, defaultCommandFilter, provideCommand, useCommand };

package/dist/components/ui/command/parts.js

@@ -1,55 +1,42 @@
-import { h } from "vue";
 import { cn } from "../../../lib/utils.js";
 import { useCommand } from "./context.js";
-const CommandList = (props, { slots }) => h(
-  "div",
-  {
-    id: useCommand().listId,
-    role: "listbox",
-    "data-slot": "command-list",
-    class: cn(
-      "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-      props.class
-    )
-  },
-  slots.default?.()
-);
+import { h } from "vue";
+// src/components/ui/command/parts.ts
+/**
+* The structural command parts — thin containers over the command context, the
+* Vue analog of shadcn's same-named parts. Functional components so the set
+* lives in one dependency-free module; the stateful parts stay as SFCs.
+*/
+/** The scrollable `role="listbox"` that holds the items. */
+var CommandList = (props, { slots }) => h("div", {
+	id: useCommand().listId,
+	role: "listbox",
+	"data-slot": "command-list",
+	class: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", props.class)
+}, slots.default?.());
 CommandList.props = ["class"];
 CommandList.displayName = "CommandList";
-const CommandEmpty = (props, { slots }) => useCommand().ready.value && useCommand().visibleCount.value === 0 ? h(
-  "div",
-  {
-    role: "presentation",
-    "data-slot": "command-empty",
-    class: cn("py-6 text-center text-sm", props.class)
-  },
-  slots.default?.()
-) : null;
+/** Shown only while no item shows, once the items have had the chance to register. */
+var CommandEmpty = (props, { slots }) => useCommand().ready.value && useCommand().visibleCount.value === 0 ? h("div", {
+	role: "presentation",
+	"data-slot": "command-empty",
+	class: cn("py-6 text-center text-sm", props.class)
+}, slots.default?.()) : null;
 CommandEmpty.props = ["class"];
 CommandEmpty.displayName = "CommandEmpty";
-const CommandSeparator = (props) => h("div", {
-  role: "separator",
-  "data-slot": "command-separator",
-  class: cn("-mx-1 h-px bg-border", props.class)
+/** A horizontal divider between groups. */
+var CommandSeparator = (props) => h("div", {
+	role: "separator",
+	"data-slot": "command-separator",
+	class: cn("-mx-1 h-px bg-border", props.class)
 });
 CommandSeparator.props = ["class"];
 CommandSeparator.displayName = "CommandSeparator";
-const CommandShortcut = (props, { slots }) => h(
-  "span",
-  {
-    "data-slot": "command-shortcut",
-    class: cn(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      props.class
-    )
-  },
-  slots.default?.()
-);
+/** A right-aligned keyboard hint inside an item. */
+var CommandShortcut = (props, { slots }) => h("span", {
+	"data-slot": "command-shortcut",
+	class: cn("ml-auto text-xs tracking-widest text-muted-foreground", props.class)
+}, slots.default?.());
 CommandShortcut.props = ["class"];
 CommandShortcut.displayName = "CommandShortcut";
-export {
-  CommandEmpty,
-  CommandList,
-  CommandSeparator,
-  CommandShortcut
-};
+export { CommandEmpty, CommandList, CommandSeparator, CommandShortcut };