@orvui/vue 0.0.0-stage → 0.1.0

package/dist/multi-select-DquETzls.js

@@ -0,0 +1,312 @@
+import { o as e, r as t, u as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./_plugin-vue_export-helper-Djzt4Yr7.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { a, n as o, o as s, s as c, t as l, u } from "./SearchOption-y97v-iri.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, inject as b, mergeProps as x, normalizeClass as S, openBlock as C, provide as w, renderList as ee, renderSlot as T, toDisplayString as E, unref as D, useId as O, withCtx as k, withModifiers as A } from "vue";
+import { AnimatePresence as j, motion as M } from "motion-v";
+import { ChevronsUpDown as N, Search as P, X as F } from "lucide-vue-next";
+// src/motion/multi-select/src/MultiSelect.vue?vue&type=script&setup=true&lang.ts
+var I = { class: "relative" }, L = /* @__PURE__ */ y({
+	__name: "MultiSelect",
+	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 = c(e, t, !0);
+		return w(a, n), (e, t) => (C(), h("div", I, [T(e.$slots, "default", {
+			value: D(n).value.value,
+			open: D(n).open.value,
+			query: D(n).query.value
+		})]));
+	}
+}), R = ["id", "data-state"], z = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, B = /* @__PURE__ */ y({
+	__name: "MultiSelectTrigger",
+	setup(e) {
+		let t = u(!0, "MultiSelectTrigger");
+		function n(e) {
+			let n = e.target instanceof Element ? e.target : null;
+			e.defaultPrevented || t.disabled.value || n === t.inputRef.value || n?.closest("[data-multi-select-remove]") || (e.preventDefault(), t.setOpen(!0), t.focusInput());
+		}
+		return (e, r) => (C(), h("div", {
+			ref: (e) => D(t).triggerRef.value = e,
+			id: D(t).triggerId,
+			"data-state": D(t).open.value ? "open" : "closed",
+			onPointerdown: n,
+			class: S(D(i)("relative z-20 flex min-h-11 w-full min-w-52 cursor-text items-center gap-2 px-2.5 py-1.5 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", D(t).disabled.value && "pointer-events-none opacity-50"))
+		}, [g("div", z, [T(e.$slots, "default")]), v(D(N), {
+			"aria-hidden": "true",
+			class: "size-4 shrink-0 text-muted-foreground"
+		})], 42, R));
+	}
+}), V = { class: "contents" }, H = {
+	key: "placeholder",
+	class: "text-muted-foreground"
+}, U = { class: "truncate" }, te = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], W = /* @__PURE__ */ y({
+	__name: "MultiSelectValue",
+	props: {
+		placeholder: { default: "Select options" },
+		chipClassName: {}
+	},
+	setup(r) {
+		let a = u(!0, "MultiSelectValue"), o = {
+			opacity: 1,
+			clipPath: "inset(0 0 0 0% round 0.5rem)",
+			transform: "translateY(0px) scale(1)"
+		}, s = f(() => ({
+			...o,
+			opacity: 0,
+			transform: a.reduce.value ? o.transform : "translateY(6px) scale(0.92)"
+		})), c = f(() => ({
+			...o,
+			clipPath: a.reduce.value ? o.clipPath : "inset(0 0 0 100% round 0.5rem)",
+			transition: {
+				clipPath: {
+					duration: a.reduce.value ? 0 : .16,
+					ease: t
+				},
+				transform: { duration: 0 }
+			}
+		})), l = f(() => ({
+			layout: a.reduce.value ? { duration: 0 } : e,
+			opacity: {
+				duration: .18,
+				ease: t
+			},
+			transform: a.reduce.value ? { duration: 0 } : n
+		}));
+		function y(e) {
+			a.disabled.value || (a.remove(e), a.focusInput());
+		}
+		return (e, t) => (C(), h("div", V, [v(D(j), {
+			initial: !1,
+			mode: "popLayout"
+		}, {
+			default: k(() => [!D(a).values.value.length && !D(a).open.value ? (C(), h("span", H, E(r.placeholder), 1)) : m("", !0), (C(!0), h(d, null, ee(D(a).values.value, (n) => (C(), p(D(M).span, {
+				key: n,
+				layout: !D(a).reduce.value && "position",
+				initial: s.value,
+				animate: o,
+				exit: c.value,
+				transition: l.value,
+				class: S(D(i)("inline-flex h-7 max-w-full items-center gap-1 rounded-lg bg-muted px-2 text-xs font-medium text-foreground", r.chipClassName))
+			}, {
+				default: k(() => [g("span", U, [T(e.$slots, "default", {
+					value: n,
+					label: D(a).labelFor(n)
+				}, () => [_(E(D(a).labelFor(n)), 1)])]), g("button", {
+					type: "button",
+					"data-multi-select-remove": "",
+					"aria-label": "Remove " + D(a).labelFor(n),
+					disabled: D(a).disabled.value,
+					onPointerdown: t[0] ||= A(() => {}, ["stop"]),
+					onClick: A((e) => y(n), ["stop"]),
+					class: "-mr-1 grid size-5 shrink-0 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+				}, [v(D(F), {
+					"aria-hidden": "true",
+					class: "size-3",
+					"stroke-width": 2.5
+				})], 40, te)]),
+				_: 2
+			}, 1032, [
+				"layout",
+				"initial",
+				"exit",
+				"transition",
+				"class"
+			]))), 128))]),
+			_: 3
+		})]));
+	}
+}), G = /* @__PURE__ */ y({
+	__name: "MultiSelectContent",
+	props: {
+		side: { default: "bottom" },
+		align: { default: "start" },
+		sideOffset: { default: 6 },
+		avoidCollisions: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, n = u(!0, "MultiSelectContent");
+		return (e, r) => (C(), p(o, x({ context: D(n) }, t, { "data-multi-select-content": "" }), {
+			default: k(() => [T(e.$slots, "default")]),
+			_: 3
+		}, 16, ["context"]));
+	}
+}), K = /* @__PURE__ */ y({
+	__name: "MultiSelectItem",
+	props: {
+		value: {},
+		textValue: {},
+		label: {},
+		keywords: { default: () => [] },
+		disabled: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (C(), p(l, {
+			multiple: !0,
+			value: e.value,
+			"text-value": e.textValue,
+			label: e.label,
+			keywords: e.keywords,
+			disabled: e.disabled,
+			onSelect: r[0] ||= (e) => n("select", e)
+		}, {
+			default: k(() => [T(t.$slots, "default", {}, () => [r[1] ||= _("{ textValue ?? label ?? value }", -1)])]),
+			_: 3
+		}, 8, [
+			"value",
+			"text-value",
+			"label",
+			"keywords",
+			"disabled"
+		]));
+	}
+}), q = [
+	"id",
+	"aria-label",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"disabled",
+	"value",
+	"placeholder"
+], J = /* @__PURE__ */ y({
+	inheritAttrs: !1,
+	__name: "MultiSelectInput",
+	props: {
+		placeholder: { default: "Search…" },
+		wrapperClassName: {},
+		showIcon: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = u(!0, "MultiSelectInput"), n = f(() => t.query.value), r = !1;
+		function a() {
+			r = !0;
+		}
+		function o() {
+			r = !1;
+		}
+		function s(e) {
+			t.setOpen(!0), t.setQuery(e.target.value);
+		}
+		function c(e) {
+			!r && !e.isComposing && t.keydown(e);
+		}
+		function l(e) {
+			e.defaultPrevented || t.disabled.value || t.open.value || t.setOpen(!0);
+		}
+		return (r, u) => (C(), h("div", { class: S(D(i)("flex min-w-20 flex-1 items-center gap-1.5", e.wrapperClassName)) }, [e.showIcon ? (C(), p(D(P), {
+			key: 0,
+			"aria-hidden": "true",
+			class: "size-3.5 text-muted-foreground"
+		})) : m("", !0), g("input", x(r.$attrs, {
+			ref: (e) => D(t).inputRef.value = e,
+			id: D(t).inputId,
+			role: "combobox",
+			"aria-label": r.$attrs["aria-label"] ?? "Search options",
+			"aria-autocomplete": "list",
+			"aria-expanded": D(t).open.value,
+			"aria-controls": D(t).listId,
+			"aria-activedescendant": D(t).open.value ? D(t).activeItemId.value : void 0,
+			autocomplete: "off",
+			disabled: D(t).disabled.value,
+			value: n.value,
+			placeholder: D(t).values.value.length ? "" : e.placeholder,
+			onPointerdown: l,
+			onFocus: u[0] ||= (e) => D(t).setOpen(!0),
+			onClick: u[1] ||= (e) => D(t).setOpen(!0),
+			onInput: s,
+			onKeydown: c,
+			onCompositionstart: a,
+			onCompositionend: o,
+			class: D(i)("h-7 min-w-12 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", r.$attrs.class)
+		}), null, 16, q)], 2));
+	}
+}), Y = {
+	key: 0,
+	role: "status",
+	class: "px-3 py-8 text-center text-sm text-muted-foreground"
+}, X = /* @__PURE__ */ y({
+	__name: "MultiSelectEmpty",
+	setup(e) {
+		let t = u(!0, "MultiSelectEmpty"), n = f(() => t.visibleCount.value === 0);
+		return (e, t) => n.value ? (C(), h("div", Y, [T(e.$slots, "default", {}, () => [t[0] ||= _("No options found.", -1)])])) : m("", !0);
+	}
+}), Z = ["id", "aria-label"], Q = /* @__PURE__ */ y({
+	__name: "MultiSelectList",
+	props: { ariaLabel: { default: "Options" } },
+	setup(e) {
+		let t = e, n = u(!0, "MultiSelectList");
+		return (e, r) => (C(), h("div", {
+			id: D(n).listId,
+			role: "listbox",
+			"aria-label": t.ariaLabel,
+			"aria-multiselectable": !0,
+			class: "relative isolate max-h-64 overflow-y-auto overscroll-contain p-1.5 [-ms-overflow-style:none] scrollbar-none [&::-webkit-scrollbar]:hidden"
+		}, [T(e.$slots, "default")], 8, Z));
+	}
+}), ne = ["hidden"], re = /* @__PURE__ */ y({
+	__name: "MultiSelectGroup",
+	setup(e) {
+		let t = O(), n = u(!0, "MultiSelectGroup");
+		w(s, t);
+		let r = f(() => !n.hasVisibleItems(t));
+		return (e, t) => (C(), h("fieldset", {
+			hidden: r.value,
+			class: "m-0 min-w-0 border-0 p-0 py-0.5"
+		}, [T(e.$slots, "default")], 8, ne));
+	}
+}), ie = {
+	key: 0,
+	class: "w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground"
+}, ae = {
+	key: 1,
+	class: "w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground"
+}, oe = /* @__PURE__ */ y({
+	__name: "MultiSelectLabel",
+	setup(e) {
+		let t = b(s, void 0);
+		return (e, n) => D(t) ? (C(), h("legend", ie, [T(e.$slots, "default")])) : (C(), h("div", ae, [T(e.$slots, "default")]));
+	}
+}), $ = {}, se = {
+	"aria-hidden": "true",
+	class: "-mx-1 my-1 h-px bg-border"
+};
+function ce(e, t) {
+	return C(), h("div", se);
+}
+var le = /*#__PURE__*/ r($, [["render", ce]]);
+export { X as a, G as c, L as d, Q as i, W as l, oe as n, J as o, re as r, K as s, le as t, B as u };
+
+//# sourceMappingURL=multi-select-DquETzls.js.map

