@orvui/vue 0.0.0-stage → 0.1.1

package/dist/combobox-Bm4DKATI.js

@@ -0,0 +1,237 @@
+import { t as e } from "./_plugin-vue_export-helper-Djzt4Yr7.js";
+import { t } from "./utils-DIrLOK2M.js";
+import { i as n, n as r, r as i, s as a, t as o, u as s } from "./SearchOption-y97v-iri.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, inject as g, mergeProps as _, normalizeClass as v, openBlock as y, provide as b, renderSlot as x, toDisplayString as S, unref as C, useId as w, withCtx as T } from "vue";
+import { ChevronsUpDown as E, Search as D } from "lucide-vue-next";
+// src/motion/combobox/src/Combobox.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "relative" }, k = /* @__PURE__ */ h({
+	__name: "Combobox",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		query: {},
+		defaultQuery: { default: "" },
+		disabled: { type: Boolean },
+		filter: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"update:open",
+		"update:query"
+	],
+	setup(e, { emit: t }) {
+		let n = a(e, t, !1);
+		return b(i, n), (e, t) => (y(), d("div", O, [x(e.$slots, "default", {
+			value: C(n).value.value,
+			open: C(n).open.value,
+			query: C(n).query.value
+		})]));
+	}
+}), A = ["id", "data-state"], j = { class: "min-w-0 flex-1 text-left" }, M = /* @__PURE__ */ h({
+	__name: "ComboboxTrigger",
+	setup(e) {
+		let n = s(!1, "ComboboxTrigger");
+		function r(e) {
+			let t = e.target instanceof Element ? e.target : null;
+			e.defaultPrevented || n.disabled.value || t === n.inputRef.value || (e.preventDefault(), n.setOpen(!0), n.focusInput());
+		}
+		return (e, i) => (y(), d("div", {
+			ref: (e) => C(n).triggerRef.value = e,
+			id: C(n).triggerId,
+			"data-state": C(n).open.value ? "open" : "closed",
+			onPointerdown: r,
+			class: v(C(t)("relative z-20 flex h-10 w-full min-w-52 cursor-text items-center justify-between gap-3 px-3 rounded-xl border border-border bg-transparent text-sm text-foreground transition-[border-color] hover:border-(--color-border-strong) focus-within:ring-2 focus-within:ring-foreground/20", C(n).disabled.value && "pointer-events-none opacity-50"))
+		}, [f("span", j, [x(e.$slots, "default")]), m(C(E), {
+			"stroke-width": 2.5,
+			"aria-hidden": "true",
+			class: "size-4 shrink-0 text-muted-foreground"
+		})], 42, A));
+	}
+}), N = /* @__PURE__ */ h({
+	__name: "ComboboxValue",
+	props: { placeholder: { default: "Select an option" } },
+	setup(e) {
+		let t = s(!1, "ComboboxValue"), n = c(() => t.value.value), r = c(() => t.labelFor(n.value));
+		return (t, i) => (y(), d("span", { class: v(["block truncate", n.value === void 0 ? "text-muted-foreground" : "text-foreground"]) }, [x(t.$slots, "default", {
+			value: n.value,
+			label: r.value
+		}, () => [p(S(r.value ?? e.placeholder), 1)])], 2));
+	}
+}), P = /* @__PURE__ */ h({
+	__name: "ComboboxContent",
+	props: {
+		side: { default: "bottom" },
+		align: { default: "start" },
+		sideOffset: { default: 6 },
+		avoidCollisions: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, n = s(!1, "ComboboxContent");
+		return (e, i) => (y(), l(r, _({ context: C(n) }, t, { "data-combobox-content": "" }), {
+			default: T(() => [x(e.$slots, "default")]),
+			_: 3
+		}, 16, ["context"]));
+	}
+}), F = /* @__PURE__ */ h({
+	__name: "ComboboxItem",
+	props: {
+		value: {},
+		textValue: {},
+		label: {},
+		keywords: { default: () => [] },
+		disabled: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (y(), l(o, {
+			multiple: !1,
+			value: e.value,
+			"text-value": e.textValue,
+			label: e.label,
+			keywords: e.keywords,
+			disabled: e.disabled,
+			onSelect: r[0] ||= (e) => n("select", e)
+		}, {
+			default: T(() => [x(t.$slots, "default", {}, () => [r[1] ||= p("{ textValue ?? label ?? value }", -1)])]),
+			_: 3
+		}, 8, [
+			"value",
+			"text-value",
+			"label",
+			"keywords",
+			"disabled"
+		]));
+	}
+}), I = [
+	"id",
+	"aria-label",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"disabled",
+	"value",
+	"placeholder"
+], L = /* @__PURE__ */ h({
+	inheritAttrs: !1,
+	__name: "ComboboxInput",
+	props: {
+		placeholder: { default: "Search…" },
+		wrapperClassName: {},
+		showIcon: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let n = s(!1, "ComboboxInput"), r = c(() => n.open.value ? n.query.value : n.labelFor(n.value.value) ?? ""), i = !1;
+		function a() {
+			i = !0;
+		}
+		function o() {
+			i = !1;
+		}
+		function p(e) {
+			n.setOpen(!0), n.setQuery(e.target.value);
+		}
+		function m(e) {
+			!i && !e.isComposing && n.keydown(e);
+		}
+		function h(e) {
+			e.defaultPrevented || n.disabled.value || n.open.value || (e.preventDefault(), n.focusInput(), n.setOpen(!0));
+		}
+		return (i, s) => (y(), d("div", { class: v(C(t)("flex min-w-0 flex-1 items-center gap-2", e.wrapperClassName)) }, [e.showIcon ? (y(), l(C(D), {
+			key: 0,
+			"aria-hidden": "true",
+			class: "size-4 shrink-0 text-muted-foreground"
+		})) : u("", !0), f("input", _(i.$attrs, {
+			ref: (e) => C(n).inputRef.value = e,
+			id: C(n).inputId,
+			role: "combobox",
+			"aria-label": i.$attrs["aria-label"] ?? "Search options",
+			"aria-autocomplete": "list",
+			"aria-expanded": C(n).open.value,
+			"aria-controls": C(n).listId,
+			"aria-activedescendant": C(n).open.value ? C(n).activeItemId.value : void 0,
+			autocomplete: "off",
+			disabled: C(n).disabled.value,
+			value: r.value,
+			placeholder: e.placeholder,
+			onPointerdown: h,
+			onFocus: s[0] ||= (e) => C(n).setOpen(!0),
+			onClick: s[1] ||= (e) => C(n).setOpen(!0),
+			onInput: p,
+			onKeydown: m,
+			onCompositionstart: a,
+			onCompositionend: o,
+			class: C(t)("h-10 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", i.$attrs.class)
+		}), null, 16, I)], 2));
+	}
+}), R = {
+	key: 0,
+	role: "status",
+	class: "px-3 py-8 text-center text-sm text-muted-foreground"
+}, z = /* @__PURE__ */ h({
+	__name: "ComboboxEmpty",
+	setup(e) {
+		let t = s(!1, "ComboboxEmpty"), n = c(() => t.visibleCount.value === 0);
+		return (e, t) => n.value ? (y(), d("div", R, [x(e.$slots, "default", {}, () => [t[0] ||= p("No options found.", -1)])])) : u("", !0);
+	}
+}), B = ["id", "aria-label"], V = /* @__PURE__ */ h({
+	__name: "ComboboxList",
+	props: { ariaLabel: { default: "Options" } },
+	setup(e) {
+		let t = e, n = s(!1, "ComboboxList");
+		return (e, r) => (y(), d("div", {
+			id: C(n).listId,
+			role: "listbox",
+			"aria-label": t.ariaLabel,
+			class: "relative isolate max-h-64 overflow-y-auto overscroll-contain p-1.5 [-ms-overflow-style:none] scrollbar-none [&::-webkit-scrollbar]:hidden"
+		}, [x(e.$slots, "default")], 8, B));
+	}
+}), H = ["hidden"], U = /* @__PURE__ */ h({
+	__name: "ComboboxGroup",
+	setup(e) {
+		let t = w(), r = s(!1, "ComboboxGroup");
+		b(n, t);
+		let i = c(() => !r.hasVisibleItems(t));
+		return (e, t) => (y(), d("fieldset", {
+			hidden: i.value,
+			class: "m-0 min-w-0 border-0 p-0 py-0.5"
+		}, [x(e.$slots, "default")], 8, H));
+	}
+}), W = {
+	key: 0,
+	class: "w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground"
+}, G = {
+	key: 1,
+	class: "w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground"
+}, K = /* @__PURE__ */ h({
+	__name: "ComboboxLabel",
+	setup(e) {
+		let t = g(n, void 0);
+		return (e, n) => C(t) ? (y(), d("legend", W, [x(e.$slots, "default")])) : (y(), d("div", G, [x(e.$slots, "default")]));
+	}
+}), q = {}, J = {
+	"aria-hidden": "true",
+	class: "-mx-1 my-1 h-px bg-border"
+};
+function Y(e, t) {
+	return y(), d("div", J);
+}
+var X = /*#__PURE__*/ e(q, [["render", Y]]);
+export { z as a, P as c, k as d, V as i, N as l, K as n, L as o, U as r, F as s, X as t, M as u };
+
+//# sourceMappingURL=combobox-Bm4DKATI.js.map