package/dist/multi-select-DquETzls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-DquETzls.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","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_unref","_withCtx","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_createElementVNode","_renderSlot","_createTextVNode","_withModifiers","_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","SPRING_LAYOUT","EASE_OUT","SPRING_SWAP","_plugin_vue_export_helper_default","cn","SearchSurface_default","MultiSelectGroupContext","createSearchController","SearchOption_default","_hoisted_1$8","MultiSelect_default","defineComponent","__emit","state","__props","provide","MultiSelectContext","openBlock","createElementBlock","renderSlot","_ctx","unref","_hoisted_1$7","_hoisted_2$2","MultiSelectTrigger_default","useSearchContext","activate","target","event","el","normalizeClass","createElementVNode","createVNode","ChevronsUpDown","_hoisted_1$6","_hoisted_2$1","_hoisted_3","_hoisted_4","MultiSelectValue_default","resting","enter","computed","leave","transition","remove","value","AnimatePresence","withCtx","toDisplayString","createCommentVNode","Fragment","renderList","createBlock","motion","createTextVNode","_cache","withModifiers","X","MultiSelectContent_default","props","surface","mergeProps","MultiSelectItem_default","emit","$event","_hoisted_1$5","MultiSelectInput_default","displayed","composing","beginComposition","endComposition","input","key","pointer","Search","_hoisted_1$4","MultiSelectEmpty_default","empty","_hoisted_1$3","MultiSelectList_default","_hoisted_1$2","MultiSelectGroup_default","id","useId","hidden","_hoisted_1$1","_hoisted_2","MultiSelectLabel_default","group","inject","_sfc_main","_hoisted_1","_sfc_render","MultiSelectSeparator_default"],"sources":["../src/motion/multi-select/src/MultiSelect.vue","../src/motion/multi-select/src/MultiSelect.vue","../src/motion/multi-select/src/MultiSelectTrigger.vue","../src/motion/multi-select/src/MultiSelectTrigger.vue","../src/motion/multi-select/src/MultiSelectValue.vue","../src/motion/multi-select/src/MultiSelectValue.vue","../src/motion/multi-select/src/MultiSelectContent.vue","../src/motion/multi-select/src/MultiSelectContent.vue","../src/motion/multi-select/src/MultiSelectItem.vue","../src/motion/multi-select/src/MultiSelectItem.vue","../src/motion/multi-select/src/MultiSelectInput.vue","../src/motion/multi-select/src/MultiSelectInput.vue","../src/motion/multi-select/src/MultiSelectEmpty.vue","../src/motion/multi-select/src/MultiSelectEmpty.vue","../src/motion/multi-select/src/MultiSelectList.vue","../src/motion/multi-select/src/MultiSelectList.vue","../src/motion/multi-select/src/MultiSelectGroup.vue","../src/motion/multi-select/src/MultiSelectGroup.vue","../src/motion/multi-select/src/MultiSelectLabel.vue","../src/motion/multi-select/src/MultiSelectLabel.vue","../src/motion/multi-select/src/MultiSelectSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createSearchController,\n  MultiSelectContext,\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, true);\nprovide(MultiSelectContext, 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  MultiSelectContext,\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, true);\nprovide(MultiSelectContext, 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(true, \"MultiSelectTrigger\");\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    target?.closest(\"[data-multi-select-remove]\")\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 min-h-11 w-full min-w-52 cursor-text items-center gap-2 px-2.5 py-1.5 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    <div class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1.5\">\n      <slot />\n    </div>\n    <ChevronsUpDown\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(true, \"MultiSelectTrigger\");\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    target?.closest(\"[data-multi-select-remove]\")\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 min-h-11 w-full min-w-52 cursor-text items-center gap-2 px-2.5 py-1.5 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    <div class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1.5\">\n      <slot />\n    </div>\n    <ChevronsUpDown\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 { AnimatePresence, motion } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nwithDefaults(defineProps<{ placeholder?: string; chipClassName?: string }>(), {\n  placeholder: \"Select options\",\n});\nconst state = useSearchContext(true, \"MultiSelectValue\");\nconst resting = {\n  opacity: 1,\n  clipPath: \"inset(0 0 0 0% round 0.5rem)\",\n  transform: \"translateY(0px) scale(1)\",\n};\nconst enter = computed(() => ({\n  ...resting,\n  opacity: 0,\n  transform: state.reduce.value\n    ? resting.transform\n    : \"translateY(6px) scale(0.92)\",\n}));\nconst leave = computed(() => ({\n  ...resting,\n  clipPath: state.reduce.value\n    ? resting.clipPath\n    : \"inset(0 0 0 100% round 0.5rem)\",\n  transition: {\n    clipPath: { duration: state.reduce.value ? 0 : 0.16, ease: EASE_OUT },\n    transform: { duration: 0 },\n  },\n}));\nconst transition = computed(() => ({\n  layout: state.reduce.value ? { duration: 0 } : SPRING_LAYOUT,\n  opacity: { duration: 0.18, ease: EASE_OUT },\n  transform: state.reduce.value ? { duration: 0 } : SPRING_SWAP,\n}));\nfunction remove(value: string) {\n  if (!state.disabled.value) {\n    state.remove(value);\n    state.focusInput();\n  }\n}\n</script>\n<template>\n  <div class=\"contents\">\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n      ><span\n        v-if=\"!state.values.value.length && !state.open.value\"\n        key=\"placeholder\"\n        class=\"text-muted-foreground\"\n        >{{ placeholder }}</span\n      ><motion.span\n        v-for=\"value in state.values.value\"\n        :key=\"value\"\n        :layout=\"state.reduce.value ? false : 'position'\"\n        :initial=\"enter\"\n        :animate=\"resting\"\n        :exit=\"leave\"\n        :transition=\"transition\"\n        :class=\"\n          cn(\n            'inline-flex h-7 max-w-full items-center gap-1 rounded-lg bg-muted px-2 text-xs font-medium text-foreground',\n            chipClassName,\n          )\n        \"\n        ><span class=\"truncate\"\n          ><slot :value=\"value\" :label=\"state.labelFor(value)\">{{\n            state.labelFor(value)\n          }}</slot></span\n        ><button\n          type=\"button\"\n          data-multi-select-remove=\"\"\n          :aria-label=\"'Remove ' + state.labelFor(value)\"\n          :disabled=\"state.disabled.value\"\n          @pointerdown.stop\n          @click.stop=\"remove(value)\"\n          class=\"-mr-1 grid size-5 shrink-0 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <X aria-hidden=\"true\" class=\"size-3\" :stroke-width=\"2.5\" /></button></motion.span\n    ></AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSearchContext } from \"../../_combobox/controller\";\nwithDefaults(defineProps<{ placeholder?: string; chipClassName?: string }>(), {\n  placeholder: \"Select options\",\n});\nconst state = useSearchContext(true, \"MultiSelectValue\");\nconst resting = {\n  opacity: 1,\n  clipPath: \"inset(0 0 0 0% round 0.5rem)\",\n  transform: \"translateY(0px) scale(1)\",\n};\nconst enter = computed(() => ({\n  ...resting,\n  opacity: 0,\n  transform: state.reduce.value\n    ? resting.transform\n    : \"translateY(6px) scale(0.92)\",\n}));\nconst leave = computed(() => ({\n  ...resting,\n  clipPath: state.reduce.value\n    ? resting.clipPath\n    : \"inset(0 0 0 100% round 0.5rem)\",\n  transition: {\n    clipPath: { duration: state.reduce.value ? 0 : 0.16, ease: EASE_OUT },\n    transform: { duration: 0 },\n  },\n}));\nconst transition = computed(() => ({\n  layout: state.reduce.value ? { duration: 0 } : SPRING_LAYOUT,\n  opacity: { duration: 0.18, ease: EASE_OUT },\n  transform: state.reduce.value ? { duration: 0 } : SPRING_SWAP,\n}));\nfunction remove(value: string) {\n  if (!state.disabled.value) {\n    state.remove(value);\n    state.focusInput();\n  }\n}\n</script>\n<template>\n  <div class=\"contents\">\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n      ><span\n        v-if=\"!state.values.value.length && !state.open.value\"\n        key=\"placeholder\"\n        class=\"text-muted-foreground\"\n        >{{ placeholder }}</span\n      ><motion.span\n        v-for=\"value in state.values.value\"\n        :key=\"value\"\n        :layout=\"state.reduce.value ? false : 'position'\"\n        :initial=\"enter\"\n        :animate=\"resting\"\n        :exit=\"leave\"\n        :transition=\"transition\"\n        :class=\"\n          cn(\n            'inline-flex h-7 max-w-full items-center gap-1 rounded-lg bg-muted px-2 text-xs font-medium text-foreground',\n            chipClassName,\n          )\n        \"\n        ><span class=\"truncate\"\n          ><slot :value=\"value\" :label=\"state.labelFor(value)\">{{\n            state.labelFor(value)\n          }}</slot></span\n        ><button\n          type=\"button\"\n          data-multi-select-remove=\"\"\n          :aria-label=\"'Remove ' + state.labelFor(value)\"\n          :disabled=\"state.disabled.value\"\n          @pointerdown.stop\n          @click.stop=\"remove(value)\"\n          class=\"-mr-1 grid size-5 shrink-0 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <X aria-hidden=\"true\" class=\"size-3\" :stroke-width=\"2.5\" /></button></motion.span\n    ></AnimatePresence>\n  </div>\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(true, \"MultiSelectContent\");\n</script>\n<template>\n  <SearchSurface :context=\"surface\" v-bind=\"props\" data-multi-select-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(true, \"MultiSelectContent\");\n</script>\n<template>\n  <SearchSurface :context=\"surface\" v-bind=\"props\" data-multi-select-content=\"\"\n    ><slot\n  /></SearchSurface>\n</template>\n","<script setup lang=\"ts\">\nimport SearchOption from \"../../combobox/src/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=\"true\"\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 \"../../combobox/src/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=\"true\"\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: false },\n);\nconst state = useSearchContext(true, \"MultiSelectInput\");\nconst displayed = computed(() => state.query.value);\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  state.setOpen(true);\n}\n</script>\n<template>\n  <div\n    :class=\"cn('flex min-w-20 flex-1 items-center gap-1.5', wrapperClassName)\"\n  >\n    <Search\n      v-if=\"showIcon\"\n      aria-hidden=\"true\"\n      class=\"size-3.5 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=\"state.values.value.length ? '' : 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-7 min-w-12 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: false },\n);\nconst state = useSearchContext(true, \"MultiSelectInput\");\nconst displayed = computed(() => state.query.value);\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  state.setOpen(true);\n}\n</script>\n<template>\n  <div\n    :class=\"cn('flex min-w-20 flex-1 items-center gap-1.5', wrapperClassName)\"\n  >\n    <Search\n      v-if=\"showIcon\"\n      aria-hidden=\"true\"\n      class=\"size-3.5 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=\"state.values.value.length ? '' : 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-7 min-w-12 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(true, \"MultiSelectEmpty\");\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(true, \"MultiSelectEmpty\");\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(true, \"MultiSelectList\");\n</script>\n<template>\n  <div\n    :id=\"state.listId\"\n    role=\"listbox\"\n    :aria-label=\"props.ariaLabel\"\n    :aria-multiselectable=\"true\"\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(true, \"MultiSelectList\");\n</script>\n<template>\n  <div\n    :id=\"state.listId\"\n    role=\"listbox\"\n    :aria-label=\"props.ariaLabel\"\n    :aria-multiselectable=\"true\"\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  MultiSelectGroupContext,\n} from \"../../_combobox/controller\";\nconst id = useId();\nconst state = useSearchContext(true, \"MultiSelectGroup\");\nprovide(MultiSelectGroupContext, 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  MultiSelectGroupContext,\n} from \"../../_combobox/controller\";\nconst id = useId();\nconst state = useSearchContext(true, \"MultiSelectGroup\");\nprovide(MultiSelectGroupContext, 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 { MultiSelectGroupContext } from \"../../_combobox/controller\";\nconst group = inject(MultiSelectGroupContext, 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 { MultiSelectGroupContext } from \"../../_combobox/controller\";\nconst group = inject(MultiSelectGroupContext, 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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"}