package/dist/combobox-Bm4DKATI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-Bm4DKATI.js","names":["_hoisted_1","props","emit","_openBlock","_createElementBlock","_renderSlot","_unref","_sfc_main","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_unref","_normalizeClass","_createElementVNode","_renderSlot","_createVNode","_sfc_main","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_sfc_main","_openBlock","_createBlock","SearchSurface","_mergeProps","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","SearchOption","_withCtx","_renderSlot","_createTextVNode","_sfc_main","$attrs","_hoisted_1","_openBlock","_createElementBlock","_normalizeClass","_unref","_createBlock","_createCommentVNode","_createElementVNode","_mergeProps","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_createCommentVNode","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_unref","_renderSlot","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_sfc_main","_hoisted_1","_unref","_openBlock","_createElementBlock","_renderSlot","_sfc_main","_openBlock","_createElementBlock","_plugin_vue_export_helper_default","ComboboxGroupContext","SearchSurface_default","ComboboxContext","createSearchController","SearchOption_default","useSearchContext","_hoisted_1$7","Combobox_default","defineComponent","__emit","state","__props","provide","openBlock","createElementBlock","renderSlot","_ctx","unref","_hoisted_1$6","_hoisted_2$1","ComboboxTrigger_default","activate","target","event","el","normalizeClass","cn","createElementVNode","createVNode","ChevronsUpDown","ComboboxValue_default","value","computed","label","createTextVNode","toDisplayString","ComboboxContent_default","props","surface","createBlock","mergeProps","withCtx","ComboboxItem_default","emit","_cache","$event","_hoisted_1$5","ComboboxInput_default","displayed","composing","beginComposition","endComposition","input","key","pointer","Search","createCommentVNode","_hoisted_1$4","ComboboxEmpty_default","empty","_hoisted_1$3","ComboboxList_default","_hoisted_1$2","ComboboxGroup_default","id","useId","hidden","_hoisted_1$1","_hoisted_2","ComboboxLabel_default","group","inject","_sfc_main","_hoisted_1","_sfc_render","ComboboxSeparator_default"],"sources":["../src/motion/combobox/src/Combobox.vue","../src/motion/combobox/src/Combobox.vue","../src/motion/combobox/src/ComboboxTrigger.vue","../src/motion/combobox/src/ComboboxTrigger.vue","../src/motion/combobox/src/ComboboxValue.vue","../src/motion/combobox/src/ComboboxValue.vue","../src/motion/combobox/src/ComboboxContent.vue","../src/motion/combobox/src/ComboboxContent.vue","../src/motion/combobox/src/ComboboxItem.vue","../src/motion/combobox/src/ComboboxItem.vue","../src/motion/combobox/src/ComboboxInput.vue","../src/motion/combobox/src/ComboboxInput.vue","../src/motion/combobox/src/ComboboxEmpty.vue","../src/motion/combobox/src/ComboboxEmpty.vue","../src/motion/combobox/src/ComboboxList.vue","../src/motion/combobox/src/ComboboxList.vue","../src/motion/combobox/src/ComboboxGroup.vue","../src/motion/combobox/src/ComboboxGroup.vue","../src/motion/combobox/src/ComboboxLabel.vue","../src/motion/combobox/src/ComboboxLabel.vue","../src/motion/combobox/src/ComboboxSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createSearchController,\n  ComboboxContext,\n} from \"../../_combobox/controller\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    query?: string;\n    defaultQuery?: string;\n    disabled?: boolean;\n    filter?: (value: string, query: string, keywords: string[]) => boolean;\n  }>(),\n  { open: undefined, defaultOpen: false, defaultQuery: \"\" },\n);\nconst emit = defineEmits([\n  \"update:modelValue\",\n  \"change\",\n  \"update:open\",\n  \"update:query\",\n]);\nconst state = createSearchController(props, emit, false);\nprovide(ComboboxContext, state);\n</script>\n<template>\n  <div class=\"relative\">\n    <slot\n      :value=\"state.value.value\"\n      :open=\"state.open.value\"\n      :query=\"state.query.value\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createSearchController,\n  ComboboxContext,\n} from \"../../_combobox/controller\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    query?: string;\n    defaultQuery?: string;\n    disabled?: boolean;\n    filter?: (value: string, query: string, keywords: string[]) => boolean;\n  }>(),\n  { open: undefined, defaultOpen: false, defaultQuery: \"\" },\n);\nconst emit = defineEmits([\n  \"update:modelValue\",\n  \"change\",\n  \"update:open\",\n  \"update:query\",\n]);\nconst state = createSearchController(props, emit, false);\nprovide(ComboboxContext, state);\n</script>\n<template>\n  <div class=\"relative\">\n    <slot\n      :value=\"state.value.value\"\n      :open=\"state.open.value\"\n      :query=\"state.query.value\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ChevronsUpDown } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst state = useSearchContext(false, \"ComboboxTrigger\");\nfunction activate(event: PointerEvent) {\n  const target = event.target instanceof Element ? event.target : null;\n  if (\n    event.defaultPrevented ||\n    state.disabled.value ||\n    target === state.inputRef.value\n  )\n    return;\n  event.preventDefault();\n  state.setOpen(true);\n  state.focusInput();\n}\n</script>\n<template>\n  <div\n    :ref=\"(el) => (state.triggerRef.value = el as HTMLElement)\"\n    :id=\"state.triggerId\"\n    :data-state=\"state.open.value ? 'open' : 'closed'\"\n    @pointerdown=\"activate\"\n    :class=\"\n      cn(\n        'relative z-20 flex h-10 w-full min-w-52 cursor-text items-center justify-between gap-3 px-3 rounded-xl border border-border bg-transparent text-sm text-foreground transition-[border-color] hover:border-(--color-border-strong) focus-within:ring-2 focus-within:ring-foreground/20',\n        state.disabled.value && 'pointer-events-none opacity-50',\n      )\n    \"\n  >\n    <span class=\"min-w-0 flex-1 text-left\"><slot /></span\n    ><ChevronsUpDown\n      :stroke-width=\"2.5\"\n      aria-hidden=\"true\"\n      class=\"size-4 shrink-0 text-muted-foreground\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ChevronsUpDown } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst state = useSearchContext(false, \"ComboboxTrigger\");\nfunction activate(event: PointerEvent) {\n  const target = event.target instanceof Element ? event.target : null;\n  if (\n    event.defaultPrevented ||\n    state.disabled.value ||\n    target === state.inputRef.value\n  )\n    return;\n  event.preventDefault();\n  state.setOpen(true);\n  state.focusInput();\n}\n</script>\n<template>\n  <div\n    :ref=\"(el) => (state.triggerRef.value = el as HTMLElement)\"\n    :id=\"state.triggerId\"\n    :data-state=\"state.open.value ? 'open' : 'closed'\"\n    @pointerdown=\"activate\"\n    :class=\"\n      cn(\n        'relative z-20 flex h-10 w-full min-w-52 cursor-text items-center justify-between gap-3 px-3 rounded-xl border border-border bg-transparent text-sm text-foreground transition-[border-color] hover:border-(--color-border-strong) focus-within:ring-2 focus-within:ring-foreground/20',\n        state.disabled.value && 'pointer-events-none opacity-50',\n      )\n    \"\n  >\n    <span class=\"min-w-0 flex-1 text-left\"><slot /></span\n    ><ChevronsUpDown\n      :stroke-width=\"2.5\"\n      aria-hidden=\"true\"\n      class=\"size-4 shrink-0 text-muted-foreground\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nwithDefaults(defineProps<{ placeholder?: string }>(), {\n  placeholder: \"Select an option\",\n});\ndefineSlots<{\n  default?: (props: {\n    value: string | string[] | undefined;\n    label: string | undefined;\n  }) => any;\n}>();\nconst state = useSearchContext(false, \"ComboboxValue\");\nconst value = computed(() => state.value.value as string | undefined);\nconst label = computed(() => state.labelFor(value.value));\n</script>\n<template>\n  <span\n    :class=\"[\n      'block truncate',\n      value === undefined ? 'text-muted-foreground' : 'text-foreground',\n    ]\"\n    ><slot :value=\"value\" :label=\"label\">{{ label ?? placeholder }}</slot></span\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nwithDefaults(defineProps<{ placeholder?: string }>(), {\n  placeholder: \"Select an option\",\n});\ndefineSlots<{\n  default?: (props: {\n    value: string | string[] | undefined;\n    label: string | undefined;\n  }) => any;\n}>();\nconst state = useSearchContext(false, \"ComboboxValue\");\nconst value = computed(() => state.value.value as string | undefined);\nconst label = computed(() => state.labelFor(value.value));\n</script>\n<template>\n  <span\n    :class=\"[\n      'block truncate',\n      value === undefined ? 'text-muted-foreground' : 'text-foreground',\n    ]\"\n    ><slot :value=\"value\" :label=\"label\">{{ label ?? placeholder }}</slot></span\n  >\n</template>\n","<script setup lang=\"ts\">\nimport SearchSurface from \"../../_combobox/SearchSurface.vue\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst props = withDefaults(\n  defineProps<{\n    side?: \"top\" | \"bottom\";\n    align?: \"start\" | \"center\" | \"end\";\n    sideOffset?: number;\n    avoidCollisions?: boolean;\n  }>(),\n  { side: \"bottom\", align: \"start\", sideOffset: 6, avoidCollisions: true },\n);\nconst surface = useSearchContext(false, \"ComboboxContent\");\n</script>\n<template>\n  <SearchSurface :context=\"surface\" v-bind=\"props\" data-combobox-content=\"\"\n    ><slot\n  /></SearchSurface>\n</template>\n","<script setup lang=\"ts\">\nimport SearchSurface from \"../../_combobox/SearchSurface.vue\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst props = withDefaults(\n  defineProps<{\n    side?: \"top\" | \"bottom\";\n    align?: \"start\" | \"center\" | \"end\";\n    sideOffset?: number;\n    avoidCollisions?: boolean;\n  }>(),\n  { side: \"bottom\", align: \"start\", sideOffset: 6, avoidCollisions: true },\n);\nconst surface = useSearchContext(false, \"ComboboxContent\");\n</script>\n<template>\n  <SearchSurface :context=\"surface\" v-bind=\"props\" data-combobox-content=\"\"\n    ><slot\n  /></SearchSurface>\n</template>\n","<script setup lang=\"ts\">\nimport SearchOption from \"./SearchOption.vue\";\nwithDefaults(\n  defineProps<{\n    value: string;\n    textValue?: string;\n    label?: string;\n    keywords?: string[];\n    disabled?: boolean;\n  }>(),\n  { keywords: () => [] },\n);\nconst emit = defineEmits<{ select: [value: string] }>();\n</script>\n<template>\n  <SearchOption\n    :multiple=\"false\"\n    :value=\"value\"\n    :text-value=\"textValue\"\n    :label=\"label\"\n    :keywords=\"keywords\"\n    :disabled=\"disabled\"\n    @select=\"emit('select', $event)\"\n    ><slot>{ textValue ?? label ?? value }</slot></SearchOption\n  >\n</template>\n","<script setup lang=\"ts\">\nimport SearchOption from \"./SearchOption.vue\";\nwithDefaults(\n  defineProps<{\n    value: string;\n    textValue?: string;\n    label?: string;\n    keywords?: string[];\n    disabled?: boolean;\n  }>(),\n  { keywords: () => [] },\n);\nconst emit = defineEmits<{ select: [value: string] }>();\n</script>\n<template>\n  <SearchOption\n    :multiple=\"false\"\n    :value=\"value\"\n    :text-value=\"textValue\"\n    :label=\"label\"\n    :keywords=\"keywords\"\n    :disabled=\"disabled\"\n    @select=\"emit('select', $event)\"\n    ><slot>{ textValue ?? label ?? value }</slot></SearchOption\n  >\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { Search } from \"lucide-vue-next\";\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nwithDefaults(\n  defineProps<{\n    placeholder?: string;\n    wrapperClassName?: string;\n    showIcon?: boolean;\n  }>(),\n  { placeholder: \"Search…\", showIcon: true },\n);\nconst state = useSearchContext(false, \"ComboboxInput\");\nconst displayed = computed(() =>\n  state.open.value\n    ? state.query.value\n    : (state.labelFor(state.value.value as string) ?? \"\"),\n);\nlet composing = false;\nfunction beginComposition() {\n  composing = true;\n}\nfunction endComposition() {\n  composing = false;\n}\nfunction input(event: Event) {\n  state.setOpen(true);\n  state.setQuery((event.target as HTMLInputElement).value);\n}\nfunction key(event: KeyboardEvent) {\n  if (!composing && !event.isComposing) state.keydown(event);\n}\nfunction pointer(event: PointerEvent) {\n  if (event.defaultPrevented || state.disabled.value || state.open.value)\n    return;\n  event.preventDefault();\n  state.focusInput();\n  state.setOpen(true);\n}\n</script>\n<template>\n  <div :class=\"cn('flex min-w-0 flex-1 items-center gap-2', wrapperClassName)\">\n    <Search\n      v-if=\"showIcon\"\n      aria-hidden=\"true\"\n      class=\"size-4 shrink-0 text-muted-foreground\"\n    />\n    <input\n      v-bind=\"$attrs\"\n      :ref=\"(el) => (state.inputRef.value = el as HTMLInputElement)\"\n      :id=\"state.inputId\"\n      role=\"combobox\"\n      :aria-label=\"($attrs['aria-label'] as string) ?? 'Search options'\"\n      aria-autocomplete=\"list\"\n      :aria-expanded=\"state.open.value\"\n      :aria-controls=\"state.listId\"\n      :aria-activedescendant=\"\n        state.open.value ? state.activeItemId.value : undefined\n      \"\n      autocomplete=\"off\"\n      :disabled=\"state.disabled.value\"\n      :value=\"displayed\"\n      :placeholder=\"placeholder\"\n      @pointerdown=\"pointer\"\n      @focus=\"state.setOpen(true)\"\n      @click=\"state.setOpen(true)\"\n      @input=\"input\"\n      @keydown=\"key\"\n      @compositionstart=\"beginComposition\"\n      @compositionend=\"endComposition\"\n      :class=\"\n        cn(\n          'h-10 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed',\n          $attrs.class as string,\n        )\n      \"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { Search } from \"lucide-vue-next\";\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nwithDefaults(\n  defineProps<{\n    placeholder?: string;\n    wrapperClassName?: string;\n    showIcon?: boolean;\n  }>(),\n  { placeholder: \"Search…\", showIcon: true },\n);\nconst state = useSearchContext(false, \"ComboboxInput\");\nconst displayed = computed(() =>\n  state.open.value\n    ? state.query.value\n    : (state.labelFor(state.value.value as string) ?? \"\"),\n);\nlet composing = false;\nfunction beginComposition() {\n  composing = true;\n}\nfunction endComposition() {\n  composing = false;\n}\nfunction input(event: Event) {\n  state.setOpen(true);\n  state.setQuery((event.target as HTMLInputElement).value);\n}\nfunction key(event: KeyboardEvent) {\n  if (!composing && !event.isComposing) state.keydown(event);\n}\nfunction pointer(event: PointerEvent) {\n  if (event.defaultPrevented || state.disabled.value || state.open.value)\n    return;\n  event.preventDefault();\n  state.focusInput();\n  state.setOpen(true);\n}\n</script>\n<template>\n  <div :class=\"cn('flex min-w-0 flex-1 items-center gap-2', wrapperClassName)\">\n    <Search\n      v-if=\"showIcon\"\n      aria-hidden=\"true\"\n      class=\"size-4 shrink-0 text-muted-foreground\"\n    />\n    <input\n      v-bind=\"$attrs\"\n      :ref=\"(el) => (state.inputRef.value = el as HTMLInputElement)\"\n      :id=\"state.inputId\"\n      role=\"combobox\"\n      :aria-label=\"($attrs['aria-label'] as string) ?? 'Search options'\"\n      aria-autocomplete=\"list\"\n      :aria-expanded=\"state.open.value\"\n      :aria-controls=\"state.listId\"\n      :aria-activedescendant=\"\n        state.open.value ? state.activeItemId.value : undefined\n      \"\n      autocomplete=\"off\"\n      :disabled=\"state.disabled.value\"\n      :value=\"displayed\"\n      :placeholder=\"placeholder\"\n      @pointerdown=\"pointer\"\n      @focus=\"state.setOpen(true)\"\n      @click=\"state.setOpen(true)\"\n      @input=\"input\"\n      @keydown=\"key\"\n      @compositionstart=\"beginComposition\"\n      @compositionend=\"endComposition\"\n      :class=\"\n        cn(\n          'h-10 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed',\n          $attrs.class as string,\n        )\n      \"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst state = useSearchContext(false, \"ComboboxEmpty\");\nconst empty = computed(() => state.visibleCount.value === 0);\n</script>\n<template>\n  <div\n    v-if=\"empty\"\n    role=\"status\"\n    class=\"px-3 py-8 text-center text-sm text-muted-foreground\"\n  >\n    <slot>No options found.</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst state = useSearchContext(false, \"ComboboxEmpty\");\nconst empty = computed(() => state.visibleCount.value === 0);\n</script>\n<template>\n  <div\n    v-if=\"empty\"\n    role=\"status\"\n    class=\"px-3 py-8 text-center text-sm text-muted-foreground\"\n  >\n    <slot>No options found.</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst props = withDefaults(defineProps<{ ariaLabel?: string }>(), {\n  ariaLabel: \"Options\",\n});\nconst state = useSearchContext(false, \"ComboboxList\");\n</script>\n<template>\n  <div\n    :id=\"state.listId\"\n    role=\"listbox\"\n    :aria-label=\"props.ariaLabel\"\n    class=\"relative isolate max-h-64 overflow-y-auto overscroll-contain p-1.5 [-ms-overflow-style:none] scrollbar-none [&::-webkit-scrollbar]:hidden\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useSearchContext } from \"../../_combobox/controller\";\nconst props = withDefaults(defineProps<{ ariaLabel?: string }>(), {\n  ariaLabel: \"Options\",\n});\nconst state = useSearchContext(false, \"ComboboxList\");\n</script>\n<template>\n  <div\n    :id=\"state.listId\"\n    role=\"listbox\"\n    :aria-label=\"props.ariaLabel\"\n    class=\"relative isolate max-h-64 overflow-y-auto overscroll-contain p-1.5 [-ms-overflow-style:none] scrollbar-none [&::-webkit-scrollbar]:hidden\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useId } from \"vue\";\nimport {\n  useSearchContext,\n  ComboboxGroupContext,\n} from \"../../_combobox/controller\";\nconst id = useId();\nconst state = useSearchContext(false, \"ComboboxGroup\");\nprovide(ComboboxGroupContext, id);\nconst hidden = computed(() => !state.hasVisibleItems(id));\n</script>\n<template>\n  <fieldset :hidden=\"hidden\" class=\"m-0 min-w-0 border-0 p-0 py-0.5\">\n    <slot />\n  </fieldset>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useId } from \"vue\";\nimport {\n  useSearchContext,\n  ComboboxGroupContext,\n} from \"../../_combobox/controller\";\nconst id = useId();\nconst state = useSearchContext(false, \"ComboboxGroup\");\nprovide(ComboboxGroupContext, id);\nconst hidden = computed(() => !state.hasVisibleItems(id));\n</script>\n<template>\n  <fieldset :hidden=\"hidden\" class=\"m-0 min-w-0 border-0 p-0 py-0.5\">\n    <slot />\n  </fieldset>\n</template>\n","<script setup lang=\"ts\">\nimport { inject } from \"vue\";\nimport { ComboboxGroupContext } from \"../../_combobox/controller\";\nconst group = inject(ComboboxGroupContext, undefined);\n</script>\n<template>\n  <legend\n    v-if=\"group\"\n    class=\"w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground\"\n  >\n    <slot />\n  </legend>\n  <div\n    v-else\n    class=\"w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { inject } from \"vue\";\nimport { ComboboxGroupContext } from \"../../_combobox/controller\";\nconst group = inject(ComboboxGroupContext, undefined);\n</script>\n<template>\n  <legend\n    v-if=\"group\"\n    class=\"w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground\"\n  >\n    <slot />\n  </legend>\n  <div\n    v-else\n    class=\"w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground\"\n  >\n    <slot />\n  </div>\n</template>\n","<template>\n  <div aria-hidden=\"true\" class=\"-mx-1 my-1 h-px bg-border\"></div>\n</template>\n"],"mappings":"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"}

package/dist/command-palette-ckKWQmmD.js

@@ -0,0 +1,270 @@
+import { a as e, s as t } from "./composables-BJ1sih_H.js";
+import { r as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { i, r as a, t as o } from "./shared-DAEawhBJ.js";
+import { t as s } from "./search-cursor-DEEZMunN.js";
+import { Fragment as c, Teleport as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, isRef as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as ee, toDisplayString as E, unref as D, useId as O, vModelText as k, watch as A, withCtx as te, withDirectives as j } from "vue";
+import { animate as M, motion as N, useMotionValue as P } from "motion-v";
+import { Search as ne } from "lucide-vue-next";
+// src/blocks/command-palette/src/search.ts
+var F = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2").normalize("NFKD").replace(/\p{M}/gu, "").toLowerCase().replace(/[^\p{L}\p{N}]+/gu, " ").trim();
+function I(e, t) {
+	return t.words.includes(e) ? 100 : t.words.some((t) => t.startsWith(e)) ? 80 : t.text.includes(e) ? 60 : e.length < 3 ? 0 : t.words.some((t) => {
+		if (t.length - e.length > 2) return !1;
+		let n = 0;
+		for (let r of t) r === e[n] && n++;
+		return n === e.length;
+	}) ? 20 : 0;
+}
+function L(e, t) {
+	let n = F(t);
+	if (!n) return e;
+	let r = n.split(/\s+/), i = [];
+	return e.forEach((e, t) => {
+		let a = [
+			e.label,
+			e.group ?? "",
+			...e.keywords ?? []
+		].map(F), o = a.map((e, t) => ({
+			text: e,
+			words: e.split(" "),
+			label: t === 0
+		})), s = a[0] === n ? 1e4 : a.slice(2).includes(n) ? 5e3 : a[0].startsWith(n) ? 2e3 : 0;
+		for (let e of r) {
+			let t = 0;
+			for (let n of o) {
+				let r = I(e, n);
+				r && (t = Math.max(t, r + (n.label ? 40 : 0)));
+			}
+			if (!t) return;
+			s += t;
+		}
+		i.push({
+			item: e,
+			score: s,
+			order: t
+		});
+	}), i.sort((e, t) => t.score - e.score || e.order - t.order), i.map(({ item: e }) => e);
+}
+// src/blocks/command-palette/src/use-commands.ts
+function R(e, t, n) {
+	let r = w(""), a = w(), o = w(), c = w(), l = u(() => L(e.items.filter((e) => !e.disabled), r.value)), d = u(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of l.value) {
+			let n = t.group ?? "Results", r = e.get(n);
+			r ? r.push(t) : e.set(n, [t]);
+		}
+		return [...e];
+	}), f = u(() => d.value.flatMap(([, e]) => e)), p = u(() => e.items.some((e) => e.icon)), { active: m, moveTo: h, moveActive: g } = s(f, r);
+	A(t, (e) => {
+		e && (r.value = "", h(null));
+	}), A([m, t], () => {
+		t.value && v(() => c.value?.querySelector(`[data-index="${m.value}"]`)?.scrollIntoView?.({ block: "nearest" }));
+	}), i(t, a, () => o.value);
+	function _(e) {
+		e && (e.onSelect?.(), n(e), t.value = !1);
+	}
+	function y(e) {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), g(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Enter" && (e.preventDefault(), _(f.value[m.value]));
+	}
+	function b(n) {
+		(n.metaKey || n.ctrlKey) && n.key.toLowerCase() === e.shortcut.toLowerCase() && (n.preventDefault(), t.value = !t.value);
+	}
+	return S(() => window.addEventListener("keydown", b)), x(() => window.removeEventListener("keydown", b)), {
+		query: r,
+		root: a,
+		input: o,
+		list: c,
+		grouped: d,
+		rows: f,
+		hasIcons: p,
+		active: m,
+		moveTo: h,
+		select: _,
+		keydown: y
+	};
+}
+// src/blocks/command-palette/src/use-command-surface.ts
+var z = {
+	type: "spring",
+	stiffness: 560,
+	damping: 40,
+	mass: .5
+};
+function B(e, t) {
+	let r = w(e.value), i = P(+!!e.value), a = P(+!!e.value), o = P(0), s = P(1), c = [], l = 0;
+	function u() {
+		c.forEach((e) => e.stop()), c = [];
+	}
+	return A(e, async (d) => {
+		let f = ++l;
+		if (u(), d && (i.jump(0), a.jump(0), o.jump(t.value ? 0 : -8), s.jump(t.value ? 1 : .97), r.value = !0, await v(), f !== l)) return;
+		let p = d ? t.value ? { duration: .1 } : z : {
+			duration: .12,
+			ease: n
+		};
+		c = [
+			M(i, +!!d, {
+				...p,
+				onComplete: () => {
+					!d && f === l && !e.value && (r.value = !1);
+				}
+			}),
+			M(a, +!!d, {
+				duration: d ? .18 : .12,
+				ease: n
+			}),
+			M(o, d || t.value ? 0 : -8, p),
+			M(s, d || t.value ? 1 : .97, p)
+		];
+	}, { flush: "sync" }), x(() => {
+		++l, u();
+	}), {
+		present: r,
+		opacity: i,
+		backdropOpacity: a,
+		y: o,
+		scale: s
+	};
+}
+// src/blocks/command-palette/src/CommandPalette.vue?vue&type=script&setup=true&lang.ts
+var V = ["inert", "aria-hidden"], H = { class: "pointer-events-none fixed inset-x-4 bottom-4 top-[18vh] z-[100] flex items-start justify-center" }, U = { class: "flex items-center gap-3 border-b border-border px-4" }, W = [
+	"placeholder",
+	"aria-controls",
+	"aria-activedescendant"
+], G = ["id"], K = {
+	key: 0,
+	class: "p-8 text-center text-sm text-muted-foreground"
+}, q = {
+	"aria-hidden": "true",
+	class: "px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground"
+}, J = [
+	"id",
+	"aria-selected",
+	"data-index",
+	"onMouseenter",
+	"onClick"
+], Y = {
+	key: 1,
+	class: "relative z-10 [&_svg]:size-4"
+}, X = {
+	key: 2,
+	class: "relative z-10 h-4 w-4"
+}, re = { class: "relative z-10 flex-1 truncate" }, ie = {
+	key: 3,
+	class: "relative z-10 shrink-0"
+}, ae = {
+	key: 4,
+	class: "relative z-10 rounded border border-border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground"
+}, Z = /* @__PURE__ */ g({
+	__name: "CommandPalette",
+	props: {
+		items: {},
+		shortcut: { default: "k" },
+		placeholder: { default: "Type a command or search…" },
+		emptyMessage: { default: "No results found." },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:open",
+		"openChange",
+		"select"
+	],
+	setup(n, { emit: i }) {
+		let s = n, u = i, g = a(() => s.open, s.defaultOpen, (e) => {
+			u("update:open", e), u("openChange", e);
+		}), v = t(), x = e("(pointer: coarse)"), S = O(), { query: w, root: A, input: M, list: P, grouped: F, rows: I, hasIcons: L, active: z, moveTo: Z, select: Q, keydown: oe } = R(s, g, (e) => u("select", e)), { present: $, opacity: se, backdropOpacity: ce, y: le, scale: ue } = B(g, v);
+		return (e, t) => (C(), p(c, null, [ee(e.$slots, "trigger", { open: () => g.value = !0 }), (C(), d(l, {
+			to: "body",
+			disabled: !D($)
+		}, [D($) ? (C(), p("div", {
+			key: 0,
+			class: "contents",
+			inert: !D(g),
+			"aria-hidden": !D(g)
+		}, [h(D(N).button, {
+			type: "button",
+			tabindex: "-1",
+			"aria-label": "Close command palette",
+			style: b({ opacity: D(ce) }),
+			class: "pointer-events-auto fixed inset-0 z-[100] bg-background/5 [backdrop-filter:blur(12px)_saturate(140%)] [-webkit-backdrop-filter:blur(12px)_saturate(140%)]",
+			onClick: t[0] ||= (e) => g.value = !1
+		}, null, 8, ["style"]), m("div", H, [h(D(N).div, {
+			ref_key: "root",
+			ref: A,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Command palette",
+			style: b({
+				opacity: D(se),
+				y: D(le),
+				scale: D(ue)
+			}),
+			class: "pointer-events-auto w-full max-w-xl overflow-hidden rounded-2xl border border-border bg-background shadow-2xl will-change-transform",
+			onKeydown: D(oe)
+		}, {
+			default: te(() => [m("div", U, [
+				h(D(ne), { class: "h-4 w-4 text-muted-foreground" }),
+				j(m("input", {
+					ref_key: "input",
+					ref: M,
+					"onUpdate:modelValue": t[1] ||= (e) => _(w) ? w.value = e : null,
+					placeholder: n.placeholder,
+					role: "combobox",
+					"aria-expanded": "true",
+					"aria-controls": D(S) + "-list",
+					"aria-activedescendant": D(I).length ? D(S) + "-opt-" + D(z) : void 0,
+					"aria-autocomplete": "list",
+					class: y(D(r)("h-12 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground", D(x) ? "text-base" : ""))
+				}, null, 10, W), [[k, D(w)]]),
+				t[2] ||= m("kbd", { class: "hidden rounded border border-border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground sm:inline-block" }, "ESC", -1)
+			]), m("div", {
+				ref_key: "list",
+				ref: P,
+				id: D(S) + "-list",
+				role: "listbox",
+				"aria-label": "Commands",
+				class: "max-h-[60vh] overflow-y-auto overscroll-contain p-2 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+			}, [D(I).length ? f("", !0) : (C(), p("div", K, E(n.emptyMessage), 1)), (C(!0), p(c, null, T(D(F), ([e, t]) => (C(), p("div", {
+				key: e,
+				class: "mb-1 last:mb-0"
+			}, [m("div", q, E(e), 1), (C(!0), p(c, null, T(t, (e) => (C(), p("button", {
+				key: e.id,
+				type: "button",
+				id: D(S) + "-opt-" + D(I).indexOf(e),
+				role: "option",
+				"aria-selected": D(I).indexOf(e) === D(z),
+				"data-index": D(I).indexOf(e),
+				class: y(D(r)("relative isolate flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring", D(I).indexOf(e) === D(z) ? "text-foreground" : "text-muted-foreground")),
+				onMouseenter: (t) => D(Z)(e.id),
+				onClick: (t) => D(Q)(e)
+			}, [
+				D(I).indexOf(e) === D(z) ? (C(), d(D(N).span, {
+					key: 0,
+					"layout-id": D(S) + "-active",
+					class: "absolute inset-0 z-0 rounded-md bg-muted",
+					transition: D(v) ? { duration: 0 } : {
+						type: "spring",
+						stiffness: 480,
+						damping: 38
+					}
+				}, null, 8, ["layout-id", "transition"])) : f("", !0),
+				e.icon ? (C(), p("span", Y, [h(D(o), { node: e.icon }, null, 8, ["node"])])) : D(L) ? (C(), p("span", X)) : f("", !0),
+				m("span", re, E(e.label), 1),
+				e.badge ? (C(), p("span", ie, [h(D(o), { node: e.badge }, null, 8, ["node"])])) : f("", !0),
+				e.hint ? (C(), p("kbd", ae, E(e.hint), 1)) : f("", !0)
+			], 42, J))), 128))]))), 128))], 8, G)]),
+			_: 1
+		}, 8, ["style", "onKeydown"])])], 8, V)) : f("", !0)], 8, ["disabled"]))], 64));
+	}
+});
+export { Z as t };
+
+//# sourceMappingURL=command-palette-ckKWQmmD.js.map

package/dist/command-palette-ckKWQmmD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-ckKWQmmD.js","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createBlock","_Teleport","_unref","_createVNode","_normalizeStyle","_createElementVNode","_withCtx","_withDirectives","_isRef","_normalizeClass","_vModelText","_toDisplayString","_createCommentVNode","_renderList","_sfc_main","useMediaQuery","useReducedMotion","EASE_OUT","cn","useControllable","RenderNode","useSearchCursor","fold","text","match","field","word","part","candidate","at","char","searchCommands","query","items","tokens","ranked","names","item","fields","value","index","score","token","best","relevance","b","a","useCommands","ref","root","input","list","matches","computed","options","grouped","groups","name","members","rows","hasIcons","watch","open","visible","moveTo","active","nextTick","useDialog","select","selected","keydown","event","moveActive","shortcut","onMounted","onBeforeUnmount","COMMAND_PANEL_SPRING","useCommandSurface","present","opacity","useMotionValue","backdropOpacity","y","scale","animations","revision","stop","animation","opened","reduce","transition","animate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","CommandPalette_default","defineComponent","__emit","props","__props","emit","touch","id","useId","openBlock","createElementBlock","Fragment","renderSlot","_ctx","createBlock","Teleport","unref","createVNode","motion","normalizeStyle","_cache","createElementVNode","withCtx","Search","withDirectives","isRef","$event","normalizeClass","vModelText","createCommentVNode","toDisplayString","renderList","group"],"sources":["../src/blocks/command-palette/src/search.ts","../src/blocks/command-palette/src/use-commands.ts","../src/blocks/command-palette/src/use-command-surface.ts","../src/blocks/command-palette/src/CommandPalette.vue","../src/blocks/command-palette/src/CommandPalette.vue"],"sourcesContent":["export type SearchableCommand = {\n  label: string;\n  group?: string;\n  keywords?: string[];\n};\n\ntype Field = { text: string; words: string[]; label: boolean };\nconst fold = (text: string) =>\n  text\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .normalize(\"NFKD\")\n    .replace(/\\p{M}/gu, \"\")\n    .toLowerCase()\n    .replace(/[^\\p{L}\\p{N}]+/gu, \" \")\n    .trim();\n\nfunction match(word: string, field: Field) {\n  if (field.words.includes(word)) return 100;\n  if (field.words.some((part) => part.startsWith(word))) return 80;\n  if (field.text.includes(word)) return 60;\n  if (word.length < 3) return 0;\n  const abbreviation = field.words.some((candidate) => {\n    if (candidate.length - word.length > 2) return false;\n    let at = 0;\n    for (const char of candidate) if (char === word[at]) at++;\n    return at === word.length;\n  });\n  return abbreviation ? 20 : 0;\n}\n\nexport function searchCommands<T extends SearchableCommand>(\n  items: T[],\n  query: string,\n): T[] {\n  const text = fold(query);\n  if (!text) return items;\n  const tokens = text.split(/\\s+/);\n  const ranked: { item: T; score: number; order: number }[] = [];\n  items.forEach((item, order) => {\n    const names = [item.label, item.group ?? \"\", ...(item.keywords ?? [])].map(\n      fold,\n    );\n    const fields = names.map((value, index): Field => ({\n      text: value,\n      words: value.split(\" \"),\n      label: index === 0,\n    }));\n    let score =\n      names[0] === text\n        ? 10000\n        : names.slice(2).includes(text)\n          ? 5000\n          : names[0].startsWith(text)\n            ? 2000\n            : 0;\n    for (const token of tokens) {\n      let best = 0;\n      for (const field of fields) {\n        const relevance = match(token, field);\n        if (relevance)\n          best = Math.max(best, relevance + (field.label ? 40 : 0));\n      }\n      if (!best) return;\n      score += best;\n    }\n    ranked.push({ item, score, order });\n  });\n  ranked.sort((a, b) => b.score - a.score || a.order - b.order);\n  return ranked.map(({ item }) => item);\n}\n","import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type Ref,\n} from \"vue\";\nimport { useDialog } from \"../../shared\";\nimport { useSearchCursor } from \"../../search-cursor\";\nimport { searchCommands } from \"./search\";\nimport type { CommandItem } from \"./CommandPalette.vue\";\nexport function useCommands(\n  options: { items: CommandItem[]; shortcut: string },\n  open: Ref<boolean>,\n  selected: (item: CommandItem) => void,\n) {\n  const query = ref(\"\"),\n    root = ref<HTMLElement>(),\n    input = ref<HTMLInputElement>(),\n    list = ref<HTMLDivElement>();\n  const matches = computed(() =>\n    searchCommands(\n      options.items.filter((item) => !item.disabled),\n      query.value,\n    ),\n  );\n  const grouped = computed(() => {\n    const groups = new Map<string, CommandItem[]>();\n    for (const item of matches.value) {\n      const name = item.group ?? \"Results\";\n      const members = groups.get(name);\n      if (members) members.push(item);\n      else groups.set(name, [item]);\n    }\n    return [...groups];\n  });\n  const rows = computed(() => grouped.value.flatMap(([, items]) => items));\n  const hasIcons = computed(() => options.items.some((item) => item.icon));\n  const { active, moveTo, moveActive } = useSearchCursor(rows, query);\n  watch(open, (visible) => {\n    if (visible) {\n      query.value = \"\";\n      moveTo(null);\n    }\n  });\n  watch([active, open], () => {\n    if (open.value)\n      void nextTick(() =>\n        list.value\n          ?.querySelector<HTMLElement>(`[data-index=\"${active.value}\"]`)\n          ?.scrollIntoView?.({ block: \"nearest\" }),\n      );\n  });\n  useDialog(open, root, () => input.value);\n  function select(item?: CommandItem) {\n    if (!item) return;\n    item.onSelect?.();\n    selected(item);\n    open.value = false;\n  }\n  function keydown(event: KeyboardEvent) {\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      moveActive(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if (event.key === \"Enter\") {\n      event.preventDefault();\n      select(rows.value[active.value]);\n    }\n  }\n  function shortcut(event: KeyboardEvent) {\n    if (\n      (event.metaKey || event.ctrlKey) &&\n      event.key.toLowerCase() === options.shortcut.toLowerCase()\n    ) {\n      event.preventDefault();\n      open.value = !open.value;\n    }\n  }\n  onMounted(() => window.addEventListener(\"keydown\", shortcut));\n  onBeforeUnmount(() => window.removeEventListener(\"keydown\", shortcut));\n  return {\n    query,\n    root,\n    input,\n    list,\n    grouped,\n    rows,\n    hasIcons,\n    active,\n    moveTo,\n    select,\n    keydown,\n  };\n}\n","import { nextTick, onBeforeUnmount, ref, watch, type Ref } from \"vue\";\nimport { animate, useMotionValue } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\n\nconst COMMAND_PANEL_SPRING = {\n  type: \"spring\",\n  stiffness: 560,\n  damping: 40,\n  mass: 0.5,\n} as const;\n\nexport function useCommandSurface(open: Ref<boolean>, reduce: Ref<boolean>) {\n  const present = ref(open.value);\n  const opacity = useMotionValue(open.value ? 1 : 0);\n  const backdropOpacity = useMotionValue(open.value ? 1 : 0);\n  const y = useMotionValue(0),\n    scale = useMotionValue(1);\n  let animations: ReturnType<typeof animate>[] = [];\n  let revision = 0;\n  function stop() {\n    animations.forEach((animation) => animation.stop());\n    animations = [];\n  }\n  watch(\n    open,\n    async (opened) => {\n      const token = ++revision;\n      stop();\n      if (opened) {\n        opacity.jump(0);\n        backdropOpacity.jump(0);\n        y.jump(reduce.value ? 0 : -8);\n        scale.jump(reduce.value ? 1 : 0.97);\n        present.value = true;\n        await nextTick();\n        if (token !== revision) return;\n      }\n      // Drive opacity directly so native animation cleanup cannot restore zero\n      // for a frame when the opening spring finishes.\n      const transition = opened\n        ? reduce.value\n          ? { duration: 0.1 }\n          : COMMAND_PANEL_SPRING\n        : { duration: 0.12, ease: EASE_OUT };\n      animations = [\n        animate(opacity, opened ? 1 : 0, {\n          ...transition,\n          onComplete: () => {\n            if (!opened && token === revision && !open.value)\n              present.value = false;\n          },\n        }),\n        animate(backdropOpacity, opened ? 1 : 0, {\n          duration: opened ? 0.18 : 0.12,\n          ease: EASE_OUT,\n        }),\n        animate(y, opened || reduce.value ? 0 : -8, transition),\n        animate(scale, opened || reduce.value ? 1 : 0.97, transition),\n      ];\n    },\n    { flush: \"sync\" },\n  );\n  onBeforeUnmount(() => {\n    ++revision;\n    stop();\n  });\n  return { present, opacity, backdropOpacity, y, scale };\n}\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Search } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useCommands } from \"./use-commands\";\nimport { useCommandSurface } from \"./use-command-surface\";\nexport interface CommandItem {\n  id: string;\n  label: string;\n  group?: string;\n  hint?: string;\n  keywords?: string[];\n  icon?: Content;\n  badge?: Content;\n  onSelect?: () => void;\n  disabled?: boolean;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: CommandItem[];\n    shortcut?: string;\n    placeholder?: string;\n    emptyMessage?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n  }>(),\n  {\n    open: undefined,\n    shortcut: \"k\",\n    placeholder: \"Type a command or search…\",\n    emptyMessage: \"No results found.\",\n    defaultOpen: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  select: [item: CommandItem];\n}>();\nconst open = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst reduce = useReducedMotion(),\n  touch = useMediaQuery(\"(pointer: coarse)\"),\n  id = useId();\nconst {\n  query,\n  root,\n  input,\n  list,\n  grouped,\n  rows,\n  hasIcons,\n  active,\n  moveTo,\n  select,\n  keydown,\n} = useCommands(props, open, (item) => emit(\"select\", item));\nconst { present, opacity, backdropOpacity, y, scale } = useCommandSurface(\n  open,\n  reduce,\n);\n</script>\n<template>\n  <slot name=\"trigger\" :open=\"() => (open = true)\" />\n  <Teleport to=\"body\" :disabled=\"!present\"\n    ><div v-if=\"present\" class=\"contents\" :inert=\"!open\" :aria-hidden=\"!open\">\n      <motion.button\n        type=\"button\"\n        tabindex=\"-1\"\n        aria-label=\"Close command palette\"\n        :style=\"{ opacity: backdropOpacity }\"\n        class=\"pointer-events-auto fixed inset-0 z-[100] bg-background/5 [backdrop-filter:blur(12px)_saturate(140%)] [-webkit-backdrop-filter:blur(12px)_saturate(140%)]\"\n        @click=\"open = false\"\n      />\n      <div\n        class=\"pointer-events-none fixed inset-x-4 bottom-4 top-[18vh] z-[100] flex items-start justify-center\"\n      >\n        <motion.div\n          ref=\"root\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command palette\"\n          :style=\"{ opacity, y, scale }\"\n          class=\"pointer-events-auto w-full max-w-xl overflow-hidden rounded-2xl border border-border bg-background shadow-2xl will-change-transform\"\n          @keydown=\"keydown\"\n        >\n          <div class=\"flex items-center gap-3 border-b border-border px-4\">\n            <Search class=\"h-4 w-4 text-muted-foreground\" /><input\n              ref=\"input\"\n              v-model=\"query\"\n              :placeholder=\"placeholder\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              :aria-controls=\"id + '-list'\"\n              :aria-activedescendant=\"\n                rows.length ? id + '-opt-' + active : undefined\n              \"\n              aria-autocomplete=\"list\"\n              :class=\"\n                cn(\n                  'h-12 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground',\n                  touch ? 'text-base' : '',\n                )\n              \"\n            /><kbd\n              class=\"hidden rounded border border-border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground sm:inline-block\"\n              >ESC</kbd\n            >\n          </div>\n          <div\n            ref=\"list\"\n            :id=\"id + '-list'\"\n            role=\"listbox\"\n            aria-label=\"Commands\"\n            class=\"max-h-[60vh] overflow-y-auto overscroll-contain p-2 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n          >\n            <div\n              v-if=\"!rows.length\"\n              class=\"p-8 text-center text-sm text-muted-foreground\"\n            >\n              {{ emptyMessage }}\n            </div>\n            <div\n              v-for=\"[group, members] in grouped\"\n              :key=\"group\"\n              class=\"mb-1 last:mb-0\"\n            >\n              <div\n                aria-hidden=\"true\"\n                class=\"px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\"\n              >\n                {{ group }}\n              </div>\n              <button\n                v-for=\"item in members\"\n                :key=\"item.id\"\n                type=\"button\"\n                :id=\"id + '-opt-' + rows.indexOf(item)\"\n                role=\"option\"\n                :aria-selected=\"rows.indexOf(item) === active\"\n                :data-index=\"rows.indexOf(item)\"\n                :class=\"\n                  cn(\n                    'relative isolate flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n                    rows.indexOf(item) === active\n                      ? 'text-foreground'\n                      : 'text-muted-foreground',\n                  )\n                \"\n                @mouseenter=\"moveTo(item.id)\"\n                @click=\"select(item)\"\n              >\n                <motion.span\n                  v-if=\"rows.indexOf(item) === active\"\n                  :layout-id=\"id + '-active'\"\n                  class=\"absolute inset-0 z-0 rounded-md bg-muted\"\n                  :transition=\"\n                    reduce\n                      ? { duration: 0 }\n                      : { type: 'spring', stiffness: 480, damping: 38 }\n                  \"\n                /><span v-if=\"item.icon\" class=\"relative z-10 [&_svg]:size-4\"\n                  ><RenderNode :node=\"item.icon\" /></span\n                ><span\n                  v-else-if=\"hasIcons\"\n                  class=\"relative z-10 h-4 w-4\"\n                /><span class=\"relative z-10 flex-1 truncate\">{{\n                  item.label\n                }}</span\n                ><span v-if=\"item.badge\" class=\"relative z-10 shrink-0\"\n                  ><RenderNode :node=\"item.badge\" /></span\n                ><kbd\n                  v-if=\"item.hint\"\n                  class=\"relative z-10 rounded border border-border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n                  >{{ item.hint }}</kbd\n                >\n              </button>\n            </div>\n          </div>\n        </motion.div>\n      </div>\n    </div></Teleport\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Search } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useCommands } from \"./use-commands\";\nimport { useCommandSurface } from \"./use-command-surface\";\nexport interface CommandItem {\n  id: string;\n  label: string;\n  group?: string;\n  hint?: string;\n  keywords?: string[];\n  icon?: Content;\n  badge?: Content;\n  onSelect?: () => void;\n  disabled?: boolean;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: CommandItem[];\n    shortcut?: string;\n    placeholder?: string;\n    emptyMessage?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n  }>(),\n  {\n    open: undefined,\n    shortcut: \"k\",\n    placeholder: \"Type a command or search…\",\n    emptyMessage: \"No results found.\",\n    defaultOpen: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  select: [item: CommandItem];\n}>();\nconst open = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst reduce = useReducedMotion(),\n  touch = useMediaQuery(\"(pointer: coarse)\"),\n  id = useId();\nconst {\n  query,\n  root,\n  input,\n  list,\n  grouped,\n  rows,\n  hasIcons,\n  active,\n  moveTo,\n  select,\n  keydown,\n} = useCommands(props, open, (item) => emit(\"select\", item));\nconst { present, opacity, backdropOpacity, y, scale } = useCommandSurface(\n  open,\n  reduce,\n);\n</script>\n<template>\n  <slot name=\"trigger\" :open=\"() => (open = true)\" />\n  <Teleport to=\"body\" :disabled=\"!present\"\n    ><div v-if=\"present\" class=\"contents\" :inert=\"!open\" :aria-hidden=\"!open\">\n      <motion.button\n        type=\"button\"\n        tabindex=\"-1\"\n        aria-label=\"Close command palette\"\n        :style=\"{ opacity: backdropOpacity }\"\n        class=\"pointer-events-auto fixed inset-0 z-[100] bg-background/5 [backdrop-filter:blur(12px)_saturate(140%)] [-webkit-backdrop-filter:blur(12px)_saturate(140%)]\"\n        @click=\"open = false\"\n      />\n      <div\n        class=\"pointer-events-none fixed inset-x-4 bottom-4 top-[18vh] z-[100] flex items-start justify-center\"\n      >\n        <motion.div\n          ref=\"root\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command palette\"\n          :style=\"{ opacity, y, scale }\"\n          class=\"pointer-events-auto w-full max-w-xl overflow-hidden rounded-2xl border border-border bg-background shadow-2xl will-change-transform\"\n          @keydown=\"keydown\"\n        >\n          <div class=\"flex items-center gap-3 border-b border-border px-4\">\n            <Search class=\"h-4 w-4 text-muted-foreground\" /><input\n              ref=\"input\"\n              v-model=\"query\"\n              :placeholder=\"placeholder\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              :aria-controls=\"id + '-list'\"\n              :aria-activedescendant=\"\n                rows.length ? id + '-opt-' + active : undefined\n              \"\n              aria-autocomplete=\"list\"\n              :class=\"\n                cn(\n                  'h-12 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground',\n                  touch ? 'text-base' : '',\n                )\n              \"\n            /><kbd\n              class=\"hidden rounded border border-border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground sm:inline-block\"\n              >ESC</kbd\n            >\n          </div>\n          <div\n            ref=\"list\"\n            :id=\"id + '-list'\"\n            role=\"listbox\"\n            aria-label=\"Commands\"\n            class=\"max-h-[60vh] overflow-y-auto overscroll-contain p-2 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n          >\n            <div\n              v-if=\"!rows.length\"\n              class=\"p-8 text-center text-sm text-muted-foreground\"\n            >\n              {{ emptyMessage }}\n            </div>\n            <div\n              v-for=\"[group, members] in grouped\"\n              :key=\"group\"\n              class=\"mb-1 last:mb-0\"\n            >\n              <div\n                aria-hidden=\"true\"\n                class=\"px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\"\n              >\n                {{ group }}\n              </div>\n              <button\n                v-for=\"item in members\"\n                :key=\"item.id\"\n                type=\"button\"\n                :id=\"id + '-opt-' + rows.indexOf(item)\"\n                role=\"option\"\n                :aria-selected=\"rows.indexOf(item) === active\"\n                :data-index=\"rows.indexOf(item)\"\n                :class=\"\n                  cn(\n                    'relative isolate flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n                    rows.indexOf(item) === active\n                      ? 'text-foreground'\n                      : 'text-muted-foreground',\n                  )\n                \"\n                @mouseenter=\"moveTo(item.id)\"\n                @click=\"select(item)\"\n              >\n                <motion.span\n                  v-if=\"rows.indexOf(item) === active\"\n                  :layout-id=\"id + '-active'\"\n                  class=\"absolute inset-0 z-0 rounded-md bg-muted\"\n                  :transition=\"\n                    reduce\n                      ? { duration: 0 }\n                      : { type: 'spring', stiffness: 480, damping: 38 }\n                  \"\n                /><span v-if=\"item.icon\" class=\"relative z-10 [&_svg]:size-4\"\n                  ><RenderNode :node=\"item.icon\" /></span\n                ><span\n                  v-else-if=\"hasIcons\"\n                  class=\"relative z-10 h-4 w-4\"\n                /><span class=\"relative z-10 flex-1 truncate\">{{\n                  item.label\n                }}</span\n                ><span v-if=\"item.badge\" class=\"relative z-10 shrink-0\"\n                  ><RenderNode :node=\"item.badge\" /></span\n                ><kbd\n                  v-if=\"item.hint\"\n                  class=\"relative z-10 rounded border border-border bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n                  >{{ item.hint }}</kbd\n                >\n              </button>\n            </div>\n          </div>\n        </motion.div>\n      </div>\n    </div></Teleport\n  >\n</template>\n"],"mappings":"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"}