@alfakit/vue 0.1.9 → 0.1.11

package/dist/components/fields/RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js

@@ -1,52 +1,58 @@
 import { useT as e } from "../../context.js";
 import { cn as t } from "../../lib/utils.js";
 import { useStore as n } from "../../composables/use-store.js";
-import { Fragment as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, withModifiers as p } from "vue";
+import { fixedContainingBlockOffset as r } from "@alfakit/core";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, unref as m, withModifiers as h } from "vue";
 //#region src/components/fields/RichEditorSuggestions.vue?vue&type=script&setup=true&lang.ts
-var m = ["id", "aria-label"], h = {
+var g = ["id", "aria-label"], _ = {
 	key: 0,
 	class: "text-muted-foreground px-2 py-1.5 text-sm"
-}, g = {
+}, v = {
 	key: 1,
 	class: "text-muted-foreground px-2 py-1.5 text-sm"
-}, _ = [
+}, y = [
 	"id",
 	"aria-selected",
 	"onMouseenter",
 	"onClick"
-], v = /*@__PURE__*/ o({
+], b = /*@__PURE__*/ c({
 	__name: "RichEditorSuggestions",
 	props: {
 		suggestions: {},
 		editor: {},
 		id: {}
 	},
-	setup(o) {
-		let v = o, y = e(), b = n(v.suggestions.store);
-		return (e, n) => f(b).open && v.editor ? (l(), a("div", {
+	setup(c) {
+		let b = c, x = e(), S = n(b.suggestions.store), C = a(() => {
+			let e = S.value.coords;
+			if (!e) return;
+			let t = r(b.editor?.view.dom);
+			return {
+				left: `${e.left - t.x}px`,
+				top: `${e.bottom + 4 - t.y}px`
+			};
+		});
+		return (e, n) => m(S).open && b.editor ? (d(), s("div", {
 			key: 0,
-			id: v.id,
+			id: b.id,
 			role: "listbox",
-			"aria-label": f(y)("editor.suggestions", {}, "Suggestions"),
+			"aria-label": m(x)("editor.suggestions", {}, "Suggestions"),
 			"data-slot": "rich-editor-suggestions",
 			class: "bg-popover text-popover-foreground fixed z-50 min-w-48 overflow-hidden rounded-md border p-1 shadow-md",
-			style: c(f(b).coords ? {
-				left: `${f(b).coords.left}px`,
-				top: `${f(b).coords.bottom + 4}px`
-			} : void 0)
-		}, [f(b).loading && f(b).items.length === 0 ? (l(), a("div", h, d(f(y)("loading", {}, "Loading…")), 1)) : f(b).items.length === 0 ? (l(), a("div", g, d(f(y)("no_results", {}, "No results.")), 1)) : (l(!0), a(r, { key: 2 }, u(f(b).items, (e, r) => (l(), a("div", {
-			id: `${v.id}-${r}`,
+			style: u(C.value)
+		}, [m(S).loading && m(S).items.length === 0 ? (d(), s("div", _, p(m(x)("loading", {}, "Loading…")), 1)) : m(S).items.length === 0 ? (d(), s("div", v, p(m(x)("no_results", {}, "No results.")), 1)) : (d(!0), s(i, { key: 2 }, f(m(S).items, (e, r) => (d(), s("div", {
+			id: `${b.id}-${r}`,
 			key: e.id,
 			role: "option",
-			"aria-selected": r === f(b).index,
-			class: s(f(t)("cursor-pointer rounded-sm px-2 py-1.5 text-sm", r === f(b).index && "bg-accent text-accent-foreground")),
-			onMousedown: n[0] ||= p(() => {}, ["prevent"]),
-			onMouseenter: (e) => v.suggestions.highlight(r),
-			onClick: (e) => v.editor && v.suggestions.select(r, v.editor)
-		}, d(f(b).kind === "mention" ? `${f(b).trigger}${e.label}` : e.label), 43, _))), 128))], 12, m)) : i("", !0);
+			"aria-selected": r === m(S).index,
+			class: l(m(t)("cursor-pointer rounded-sm px-2 py-1.5 text-sm", r === m(S).index && "bg-accent text-accent-foreground")),
+			onMousedown: n[0] ||= h(() => {}, ["prevent"]),
+			onMouseenter: (e) => b.suggestions.highlight(r),
+			onClick: (e) => b.editor && b.suggestions.select(r, b.editor)
+		}, p(m(S).kind === "mention" ? `${m(S).trigger}${e.label}` : e.label), 43, y))), 128))], 12, g)) : o("", !0);
 	}
 });
 //#endregion
-export { v as default };
+export { b as default };
 
 //# sourceMappingURL=RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/fields/RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeStyle","_toDisplayString","_Fragment","_renderList","_normalizeClass","_withModifiers","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","RichEditorSuggestions_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","state","useStore","unref","openBlock","createElementBlock","normalizeStyle","toDisplayString","Fragment","renderList","index","item","normalizeClass","cn","_cache","withModifiers","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorSuggestions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EditorSuggestions } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useStore } from '../../composables/use-store'\n\n/** The mention / merge tag listbox under the trigger. */\nconst props = defineProps<{\n  suggestions: EditorSuggestions\n  editor: Editor | undefined\n  id: string\n}>()\nconst t = useT()\nconst state = useStore(props.suggestions.store)\n</script>\n\n<template>\n  <div\n    v-if=\"state.open && props.editor\"\n    :id=\"props.id\"\n    role=\"listbox\"\n    :aria-label=\"t('editor.suggestions', {}, 'Suggestions')\"\n    data-slot=\"rich-editor-suggestions\"\n    class=\"bg-popover text-popover-foreground fixed z-50 min-w-48 overflow-hidden rounded-md border p-1 shadow-md\"\n    :style=\"\n      state.coords\n        ? { left: `${state.coords.left}px`, top: `${state.coords.bottom + 4}px` }\n        : undefined\n    \"\n  >\n    <div\n      v-if=\"state.loading && state.items.length === 0\"\n      class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n    >\n      {{ t('loading', {}, 'Loading…') }}\n    </div>\n    <div v-else-if=\"state.items.length === 0\" class=\"text-muted-foreground px-2 py-1.5 text-sm\">\n      {{ t('no_results', {}, 'No results.') }}\n    </div>\n    <template v-else>\n      <div\n        v-for=\"(item, index) in state.items\"\n        :id=\"`${props.id}-${index}`\"\n        :key=\"item.id\"\n        role=\"option\"\n        :aria-selected=\"index === state.index\"\n        :class=\"\n          cn(\n            'cursor-pointer rounded-sm px-2 py-1.5 text-sm',\n            index === state.index && 'bg-accent text-accent-foreground',\n          )\n        \"\n        @mousedown.prevent\n        @mouseenter=\"props.suggestions.highlight(index)\"\n        @click=\"props.editor && props.suggestions.select(index, props.editor)\"\n      >\n        {{ state.kind === 'mention' ? `${state.trigger}${item.label}` : item.label }}\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMe,IAAQC,GAKRC,IAAIC,EAAK,GACTC,IAAQC,EAASL,EAAM,YAAY,KAAK;mBAKpCf,EAAAmB,CAAA,CAAK,CAAC,QAAQJ,EAAM,UAD5Bd,EAAA,GAAAC,EA0CM,OAAA;;GAxCH,IAAIa,EAAM;GACX,MAAK;GACJ,cAAYf,EAAAiB,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,aAAA;GACd,aAAU;GACV,OAAM;GACL,OAAKd,EAASH,EAAAmB,CAAA,CAAK,CAAC,SAA4B;IAAA,MAAA,GAAAnB,EAAAmB,CAAA,CAAK,CAAC,OAAO,KAAI;IAAA,KAAA,GAAcnB,EAAAmB,CAAA,CAAK,CAAC,OAAO,SAAM,EAAA;GAAA,IAAqB,KAAA,CAAA;EAOhHnB,GAAAA,CAAAA,EAAAmB,CAAA,CAAK,CAAC,WAAWnB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAD3ClB,EAAA,GAAAC,EAKM,OALNS,GAKMP,EADDJ,EAAAiB,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,KAEUjB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAAlClB,EAAA,GAAAC,EAEM,OAFNU,GAEMR,EADDJ,EAAAiB,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,CAAA,GAAA,CAAA,MAGJhB,EAAA,EAAA,GAAAC,EAiBMG,GAAA,EAAA,KAAA,EAAA,GAAAC,EAhBoBN,EAAAmB,CAAA,CAAK,CAAC,QAAtB,GAAM,OADhBlB,EAAA,GAAAC,EAiBM,OAAA;GAfH,IAAE,GAAKa,EAAM,GAAE,GAAIa;GACnB,KAAKC,EAAK;GACX,MAAK;GACJ,iBAAeD,MAAU5B,EAAAmB,CAAA,CAAK,CAAC;GAC/B,OAAKZ,EAAaP,EAAA+B,CAAA,CAAE,CAAA,iDAA2EH,MAAU5B,EAAAmB,CAAA,CAAK,CAAC,SAAK,kCAAA,CAAA;GAMpH,aAAS,AAAAa,EAAA,OAAAxB,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,eAAU,MAAEO,EAAM,YAAY,UAAUa,CAAK;GAC7C,UAAK,MAAEb,EAAM,UAAUA,EAAM,YAAY,OAAOa,GAAOb,EAAM,MAAM;EAEjE,GAAAX,EAAAJ,EAAAmB,CAAA,CAAK,CAAC,SAAI,YAAA,GAAoBnB,EAAAmB,CAAA,CAAK,CAAC,UAAUU,EAAK,UAAUA,EAAK,KAAK,GAAA,IAAAhB,CAAA"}
+{"version":3,"file":"RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeStyle","_toDisplayString","_Fragment","_renderList","_normalizeClass","_withModifiers","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","RichEditorSuggestions_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","state","useStore","position","computed","coords","offset","fixedContainingBlockOffset","unref","openBlock","createElementBlock","normalizeStyle","toDisplayString","Fragment","renderList","index","item","normalizeClass","cn","_cache","withModifiers","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorSuggestions.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAKRC,IAAIC,EAAK,GACTC,IAAQC,EAASL,EAAM,YAAY,KAAK,GAExCM,IAAWC,QAAe;GAC9B,IAAMC,IAASJ,EAAM,MAAM;GAE3B,IAAI,CAACI,GAAQ;GAEb,IAAMC,IAASC,EAA2BV,EAAM,QAAQ,KAAK,GAAG;GAEhE,OAAO;IAAE,MAAM,GAAGQ,EAAO,OAAOC,EAAO,EAAE;IAAK,KAAK,GAAGD,EAAO,SAAS,IAAIC,EAAO,EAAE;GAAI;EACzF,CAAC;mBAKSxB,EAAAmB,CAAA,CAAK,CAAC,QAAQJ,EAAM,UAD5Bd,EAAA,GAAAC,EAsCM,OAAA;;GApCH,IAAIa,EAAM;GACX,MAAK;GACJ,cAAYf,EAAAiB,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,aAAA;GACd,aAAU;GACV,OAAM;GACL,OAAKd,EAAEkB,EAAA,KAAQ;EAGRrB,GAAAA,CAAAA,EAAAmB,CAAA,CAAK,CAAC,WAAWnB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAD3ClB,EAAA,GAAAC,EAKM,OALNS,GAKMP,EADDJ,EAAAiB,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,KAEUjB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAAlClB,EAAA,GAAAC,EAEM,OAFNU,GAEMR,EADDJ,EAAAiB,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,CAAA,GAAA,CAAA,MAGJhB,EAAA,EAAA,GAAAC,EAiBMG,GAAA,EAAA,KAAA,EAAA,GAAAC,EAhBoBN,EAAAmB,CAAA,CAAK,CAAC,QAAtB,GAAM,OADhBlB,EAAA,GAAAC,EAiBM,OAAA;GAfH,IAAE,GAAKa,EAAM,GAAE,GAAIkB;GACnB,KAAKC,EAAK;GACX,MAAK;GACJ,iBAAeD,MAAUjC,EAAAmB,CAAA,CAAK,CAAC;GAC/B,OAAKZ,EAAaP,EAAAoC,CAAA,CAAE,CAAA,iDAA2EH,MAAUjC,EAAAmB,CAAA,CAAK,CAAC,SAAK,kCAAA,CAAA;GAMpH,aAAS,AAAAkB,EAAA,OAAA7B,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,eAAU,MAAEO,EAAM,YAAY,UAAUkB,CAAK;GAC7C,UAAK,MAAElB,EAAM,UAAUA,EAAM,YAAY,OAAOkB,GAAOlB,EAAM,MAAM;EAEjE,GAAAX,EAAAJ,EAAAmB,CAAA,CAAK,CAAC,SAAI,YAAA,GAAoBnB,EAAAmB,CAAA,CAAK,CAAC,UAAUe,EAAK,UAAUA,EAAK,KAAK,GAAA,IAAArB,CAAA"}

package/dist/components/fields/RichEditorToolIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolIcon.js","names":["_sfc_main","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","RichEditorToolIcon_default"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorToolSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { RICH_EDITOR_ICONS } from './rich-editor-icons'\n\n/** A toolbar button's icon: built-in, the plugin tool's icon, else its label. */\nconst props = defineProps<{\n  name: string\n  label: string\n  tools?: RichEditorToolSchema[] | null\n}>()\n\nconst builtIn = computed(() => RICH_EDITOR_ICONS[props.name])\nconst toolIcon = computed(\n  () => props.tools?.find((candidate) => candidate.name === props.name)?.icon ?? null,\n)\n</script>\n\n<template>\n  <component :is=\"builtIn.icon\" v-if=\"builtIn\" :class=\"builtIn.class\" />\n  <Icon v-else-if=\"toolIcon\" :name=\"toolIcon\" />\n  <span v-else class=\"text-xs\">{{ props.label }}</span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorToolIcon.js","names":["_sfc_main","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","RichEditorToolIcon_default"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"mappings":""}

package/dist/components/fields/RichEditorToolIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","Icon","_createElementBlock","_toDisplayString","Icon_default","_hoisted_1","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","props","__props","builtIn","computed","RICH_EDITOR_ICONS","toolIcon","candidate","openBlock","createBlock","resolveDynamicComponent","normalizeClass","unref","createElementBlock","toDisplayString"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorToolSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { RICH_EDITOR_ICONS } from './rich-editor-icons'\n\n/** A toolbar button's icon: built-in, the plugin tool's icon, else its label. */\nconst props = defineProps<{\n  name: string\n  label: string\n  tools?: RichEditorToolSchema[] | null\n}>()\n\nconst builtIn = computed(() => RICH_EDITOR_ICONS[props.name])\nconst toolIcon = computed(\n  () => props.tools?.find((candidate) => candidate.name === props.name)?.icon ?? null,\n)\n</script>\n\n<template>\n  <component :is=\"builtIn.icon\" v-if=\"builtIn\" :class=\"builtIn.class\" />\n  <Icon v-else-if=\"toolIcon\" :name=\"toolIcon\" />\n  <span v-else class=\"text-xs\">{{ props.label }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAMW,IAAQC,GAMRC,IAAUC,QAAeC,EAAkBJ,EAAM,KAAK,GACtDK,IAAWF,QACTH,EAAM,OAAO,MAAM,MAAcM,EAAU,SAASN,EAAM,IAAI,CAAC,EAAE,QAAQ,IACjF;mBAIsCE,EAAA,SAApCb,EAAA,GAAAC,EAAsEC,EAAtDW,EAAA,MAAQ,IAAI,GAAA;;GAAkB,OAAKV,EAAEU,EAAA,MAAQ,KAAK;EACjD,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAG,EAAA,SAAjBhB,EAAA,GAAAC,EAA8CG,EAAAC,CAAA,GAAA;;GAAlB,MAAMW,EAAA;EAClChB,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAAqD,QAArDG,GAAqDF,EAArBI,EAAM,KAAK,GAAA,CAAA"}
+{"version":3,"file":"RichEditorToolIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","Icon","_createElementBlock","_toDisplayString","Icon_default","_hoisted_1","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","props","__props","builtIn","computed","RICH_EDITOR_ICONS","toolIcon","candidate","openBlock","createBlock","resolveDynamicComponent","normalizeClass","unref","createElementBlock","toDisplayString"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAMW,IAAQC,GAMRC,IAAUC,QAAeC,EAAkBJ,EAAM,KAAK,GACtDK,IAAWF,QACTH,EAAM,OAAO,MAAM,MAAcM,EAAU,SAASN,EAAM,IAAI,CAAC,EAAE,QAAQ,IACjF;mBAIsCE,EAAA,SAApCb,EAAA,GAAAC,EAAsEC,EAAtDW,EAAA,MAAQ,IAAI,GAAA;;GAAkB,OAAKV,EAAEU,EAAA,MAAQ,KAAK;EACjD,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAG,EAAA,SAAjBhB,EAAA,GAAAC,EAA8CG,EAAAC,CAAA,GAAA;;GAAlB,MAAMW,EAAA;EAClChB,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAAqD,QAArDG,GAAqDF,EAArBI,EAAM,KAAK,GAAA,CAAA"}

package/dist/components/fields/RichEditorToolbarEntries.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarEntries.js","names":["_sfc_main","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarEntries_default"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorPanel, RichEditorSchema, ToolbarCommand } from '@alfakit/core'\nimport { commandLabel, isToolbarGroup, toolbarPanel } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Separator from '../ui/Separator.vue'\nimport RichEditorExtensionButton from './RichEditorExtensionButton.vue'\nimport RichEditorToolbarGroup from './RichEditorToolbarGroup.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** Toolbar entries: separators, group dropdowns, panel toggles and buttons. */\nconst props = defineProps<{\n  names: readonly string[]\n  component: RichEditorSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n  openPanel: 'textColor' | null\n  sidePanel: RichEditorPanel | null\n}>()\nconst emit = defineEmits<{ run: [name: string]; togglePanel: [panel: RichEditorPanel] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\n/** Label, active and pressed state of a button (re-read on every transaction). */\nconst buttonState = (name: string) => {\n  void props.tick\n\n  const button = props.commands[name]\n\n  if (!button) return null\n\n  const active = Boolean(\n    button.active?.(props.editor) || (name === 'textColor' && props.openPanel === name),\n  )\n\n  return {\n    label: commandLabel(name, props.commands, translate),\n    active,\n    // Only toggles carry `aria-pressed`.\n    pressed: button.active || name === 'textColor' ? (active ? 'true' : 'false') : undefined,\n  }\n}\n</script>\n\n<template>\n  <template v-for=\"(name, index) in props.names\" :key=\"`${name}-${index}`\">\n    <Separator v-if=\"name === '|'\" orientation=\"vertical\" class=\"mx-1 h-5\" />\n    <template v-else-if=\"isToolbarGroup(name)\">\n      <RichEditorToolbarGroup\n        v-if=\"props.component.toolbarButtonGroups?.[name]\"\n        :group=\"props.component.toolbarButtonGroups[name]!\"\n        :editor=\"props.editor\"\n        :editable=\"props.editable\"\n        :commands=\"props.commands\"\n        :tools=\"props.component.editorTools\"\n        :tick=\"props.tick\"\n        @run=\"(button: string) => emit('run', button)\"\n      />\n    </template>\n    <RichEditorExtensionButton\n      v-else-if=\"toolbarPanel(name)\"\n      :name=\"toolbarPanel(name)!\"\n      :component=\"props.component\"\n      :editable=\"props.editable\"\n      :open=\"props.sidePanel === toolbarPanel(name)\"\n      @toggle=\"emit('togglePanel', toolbarPanel(name)!)\"\n    />\n    <Button\n      v-else-if=\"buttonState(name)\"\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      :aria-label=\"buttonState(name)!.label\"\n      :title=\"buttonState(name)!.label\"\n      :aria-pressed=\"buttonState(name)!.pressed\"\n      :disabled=\"!props.editable\"\n      :class=\"cn(buttonState(name)!.active && 'bg-accent text-accent-foreground')\"\n      @mousedown.prevent\n      @click=\"emit('run', name)\"\n    >\n      <RichEditorToolIcon\n        :name=\"name\"\n        :label=\"buttonState(name)!.label\"\n        :tools=\"props.component.editorTools\"\n      />\n    </Button>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorToolbarEntries.js","names":["_sfc_main","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarEntries_default"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"mappings":""}

package/dist/components/fields/RichEditorToolbarEntries.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarEntries.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","Separator","_unref","RichEditorToolbarGroup","_createCommentVNode","RichEditorExtensionButton","Button","_normalizeClass","_withModifiers","_withCtx","_createVNode","RichEditorToolIcon","Button_default","Separator_default","RichEditorExtensionButton_default","RichEditorToolIcon_default","RichEditorToolbarGroup_default","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttonState","button","name","active","commandLabel","openBlock","createElementBlock","Fragment","renderList","index","createBlock","unref","isToolbarGroup","_cache","createCommentVNode","toolbarPanel","normalizeClass","cn","withModifiers","withCtx","createVNode"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorPanel, RichEditorSchema, ToolbarCommand } from '@alfakit/core'\nimport { commandLabel, isToolbarGroup, toolbarPanel } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Separator from '../ui/Separator.vue'\nimport RichEditorExtensionButton from './RichEditorExtensionButton.vue'\nimport RichEditorToolbarGroup from './RichEditorToolbarGroup.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** Toolbar entries: separators, group dropdowns, panel toggles and buttons. */\nconst props = defineProps<{\n  names: readonly string[]\n  component: RichEditorSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n  openPanel: 'textColor' | null\n  sidePanel: RichEditorPanel | null\n}>()\nconst emit = defineEmits<{ run: [name: string]; togglePanel: [panel: RichEditorPanel] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\n/** Label, active and pressed state of a button (re-read on every transaction). */\nconst buttonState = (name: string) => {\n  void props.tick\n\n  const button = props.commands[name]\n\n  if (!button) return null\n\n  const active = Boolean(\n    button.active?.(props.editor) || (name === 'textColor' && props.openPanel === name),\n  )\n\n  return {\n    label: commandLabel(name, props.commands, translate),\n    active,\n    // Only toggles carry `aria-pressed`.\n    pressed: button.active || name === 'textColor' ? (active ? 'true' : 'false') : undefined,\n  }\n}\n</script>\n\n<template>\n  <template v-for=\"(name, index) in props.names\" :key=\"`${name}-${index}`\">\n    <Separator v-if=\"name === '|'\" orientation=\"vertical\" class=\"mx-1 h-5\" />\n    <template v-else-if=\"isToolbarGroup(name)\">\n      <RichEditorToolbarGroup\n        v-if=\"props.component.toolbarButtonGroups?.[name]\"\n        :group=\"props.component.toolbarButtonGroups[name]!\"\n        :editor=\"props.editor\"\n        :editable=\"props.editable\"\n        :commands=\"props.commands\"\n        :tools=\"props.component.editorTools\"\n        :tick=\"props.tick\"\n        @run=\"(button: string) => emit('run', button)\"\n      />\n    </template>\n    <RichEditorExtensionButton\n      v-else-if=\"toolbarPanel(name)\"\n      :name=\"toolbarPanel(name)!\"\n      :component=\"props.component\"\n      :editable=\"props.editable\"\n      :open=\"props.sidePanel === toolbarPanel(name)\"\n      @toggle=\"emit('togglePanel', toolbarPanel(name)!)\"\n    />\n    <Button\n      v-else-if=\"buttonState(name)\"\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      :aria-label=\"buttonState(name)!.label\"\n      :title=\"buttonState(name)!.label\"\n      :aria-pressed=\"buttonState(name)!.pressed\"\n      :disabled=\"!props.editable\"\n      :class=\"cn(buttonState(name)!.active && 'bg-accent text-accent-foreground')\"\n      @mousedown.prevent\n      @click=\"emit('run', name)\"\n    >\n      <RichEditorToolIcon\n        :name=\"name\"\n        :label=\"buttonState(name)!.label\"\n        :tools=\"props.component.editorTools\"\n      />\n    </Button>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMuB,IAAQC,GAWRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,KAAa,GAAa,MAAqBF,EAAEG,GAAK,CAAC,GAAGC,CAAQ,GAGlEC,KAAe,MAAiB;GACpC,EAAW;GAEX,IAAMC,IAAST,EAAM,SAASU;GAE9B,IAAI,CAACD,GAAQ,OAAO;GAEpB,IAAME,IAAS,GACbF,EAAO,SAAST,EAAM,MAAM,KAAMU,MAAS,eAAeV,EAAM,cAAcU;GAGhF,OAAO;IACL,OAAOE,EAAaF,GAAMV,EAAM,UAAUK,CAAS;IACnD;IAEA,SAASI,EAAO,UAAUC,MAAS,cAAeC,IAAS,SAAS,UAAW,KAAA;GACjF;EACF;oBAIElC,EAAA,EAAA,GAAAC,EAyCWC,GAAA,MAAAC,EAzCuBoB,EAAM,QAAtB,GAAM,OAAgCa,EAAA,GAAAC,EAAAC,GAAA,EAAA,KAAA,GAAAL,EAAI,GAAIO,IAAA,GAAA,CAC7CP,MAAI,OAArBjC,EAAA,GAAAI,EAAyEC,GAAA;;GAA1C,aAAY;GAAW,OAAM;EACvCC,CAAAA,KAAAA,EAAAqC,CAAA,CAAc,CAACV,CAAI,KAAxCjC,EAAA,GAAAC,EAWWC,GAAA,EAAA,KAAA,EAAA,GAAA,CATDqB,EAAM,UAAU,sBAAsBU,MAD9CjC,EAAA,GAAAI,EASEG,GAAA;;GAPC,OAAOgB,EAAM,UAAU,oBAAoBU;GAC3C,QAAQV,EAAM;GACd,UAAUA,EAAM;GAChB,UAAUA,EAAM;GAChB,OAAOA,EAAM,UAAU;GACvB,MAAMA,EAAM;GACZ,OAAG,AAAAqB,EAAA,QAAG,MAAmBnB,EAAI,OAAQO,CAAM;;;;;;;;EAInC1B,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,KAAAA,EAAAwC,CAAA,CAAY,CAACb,CAAI,KAD9BjC,EAAA,GAAAI,EAOEK,GAAA;;GALC,MAAMH,EAAAwC,CAAA,CAAY,CAACb,CAAI;GACvB,WAAWV,EAAM;GACjB,UAAUA,EAAM;GAChB,MAAMA,EAAM,cAAcjB,EAAAwC,CAAA,CAAY,CAACb,CAAI;GAC3C,WAAM,MAAER,EAAI,eAAgBnB,EAAAwC,CAAA,CAAY,CAACb,CAAI,CAAA;;;;;;;EAGnC,CAAA,KAAAF,EAAYE,CAAI,KAD7BjC,EAAA,GAAAI,EAkBSM,GAAA;;GAhBP,MAAK;GACL,SAAQ;GACR,MAAK;GACJ,cAAYqB,EAAYE,CAAI,CAAA,CAAG;GAC/B,OAAOF,EAAYE,CAAI,CAAA,CAAG;GAC1B,gBAAcF,EAAYE,CAAI,CAAA,CAAG;GACjC,UAAQ,CAAGV,EAAM;GACjB,OAAKZ,EAAEL,EAAA0C,CAAA,CAAE,CAACjB,EAAYE,CAAI,CAAA,CAAG,UAAM,kCAAA,CAAA;GACnC,aAAS,AAAAW,EAAA,OAAAhC,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,UAAK,MAAEa,EAAI,OAAQQ,CAAI;;GAExB,SAAApB,QAIE,CAJFC,EAIEC,GAAA;IAHO;IACN,OAAOgB,EAAYE,CAAI,CAAA,CAAG;IAC1B,OAAOV,EAAM,UAAU"}
+{"version":3,"file":"RichEditorToolbarEntries.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","Separator","_unref","RichEditorToolbarGroup","_createCommentVNode","RichEditorExtensionButton","Button","_normalizeClass","_withModifiers","_withCtx","_createVNode","RichEditorToolIcon","Button_default","Separator_default","RichEditorExtensionButton_default","RichEditorToolIcon_default","RichEditorToolbarGroup_default","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttonState","button","name","active","commandLabel","openBlock","createElementBlock","Fragment","renderList","index","createBlock","unref","isToolbarGroup","_cache","createCommentVNode","toolbarPanel","normalizeClass","cn","withModifiers","withCtx","createVNode"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMuB,IAAQC,GAWRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,KAAa,GAAa,MAAqBF,EAAEG,GAAK,CAAC,GAAGC,CAAQ,GAGlEC,KAAe,MAAiB;GACpC,EAAW;GAEX,IAAMC,IAAST,EAAM,SAASU;GAE9B,IAAI,CAACD,GAAQ,OAAO;GAEpB,IAAME,IAAS,GACbF,EAAO,SAAST,EAAM,MAAM,KAAMU,MAAS,eAAeV,EAAM,cAAcU;GAGhF,OAAO;IACL,OAAOE,EAAaF,GAAMV,EAAM,UAAUK,CAAS;IACnD;IAEA,SAASI,EAAO,UAAUC,MAAS,cAAeC,IAAS,SAAS,UAAW,KAAA;GACjF;EACF;oBAIElC,EAAA,EAAA,GAAAC,EAyCWC,GAAA,MAAAC,EAzCuBoB,EAAM,QAAtB,GAAM,OAAgCa,EAAA,GAAAC,EAAAC,GAAA,EAAA,KAAA,GAAAL,EAAI,GAAIO,IAAA,GAAA,CAC7CP,MAAI,OAArBjC,EAAA,GAAAI,EAAyEC,GAAA;;GAA1C,aAAY;GAAW,OAAM;EACvCC,CAAAA,KAAAA,EAAAqC,CAAA,CAAc,CAACV,CAAI,KAAxCjC,EAAA,GAAAC,EAWWC,GAAA,EAAA,KAAA,EAAA,GAAA,CATDqB,EAAM,UAAU,sBAAsBU,MAD9CjC,EAAA,GAAAI,EASEG,GAAA;;GAPC,OAAOgB,EAAM,UAAU,oBAAoBU;GAC3C,QAAQV,EAAM;GACd,UAAUA,EAAM;GAChB,UAAUA,EAAM;GAChB,OAAOA,EAAM,UAAU;GACvB,MAAMA,EAAM;GACZ,OAAG,AAAAqB,EAAA,QAAG,MAAmBnB,EAAI,OAAQO,CAAM;;;;;;;;EAInC1B,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,KAAAA,EAAAwC,CAAA,CAAY,CAACb,CAAI,KAD9BjC,EAAA,GAAAI,EAOEK,GAAA;;GALC,MAAMH,EAAAwC,CAAA,CAAY,CAACb,CAAI;GACvB,WAAWV,EAAM;GACjB,UAAUA,EAAM;GAChB,MAAMA,EAAM,cAAcjB,EAAAwC,CAAA,CAAY,CAACb,CAAI;GAC3C,WAAM,MAAER,EAAI,eAAgBnB,EAAAwC,CAAA,CAAY,CAACb,CAAI,CAAA;;;;;;;EAGnC,CAAA,KAAAF,EAAYE,CAAI,KAD7BjC,EAAA,GAAAI,EAkBSM,GAAA;;GAhBP,MAAK;GACL,SAAQ;GACR,MAAK;GACJ,cAAYqB,EAAYE,CAAI,CAAA,CAAG;GAC/B,OAAOF,EAAYE,CAAI,CAAA,CAAG;GAC1B,gBAAcF,EAAYE,CAAI,CAAA,CAAG;GACjC,UAAQ,CAAGV,EAAM;GACjB,OAAKZ,EAAEL,EAAA0C,CAAA,CAAE,CAACjB,EAAYE,CAAI,CAAA,CAAG,UAAM,kCAAA,CAAA;GACnC,aAAS,AAAAW,EAAA,OAAAhC,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,UAAK,MAAEa,EAAI,OAAQQ,CAAI;;GAExB,SAAApB,QAIE,CAJFC,EAIEC,GAAA;IAHO;IACN,OAAOgB,EAAYE,CAAI,CAAA,CAAG;IAC1B,OAAOV,EAAM,UAAU"}

package/dist/components/fields/RichEditorToolbarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarGroup.js","names":["_sfc_main","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarGroup_default"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  RichEditorToolbarGroupSchema,\n  RichEditorToolSchema,\n  ToolbarCommand,\n} from '@alfakit/core'\nimport { commandLabel, groupTriggerButton } from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** A `ToolbarButtonGroup`: a dropdown of buttons (icons, or labels with `textualButtons()`). */\nconst props = defineProps<{\n  group: RichEditorToolbarGroupSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  tools?: RichEditorToolSchema[] | null\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n}>()\nconst emit = defineEmits<{ run: [name: string] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\nconst buttons = computed(() => props.group.buttons.filter((name) => props.commands[name]))\nconst trigger = computed(() => {\n  void props.tick\n\n  return groupTriggerButton(buttons.value, props.editor, props.commands)\n})\nconst active = computed(() => {\n  void props.tick\n\n  return buttons.value.some((name) => props.commands[name]?.active?.(props.editor))\n})\nconst label = (name: string) => commandLabel(name, props.commands, translate)\nconst pressed = (name: string) => {\n  void props.tick\n\n  return Boolean(props.commands[name]?.active?.(props.editor))\n}\n</script>\n\n<template>\n  <DropdownMenu v-if=\"buttons.length > 0\">\n    <DropdownMenuTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        :aria-label=\"props.group.label\"\n        :title=\"props.group.label\"\n        :disabled=\"!props.editable\"\n        :class=\"cn('h-8 gap-0.5 px-1.5', active && 'bg-accent text-accent-foreground')\"\n        @mousedown.prevent\n      >\n        <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n        <RichEditorToolIcon\n          v-else-if=\"trigger\"\n          :name=\"trigger\"\n          :label=\"label(trigger)\"\n          :tools=\"props.tools\"\n        />\n        <template v-else>{{ props.group.label }}</template>\n        <ChevronDownIcon class=\"size-3 opacity-60\" />\n      </Button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent\n      align=\"start\"\n      :aria-label=\"props.group.label\"\n      :class=\"cn(!props.group.textual && 'flex min-w-0 flex-row gap-0.5')\"\n    >\n      <DropdownMenuItem\n        v-for=\"name in buttons\"\n        :key=\"name\"\n        :aria-label=\"props.group.textual ? undefined : label(name)\"\n        :title=\"label(name)\"\n        :class=\"cn(pressed(name) && 'bg-accent text-accent-foreground')\"\n        @select=\"emit('run', name)\"\n      >\n        <RichEditorToolIcon :name=\"name\" :label=\"label(name)\" :tools=\"props.tools\" />\n        <span v-if=\"props.group.textual\">{{ label(name) }}</span>\n      </DropdownMenuItem>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorToolbarGroup.js","names":["_sfc_main","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarGroup_default"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"mappings":""}

package/dist/components/fields/RichEditorToolbarGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EACV,4BAA4B,EAC5B,oBAAoB,EACpB,cAAc,EACf,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAY3C,gGAAgG;AAChG,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,4BAA4B,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAA;IACrC,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;;;;;;AAwNF,wBAOG"}
+{"version":3,"file":"RichEditorToolbarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EACV,4BAA4B,EAC5B,oBAAoB,EACpB,cAAc,EACf,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAY3C,gGAAgG;AAChG,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,4BAA4B,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAA;IACrC,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;;;;;;AA8OF,wBAOG"}

package/dist/components/fields/RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js

@@ -23,7 +23,11 @@ var D = { key: 0 }, O = /*@__PURE__*/ v({
 	},
 	emits: ["run"],
 	setup(v, { emit: O }) {
-		let k = v, A = O, j = e(), M = (e, t) => j(e, {}, t), N = f(() => k.group.buttons.filter((e) => k.commands[e])), P = f(() => (k.tick, u(N.value, k.editor, k.commands))), F = f(() => (k.tick, N.value.some((e) => k.commands[e]?.active?.(k.editor)))), I = (e) => l(e, k.commands, M), L = (e) => (k.tick, !!k.commands[e]?.active?.(k.editor));
+		let k = v, A = O, j = e(), M = (e, t) => j(e, {}, t), N = f(() => k.group.buttons.filter((e) => k.commands[e])), P = f(() => (k.tick, u(N.value, k.editor, k.commands))), F = f(() => (k.tick, N.value.some((e) => k.commands[e]?.active?.(k.editor)))), I = (e) => l(e, k.commands, M), L = !1, R = (e) => {
+			L = !0, A("run", e);
+		}, z = (e) => {
+			L && (L = !1, e.preventDefault(), k.editor.commands.focus());
+		}, B = (e) => (k.tick, !!k.commands[e]?.active?.(k.editor));
 		return (e, l) => N.value.length > 0 ? (b(), p(i, { key: 0 }, {
 			default: w(() => [_(s, { "as-child": "" }, {
 				default: w(() => [_(r, {
@@ -60,14 +64,15 @@ var D = { key: 0 }, O = /*@__PURE__*/ v({
 			}), _(a, {
 				align: "start",
 				"aria-label": k.group.label,
-				class: y(C(t)(!k.group.textual && "flex min-w-0 flex-row gap-0.5"))
+				class: y(C(t)(!k.group.textual && "flex min-w-0 flex-row gap-0.5")),
+				onCloseAutoFocus: z
 			}, {
 				default: w(() => [(b(!0), h(d, null, x(N.value, (e) => (b(), p(o, {
 					key: e,
 					"aria-label": k.group.textual ? void 0 : I(e),
 					title: I(e),
-					class: y(C(t)(L(e) && "bg-accent text-accent-foreground")),
-					onSelect: (t) => A("run", e)
+					class: y(C(t)(B(e) && "bg-accent text-accent-foreground")),
+					onSelect: (t) => R(e)
 				}, {
 					default: w(() => [_(c, {
 						name: e,

package/dist/components/fields/RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","Button","_normalizeClass","_unref","_withModifiers","Icon","RichEditorToolIcon","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","DropdownMenuContent","_renderList","DropdownMenuItem","_createCommentVNode","Icon_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","RichEditorToolIcon_default","_hoisted_1","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttons","computed","name","trigger","groupTriggerButton","active","label","commandLabel","pressed","openBlock","createBlock","withCtx","createVNode","normalizeClass","unref","cn","_cache","withModifiers","createElementBlock","Fragment","createTextVNode","toDisplayString","ChevronDownIcon","renderList","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  RichEditorToolbarGroupSchema,\n  RichEditorToolSchema,\n  ToolbarCommand,\n} from '@alfakit/core'\nimport { commandLabel, groupTriggerButton } from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** A `ToolbarButtonGroup`: a dropdown of buttons (icons, or labels with `textualButtons()`). */\nconst props = defineProps<{\n  group: RichEditorToolbarGroupSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  tools?: RichEditorToolSchema[] | null\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n}>()\nconst emit = defineEmits<{ run: [name: string] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\nconst buttons = computed(() => props.group.buttons.filter((name) => props.commands[name]))\nconst trigger = computed(() => {\n  void props.tick\n\n  return groupTriggerButton(buttons.value, props.editor, props.commands)\n})\nconst active = computed(() => {\n  void props.tick\n\n  return buttons.value.some((name) => props.commands[name]?.active?.(props.editor))\n})\nconst label = (name: string) => commandLabel(name, props.commands, translate)\nconst pressed = (name: string) => {\n  void props.tick\n\n  return Boolean(props.commands[name]?.active?.(props.editor))\n}\n</script>\n\n<template>\n  <DropdownMenu v-if=\"buttons.length > 0\">\n    <DropdownMenuTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        :aria-label=\"props.group.label\"\n        :title=\"props.group.label\"\n        :disabled=\"!props.editable\"\n        :class=\"cn('h-8 gap-0.5 px-1.5', active && 'bg-accent text-accent-foreground')\"\n        @mousedown.prevent\n      >\n        <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n        <RichEditorToolIcon\n          v-else-if=\"trigger\"\n          :name=\"trigger\"\n          :label=\"label(trigger)\"\n          :tools=\"props.tools\"\n        />\n        <template v-else>{{ props.group.label }}</template>\n        <ChevronDownIcon class=\"size-3 opacity-60\" />\n      </Button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent\n      align=\"start\"\n      :aria-label=\"props.group.label\"\n      :class=\"cn(!props.group.textual && 'flex min-w-0 flex-row gap-0.5')\"\n    >\n      <DropdownMenuItem\n        v-for=\"name in buttons\"\n        :key=\"name\"\n        :aria-label=\"props.group.textual ? undefined : label(name)\"\n        :title=\"label(name)\"\n        :class=\"cn(pressed(name) && 'bg-accent text-accent-foreground')\"\n        @select=\"emit('run', name)\"\n      >\n        <RichEditorToolIcon :name=\"name\" :label=\"label(name)\" :tools=\"props.tools\" />\n        <span v-if=\"props.group.textual\">{{ label(name) }}</span>\n      </DropdownMenuItem>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAM8B,IAAQC,GASRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,KAAa,GAAa,MAAqBF,EAAEG,GAAK,CAAC,GAAGC,CAAQ,GAElEC,IAAUC,QAAeT,EAAM,MAAM,QAAQ,QAAQ,MAASA,EAAM,SAASU,EAAK,CAAC,GACnFC,IAAUF,SACdT,EAAW,MAEJY,EAAmBJ,EAAQ,OAAOR,EAAM,QAAQA,EAAM,QAAQ,EACtE,GACKa,IAASJ,SACbT,EAAW,MAEJQ,EAAQ,MAAM,MAAM,MAASR,EAAM,SAASU,EAAK,EAAE,SAASV,EAAM,MAAM,CAAC,EACjF,GACKc,KAAS,MAAiBC,EAAaL,GAAMV,EAAM,UAAUK,CAAS,GACtEW,KAAW,OACfhB,EAAW,MAEJ,EAAQA,EAAM,SAASU,EAAK,EAAE,SAASV,EAAM,MAAM;mBAKtCQ,EAAA,MAAQ,SAAM,KAAlCtC,EAAA,GAAAC,EAwCeC,GAAA,EAAA,KAAA,EAAA,GAAA;GAvCb,SAAAC,QAqBsB,CArBtBC,EAqBsBC,GAAA,EArBD,YAAA,GAAQ,GAAA;IAC3B,SAAAF,QAmBS,CAnBTC,EAmBSE,GAAA;KAlBP,MAAK;KACL,SAAQ;KACR,MAAK;KACJ,cAAYwB,EAAM,MAAM;KACxB,OAAOA,EAAM,MAAM;KACnB,UAAQ,CAAGA,EAAM;KACjB,OAAKvB,EAAEC,EAAA6C,CAAA,CAAE,CAAA,sBAAuBV,EAAA,SAAM,kCAAA,CAAA;KACtC,aAAS,AAAAW,EAAA,OAAA7C,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;;KAElB,SAAAN,QAAyD,CAA7C2B,EAAM,MAAM,QAAxB9B,EAAA,GAAAC,EAAyDO,EAAAE,CAAA,GAAA;;MAA1B,MAAMoB,EAAM,MAAM;KAEpC,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAAW,EAAA,SADbzC,EAAA,GAAAC,EAKEU,GAAA;;MAHC,MAAM8B,EAAA;MACN,OAAOG,EAAMH,EAAA,KAAO;MACpB,OAAOX,EAAM;;;;;KAEhB9B,CAAAA,MAAAA,EAAA,GAAAY,EAAmDC,GAAA,EAAA,KAAA,EAAA,GAAA,CAA/BC,EAAAC,EAAAe,EAAM,MAAM,KAAK,GAAA,CAAA,CAAA,GAAA,EAAA,IACrC1B,EAA6CI,EAAAoD,CAAA,GAAA,EAA5B,OAAM,oBAAmB,CAAA,CAAA,CAAA;;;;;;;;;GAG9CxD,CAAAA,GAAAA,EAgBsBY,GAAA;IAfpB,OAAM;IACL,cAAYc,EAAM,MAAM;IACxB,OAAKvB,EAAEC,EAAA6C,CAAA,CAAE,CAAA,CAAEvB,EAAM,MAAM,WAAO,+BAAA,CAAA;;IAG7B,SAAA3B,QAAuB,EADzBH,EAAA,EAAA,GAAAY,EAUmBC,GAAA,MAAAI,EATFqB,EAAA,QAAR,OADTtC,EAAA,GAAAC,EAUmBiB,GAAA;KARhB,KAAKsB;KACL,cAAYV,EAAM,MAAM,UAAU,KAAA,IAAYc,EAAMJ,CAAI;KACxD,OAAOI,EAAMJ,CAAI;KACjB,OAAKjC,EAAEC,EAAA6C,CAAA,CAAE,CAACP,EAAQN,CAAI,KAAA,kCAAA,CAAA;KACtB,WAAM,MAAER,EAAI,OAAQQ,CAAI;;KAEzB,SAAArC,QAA6E,CAA7EC,EAA6EO,GAAA;MAAlD;MAAO,OAAOiC,EAAMJ,CAAI;MAAI,OAAOV,EAAM;;;;;KACxD,CAAA,GAAAA,EAAM,MAAM,WAAxB9B,EAAA,GAAAY,EAAyD,QAAAe,GAAAZ,EAArB6B,EAAMJ,CAAI,CAAA,GAAA,CAAA,KAAAsB,EAAA,IAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","Button","_normalizeClass","_unref","_withModifiers","Icon","RichEditorToolIcon","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","DropdownMenuContent","_renderList","DropdownMenuItem","_createCommentVNode","Icon_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","RichEditorToolIcon_default","_hoisted_1","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttons","computed","name","trigger","groupTriggerButton","active","label","commandLabel","picked","pick","closeAutoFocus","event","pressed","openBlock","createBlock","withCtx","createVNode","normalizeClass","unref","cn","_cache","withModifiers","createElementBlock","Fragment","createTextVNode","toDisplayString","ChevronDownIcon","renderList","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"mappings":"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"}

package/dist/components/fields/SelectAffixes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAffixes.js","names":["_sfc_main","SelectAffixes_vue_vue_type_script_setup_true_lang_default","SelectAffixes_default"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Affixes } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\n\n/** Prefix/suffix text and icons around a select or date picker (with icon colours). */\nconst props = defineProps<{ component: Affixes; error?: string }>()\n\nconst hasPrefix = computed(() => Boolean(props.component.prefix || props.component.prefixIcon))\nconst hasSuffix = computed(() => Boolean(props.component.suffix || props.component.suffixIcon))\n</script>\n\n<template>\n  <div\n    v-if=\"hasPrefix || hasSuffix\"\n    data-slot=\"input-group\"\n    :class=\"\n      cn(\n        'border-input dark:bg-input/30 has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 flex min-h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[:focus-visible]:ring-[3px]',\n        props.error && 'border-destructive',\n      )\n    \"\n  >\n    <span\n      v-if=\"hasPrefix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm whitespace-nowrap\"\n    >\n      <Icon\n        :name=\"props.component.prefixIcon\"\n        :class=\"\n          props.component.prefixIconColor && textColorClasses[props.component.prefixIconColor]\n        \"\n      />\n      {{ props.component.prefix }}\n    </span>\n    <div\n      class=\"min-w-0 flex-1 *:h-full *:w-full *:rounded-none *:border-0 *:bg-transparent *:shadow-none *:focus-visible:ring-0 dark:*:bg-transparent\"\n    >\n      <slot />\n    </div>\n    <span\n      v-if=\"hasSuffix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm whitespace-nowrap\"\n    >\n      {{ props.component.suffix }}\n      <Icon\n        :name=\"props.component.suffixIcon\"\n        :class=\"\n          props.component.suffixIconColor && textColorClasses[props.component.suffixIconColor]\n        \"\n      />\n    </span>\n  </div>\n  <slot v-else />\n</template>\n"],"mappings":""}
+{"version":3,"file":"SelectAffixes.js","names":["_sfc_main","SelectAffixes_vue_vue_type_script_setup_true_lang_default","SelectAffixes_default"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"mappings":""}

package/dist/components/fields/SelectAffixes.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAffixes.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","SelectAffixes_vue_vue_type_script_setup_true_lang_default","props","__props","hasPrefix","computed","hasSuffix","openBlock","createElementBlock","normalizeClass","unref","cn","createVNode","textColorClasses","createTextVNode","toDisplayString","createCommentVNode","createElementVNode","renderSlot","_ctx"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Affixes } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\n\n/** Prefix/suffix text and icons around a select or date picker (with icon colours). */\nconst props = defineProps<{ component: Affixes; error?: string }>()\n\nconst hasPrefix = computed(() => Boolean(props.component.prefix || props.component.prefixIcon))\nconst hasSuffix = computed(() => Boolean(props.component.suffix || props.component.suffixIcon))\n</script>\n\n<template>\n  <div\n    v-if=\"hasPrefix || hasSuffix\"\n    data-slot=\"input-group\"\n    :class=\"\n      cn(\n        'border-input dark:bg-input/30 has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 flex min-h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[:focus-visible]:ring-[3px]',\n        props.error && 'border-destructive',\n      )\n    \"\n  >\n    <span\n      v-if=\"hasPrefix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm whitespace-nowrap\"\n    >\n      <Icon\n        :name=\"props.component.prefixIcon\"\n        :class=\"\n          props.component.prefixIconColor && textColorClasses[props.component.prefixIconColor]\n        \"\n      />\n      {{ props.component.prefix }}\n    </span>\n    <div\n      class=\"min-w-0 flex-1 *:h-full *:w-full *:rounded-none *:border-0 *:bg-transparent *:shadow-none *:focus-visible:ring-0 dark:*:bg-transparent\"\n    >\n      <slot />\n    </div>\n    <span\n      v-if=\"hasSuffix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm whitespace-nowrap\"\n    >\n      {{ props.component.suffix }}\n      <Icon\n        :name=\"props.component.suffixIcon\"\n        :class=\"\n          props.component.suffixIconColor && textColorClasses[props.component.suffixIconColor]\n        \"\n      />\n    </span>\n  </div>\n  <slot v-else />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,IAAMgB,IAAQC,GAERC,IAAYC,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW,GACxFI,IAAYD,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW;mBAKpFE,EAAA,SAAaE,EAAA,SADrBpB,EAAA,GAAAC,EAuCM,OAAA;;GArCJ,aAAU;GACT,OAAKC,EAASC,EAAAsB,CAAA,CAAE,CAAA,kNAAoOT,EAAM,SAAK,oBAAA,CAAA;;GAQxPE,EAAA,SADRlB,EAAA,GAAAC,EAWO,QAXPW,GAWO,CAPLR,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;GAGvFV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAAA,MACFC,EAAGS,EAAM,UAAU,MAAM,GAAA,CAAA,CAAA,CAAA,KAAAc,EAAA,IAAA,EAAA;GAE3BrB,EAIM,OAJNI,GAIM,CADJH,EAAQuB,EAAA,QAAA,SAAA,CAAA,CAAA;GAGFb,EAAA,SADRpB,EAAA,GAAAC,EAWO,QAXPa,GAWO,CAPFR,EAAAC,EAAAS,EAAM,UAAU,MAAM,IAAG,KAC5B,CAAA,GAAAZ,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;;EAM7FN,GAAAA,CAAAA,KAAAA,EAAeuB,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}
+{"version":3,"file":"SelectAffixes.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","SelectAffixes_vue_vue_type_script_setup_true_lang_default","props","__props","hasPrefix","computed","hasSuffix","openBlock","createElementBlock","normalizeClass","unref","cn","createVNode","textColorClasses","createTextVNode","toDisplayString","createCommentVNode","createElementVNode","renderSlot","_ctx"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,IAAMgB,IAAQC,GAERC,IAAYC,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW,GACxFI,IAAYD,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW;mBAKpFE,EAAA,SAAaE,EAAA,SADrBpB,EAAA,GAAAC,EAuCM,OAAA;;GArCJ,aAAU;GACT,OAAKC,EAASC,EAAAsB,CAAA,CAAE,CAAA,kNAAoOT,EAAM,SAAK,oBAAA,CAAA;;GAQxPE,EAAA,SADRlB,EAAA,GAAAC,EAWO,QAXPW,GAWO,CAPLR,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;GAGvFV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAAA,MACFC,EAAGS,EAAM,UAAU,MAAM,GAAA,CAAA,CAAA,CAAA,KAAAc,EAAA,IAAA,EAAA;GAE3BrB,EAIM,OAJNI,GAIM,CADJH,EAAQuB,EAAA,QAAA,SAAA,CAAA,CAAA;GAGFb,EAAA,SADRpB,EAAA,GAAAC,EAWO,QAXPa,GAWO,CAPFR,EAAAC,EAAAS,EAAM,UAAU,MAAM,IAAG,KAC5B,CAAA,GAAAZ,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;;EAM7FN,GAAAA,CAAAA,KAAAA,EAAeuB,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}

package/dist/components/fields/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","names":["_sfc_main","SelectField_vue_vue_type_script_setup_true_lang_default","SelectField_default"],"sources":["../../../src/components/fields/SelectField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectSchema } from '@alfakit/core'\nimport { htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Select from '../ui/Select.vue'\nimport SelectContent from '../ui/SelectContent.vue'\nimport SelectGroup from '../ui/SelectGroup.vue'\nimport SelectItem from '../ui/SelectItem.vue'\nimport SelectLabel from '../ui/SelectLabel.vue'\nimport SelectTrigger from '../ui/SelectTrigger.vue'\nimport SelectValue from '../ui/SelectValue.vue'\nimport ComboboxSelect from './ComboboxSelect.vue'\nimport OptionLabel from './OptionLabel.vue'\nimport SelectAffixes from './SelectAffixes.vue'\n\nconst props = defineProps<{ component: SelectSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<\n  string | number | Array<string | number> | null\n>(() => props.component)\n\nconst isNative = computed(\n  () => props.component.native && !props.component.multiple && !props.component.searchable,\n)\nconst isSimple = computed(() => !props.component.multiple && !props.component.searchable)\nconst current = computed(() =>\n  value.value === null || value.value === undefined ? '' : String(value.value),\n)\nconst hasValue = computed(\n  () => value.value !== null && value.value !== undefined && value.value !== '',\n)\nconst t = useT()\n/** Text of an option label for native `<option>`s (`allowHtml()` labels are HTML). */\nconst plainLabel = (label: string): string =>\n  props.component.allowHtml ? htmlLabelToText(label) : label\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <SelectAffixes :component=\"props.component\" :error=\"error\">\n      <select\n        v-if=\"isNative\"\n        :id=\"id\"\n        :name=\"props.component.name\"\n        :value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        :required=\"props.component.required\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :aria-readonly=\"readOnly || undefined\"\n        class=\"border-input dark:bg-input/30 focus-visible:ring-ring/50 h-9 w-full rounded-md border bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:ring-[3px]\"\n        @change=\"\n          setValue(\n            ($event.target as HTMLSelectElement).value === ''\n              ? null\n              : ($event.target as HTMLSelectElement).value,\n          )\n        \"\n        @blur=\"blur\"\n      >\n        <option v-if=\"props.component.selectablePlaceholder\" value=\"\">\n          {{ props.component.placeholder ?? t('select_option', {}, 'Select an option') }}\n        </option>\n        <template\n          v-for=\"option in props.component.options\"\n          :key=\"isOptionGroup(option) ? option.label : option.value\"\n        >\n          <optgroup v-if=\"isOptionGroup(option)\" :label=\"option.label\">\n            <option\n              v-for=\"item in option.options\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :disabled=\"item.disabled\"\n            >\n              {{ plainLabel(item.label) }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"option.value\" :disabled=\"option.disabled\">\n            {{ plainLabel(option.label) }}\n          </option>\n        </template>\n      </select>\n      <Select\n        v-else-if=\"isSimple\"\n        :model-value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        @update:model-value=\"setValue($event === '__none__' ? null : ($event as string))\"\n      >\n        <SelectTrigger\n          :id=\"id\"\n          :aria-invalid=\"aria['aria-invalid']\"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-required=\"aria['aria-required']\"\n          :aria-readonly=\"readOnly || undefined\"\n          class=\"w-full\"\n        >\n          <SelectValue\n            :placeholder=\"props.component.placeholder ?? t('select_option', {}, 'Select an option')\"\n          />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem\n            v-if=\"props.component.selectablePlaceholder && hasValue\"\n            value=\"__none__\"\n            class=\"text-muted-foreground\"\n            >{{ props.component.placeholder ?? '—' }}</SelectItem\n          >\n          <template\n            v-for=\"option in props.component.options\"\n            :key=\"isOptionGroup(option) ? option.label : option.value\"\n          >\n            <SelectGroup v-if=\"isOptionGroup(option)\">\n              <SelectLabel>{{ option.label }}</SelectLabel>\n              <SelectItem\n                v-for=\"item in option.options\"\n                :key=\"item.value\"\n                :value=\"item.value\"\n                :disabled=\"item.disabled\"\n              >\n                <OptionLabel\n                  :option=\"item\"\n                  :allow-html=\"props.component.allowHtml\"\n                  :wrap=\"props.component.wrapOptionLabels !== false\"\n                />\n              </SelectItem>\n            </SelectGroup>\n            <SelectItem v-else :value=\"option.value\" :disabled=\"option.disabled\">\n              <OptionLabel\n                :option=\"option\"\n                :allow-html=\"props.component.allowHtml\"\n                :wrap=\"props.component.wrapOptionLabels !== false\"\n              />\n            </SelectItem>\n          </template>\n          <div\n            v-if=\"props.component.options.length === 0\"\n            data-slot=\"select-empty\"\n            class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n          >\n            {{\n              props.component.noOptionsMessage ?? t('form.no_options', {}, 'No options available.')\n            }}\n          </div>\n        </SelectContent>\n      </Select>\n      <ComboboxSelect\n        v-else\n        :id=\"id\"\n        :component=\"props.component\"\n        :value=\"value\"\n        :set-value=\"setValue\"\n        :disabled=\"disabled\"\n        :read-only=\"readOnly\"\n        :error=\"error\"\n        :aria=\"aria\"\n      />\n    </SelectAffixes>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SelectField.js","names":["_sfc_main","SelectField_vue_vue_type_script_setup_true_lang_default","SelectField_default"],"sources":["../../../src/components/fields/SelectField.vue"],"mappings":""}

package/dist/components/fields/SelectField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","SelectAffixes","_createElementBlock","_toDisplayString","_createCommentVNode","_Fragment","_renderList","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","_createTextVNode","SelectGroup","SelectLabel","OptionLabel","ComboboxSelect","FieldWrapper_default","SelectAffixes_default","Select_default","SelectContent_default","SelectGroup_default","SelectItem_default","SelectLabel_default","SelectTrigger_default","SelectValue_default","OptionLabel_default","ComboboxSelect_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","SelectField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","isNative","computed","isSimple","current","value","hasValue","t","useT","plainLabel","htmlLabelToText","label","openBlock","createBlock","unref","id","error","withCtx","createVNode","createElementBlock","disabled","readOnly","aria","_cache","setValue","$event","args","blur","toDisplayString","createCommentVNode","Fragment","renderList","isOptionGroup","option","item","createTextVNode"],"sources":["../../../src/components/fields/SelectField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectSchema } from '@alfakit/core'\nimport { htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Select from '../ui/Select.vue'\nimport SelectContent from '../ui/SelectContent.vue'\nimport SelectGroup from '../ui/SelectGroup.vue'\nimport SelectItem from '../ui/SelectItem.vue'\nimport SelectLabel from '../ui/SelectLabel.vue'\nimport SelectTrigger from '../ui/SelectTrigger.vue'\nimport SelectValue from '../ui/SelectValue.vue'\nimport ComboboxSelect from './ComboboxSelect.vue'\nimport OptionLabel from './OptionLabel.vue'\nimport SelectAffixes from './SelectAffixes.vue'\n\nconst props = defineProps<{ component: SelectSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<\n  string | number | Array<string | number> | null\n>(() => props.component)\n\nconst isNative = computed(\n  () => props.component.native && !props.component.multiple && !props.component.searchable,\n)\nconst isSimple = computed(() => !props.component.multiple && !props.component.searchable)\nconst current = computed(() =>\n  value.value === null || value.value === undefined ? '' : String(value.value),\n)\nconst hasValue = computed(\n  () => value.value !== null && value.value !== undefined && value.value !== '',\n)\nconst t = useT()\n/** Text of an option label for native `<option>`s (`allowHtml()` labels are HTML). */\nconst plainLabel = (label: string): string =>\n  props.component.allowHtml ? htmlLabelToText(label) : label\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <SelectAffixes :component=\"props.component\" :error=\"error\">\n      <select\n        v-if=\"isNative\"\n        :id=\"id\"\n        :name=\"props.component.name\"\n        :value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        :required=\"props.component.required\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :aria-readonly=\"readOnly || undefined\"\n        class=\"border-input dark:bg-input/30 focus-visible:ring-ring/50 h-9 w-full rounded-md border bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:ring-[3px]\"\n        @change=\"\n          setValue(\n            ($event.target as HTMLSelectElement).value === ''\n              ? null\n              : ($event.target as HTMLSelectElement).value,\n          )\n        \"\n        @blur=\"blur\"\n      >\n        <option v-if=\"props.component.selectablePlaceholder\" value=\"\">\n          {{ props.component.placeholder ?? t('select_option', {}, 'Select an option') }}\n        </option>\n        <template\n          v-for=\"option in props.component.options\"\n          :key=\"isOptionGroup(option) ? option.label : option.value\"\n        >\n          <optgroup v-if=\"isOptionGroup(option)\" :label=\"option.label\">\n            <option\n              v-for=\"item in option.options\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :disabled=\"item.disabled\"\n            >\n              {{ plainLabel(item.label) }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"option.value\" :disabled=\"option.disabled\">\n            {{ plainLabel(option.label) }}\n          </option>\n        </template>\n      </select>\n      <Select\n        v-else-if=\"isSimple\"\n        :model-value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        @update:model-value=\"setValue($event === '__none__' ? null : ($event as string))\"\n      >\n        <SelectTrigger\n          :id=\"id\"\n          :aria-invalid=\"aria['aria-invalid']\"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-required=\"aria['aria-required']\"\n          :aria-readonly=\"readOnly || undefined\"\n          class=\"w-full\"\n        >\n          <SelectValue\n            :placeholder=\"props.component.placeholder ?? t('select_option', {}, 'Select an option')\"\n          />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem\n            v-if=\"props.component.selectablePlaceholder && hasValue\"\n            value=\"__none__\"\n            class=\"text-muted-foreground\"\n            >{{ props.component.placeholder ?? '—' }}</SelectItem\n          >\n          <template\n            v-for=\"option in props.component.options\"\n            :key=\"isOptionGroup(option) ? option.label : option.value\"\n          >\n            <SelectGroup v-if=\"isOptionGroup(option)\">\n              <SelectLabel>{{ option.label }}</SelectLabel>\n              <SelectItem\n                v-for=\"item in option.options\"\n                :key=\"item.value\"\n                :value=\"item.value\"\n                :disabled=\"item.disabled\"\n              >\n                <OptionLabel\n                  :option=\"item\"\n                  :allow-html=\"props.component.allowHtml\"\n                  :wrap=\"props.component.wrapOptionLabels !== false\"\n                />\n              </SelectItem>\n            </SelectGroup>\n            <SelectItem v-else :value=\"option.value\" :disabled=\"option.disabled\">\n              <OptionLabel\n                :option=\"option\"\n                :allow-html=\"props.component.allowHtml\"\n                :wrap=\"props.component.wrapOptionLabels !== false\"\n              />\n            </SelectItem>\n          </template>\n          <div\n            v-if=\"props.component.options.length === 0\"\n            data-slot=\"select-empty\"\n            class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n          >\n            {{\n              props.component.noOptionsMessage ?? t('form.no_options', {}, 'No options available.')\n            }}\n          </div>\n        </SelectContent>\n      </Select>\n      <ComboboxSelect\n        v-else\n        :id=\"id\"\n        :component=\"props.component\"\n        :value=\"value\"\n        :set-value=\"setValue\"\n        :disabled=\"disabled\"\n        :read-only=\"readOnly\"\n        :error=\"error\"\n        :aria=\"aria\"\n      />\n    </SelectAffixes>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SelectField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","SelectAffixes","_createElementBlock","_toDisplayString","_createCommentVNode","_Fragment","_renderList","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","_createTextVNode","SelectGroup","SelectLabel","OptionLabel","ComboboxSelect","FieldWrapper_default","SelectAffixes_default","Select_default","SelectContent_default","SelectGroup_default","SelectItem_default","SelectLabel_default","SelectTrigger_default","SelectValue_default","OptionLabel_default","ComboboxSelect_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","SelectField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","isNative","computed","isSimple","current","value","hasValue","t","useT","plainLabel","htmlLabelToText","label","openBlock","createBlock","unref","id","error","withCtx","createVNode","createElementBlock","disabled","readOnly","aria","_cache","setValue","$event","args","blur","toDisplayString","createCommentVNode","Fragment","renderList","isOptionGroup","option","item","createTextVNode"],"sources":["../../../src/components/fields/SelectField.vue"],"mappings":"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"}

package/dist/components/fields/SelectReorderList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectReorderList.js","names":["_sfc_main","SelectReorderList_vue_vue_type_script_setup_true_lang_default","SelectReorderList_default"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset } from '@alfakit/core'\nimport { GripVerticalIcon, XIcon } from '@lucide/vue'\nimport { nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/** The chosen options of a `reorderable()` multi-select, in order. */\nconst props = defineProps<{\n  id: string\n  values: Array<string | number>\n  labelFor: (key: string) => string\n  locked: boolean\n  canRemove: boolean\n  onChange: (values: Array<string | number>) => void\n}>()\n\nconst t = useT()\nconst direction = useDirection()\nconst listRef = ref<HTMLElement | null>(null)\nconst dragIndex = ref<number | null>(null)\nconst announcement = ref('')\n\nconst move = (from: number, to: number) => {\n  if (to < 0 || to >= props.values.length) {\n    return\n  }\n\n  const label = props.labelFor(String(props.values[from]))\n  const total = props.values.length\n  props.onChange(moveListItem(props.values, from, to))\n  announcement.value = t(\n    'form.option_moved',\n    { option: label, position: to + 1, total },\n    ':option moved to position :position of :total',\n  )\n  void nextTick(() =>\n    listRef.value?.querySelectorAll<HTMLElement>('[data-select-chip]')[to]?.focus(),\n  )\n}\n\nconst onKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (props.locked || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  move(index, index + offset)\n}\n\nconst onDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index) move(dragIndex.value, index)\n  dragIndex.value = null\n}\n\nconst onDragOver = (event: DragEvent) => {\n  if (!props.locked) event.preventDefault()\n}\n</script>\n\n<template>\n  <template v-if=\"props.values.length > 0\">\n    <ul ref=\"listRef\" data-slot=\"select-reorder-list\" class=\"mt-2 flex flex-wrap gap-1.5\">\n      <li\n        v-for=\"(item, index) in props.values\"\n        :key=\"String(item)\"\n        data-select-chip=\"\"\n        :tabindex=\"props.locked ? undefined : 0\"\n        :aria-describedby=\"props.locked ? undefined : `${props.id}-reorder-hint`\"\n        :draggable=\"!props.locked\"\n        :class=\"\n          cn(\n            'bg-secondary text-secondary-foreground focus-visible:ring-ring/50 inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium outline-none focus-visible:ring-[3px]',\n            !props.locked && 'cursor-grab',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @keydown=\"onKeyDown($event, index)\"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"onDragOver\"\n        @drop=\"onDrop(index)\"\n        @dragend=\"dragIndex = null\"\n      >\n        <GripVerticalIcon\n          v-if=\"!props.locked\"\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground size-3\"\n        />\n        <span>{{ props.labelFor(String(item)) }}</span>\n        <button\n          v-if=\"!props.locked && props.canRemove\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag: props.labelFor(String(item)) }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"props.onChange(props.values.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </li>\n    </ul>\n    <span v-if=\"!props.locked\" :id=\"`${props.id}-reorder-hint`\" class=\"sr-only\">{{\n      t('form.reorder_options_hint', {}, 'Press Alt with an arrow key to move this option.')\n    }}</span>\n    <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SelectReorderList.js","names":["_sfc_main","SelectReorderList_vue_vue_type_script_setup_true_lang_default","SelectReorderList_default"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"mappings":""}

package/dist/components/fields/SelectReorderList.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectReorderList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderList","_normalizeClass","_unref","_createBlock","_createCommentVNode","_toDisplayString","_createVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","SelectReorderList_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","listRef","ref","dragIndex","announcement","move","to","label","from","total","moveListItem","nextTick","onKeyDown","offset","reorderOffset","event","index","onDrop","onDragOver","openBlock","createElementBlock","Fragment","createElementVNode","renderList","item","normalizeClass","unref","cn","$event","_cache","createCommentVNode","createBlock","GripVerticalIcon","toDisplayString","i","createVNode","XIcon"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset } from '@alfakit/core'\nimport { GripVerticalIcon, XIcon } from '@lucide/vue'\nimport { nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/** The chosen options of a `reorderable()` multi-select, in order. */\nconst props = defineProps<{\n  id: string\n  values: Array<string | number>\n  labelFor: (key: string) => string\n  locked: boolean\n  canRemove: boolean\n  onChange: (values: Array<string | number>) => void\n}>()\n\nconst t = useT()\nconst direction = useDirection()\nconst listRef = ref<HTMLElement | null>(null)\nconst dragIndex = ref<number | null>(null)\nconst announcement = ref('')\n\nconst move = (from: number, to: number) => {\n  if (to < 0 || to >= props.values.length) {\n    return\n  }\n\n  const label = props.labelFor(String(props.values[from]))\n  const total = props.values.length\n  props.onChange(moveListItem(props.values, from, to))\n  announcement.value = t(\n    'form.option_moved',\n    { option: label, position: to + 1, total },\n    ':option moved to position :position of :total',\n  )\n  void nextTick(() =>\n    listRef.value?.querySelectorAll<HTMLElement>('[data-select-chip]')[to]?.focus(),\n  )\n}\n\nconst onKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (props.locked || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  move(index, index + offset)\n}\n\nconst onDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index) move(dragIndex.value, index)\n  dragIndex.value = null\n}\n\nconst onDragOver = (event: DragEvent) => {\n  if (!props.locked) event.preventDefault()\n}\n</script>\n\n<template>\n  <template v-if=\"props.values.length > 0\">\n    <ul ref=\"listRef\" data-slot=\"select-reorder-list\" class=\"mt-2 flex flex-wrap gap-1.5\">\n      <li\n        v-for=\"(item, index) in props.values\"\n        :key=\"String(item)\"\n        data-select-chip=\"\"\n        :tabindex=\"props.locked ? undefined : 0\"\n        :aria-describedby=\"props.locked ? undefined : `${props.id}-reorder-hint`\"\n        :draggable=\"!props.locked\"\n        :class=\"\n          cn(\n            'bg-secondary text-secondary-foreground focus-visible:ring-ring/50 inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium outline-none focus-visible:ring-[3px]',\n            !props.locked && 'cursor-grab',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @keydown=\"onKeyDown($event, index)\"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"onDragOver\"\n        @drop=\"onDrop(index)\"\n        @dragend=\"dragIndex = null\"\n      >\n        <GripVerticalIcon\n          v-if=\"!props.locked\"\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground size-3\"\n        />\n        <span>{{ props.labelFor(String(item)) }}</span>\n        <button\n          v-if=\"!props.locked && props.canRemove\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag: props.labelFor(String(item)) }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"props.onChange(props.values.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </li>\n    </ul>\n    <span v-if=\"!props.locked\" :id=\"`${props.id}-reorder-hint`\" class=\"sr-only\">{{\n      t('form.reorder_options_hint', {}, 'Press Alt with an arrow key to move this option.')\n    }}</span>\n    <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n  </template>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SelectReorderList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderList","_normalizeClass","_unref","_createBlock","_createCommentVNode","_toDisplayString","_createVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","SelectReorderList_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","listRef","ref","dragIndex","announcement","move","to","label","from","total","moveListItem","nextTick","onKeyDown","offset","reorderOffset","event","index","onDrop","onDragOver","openBlock","createElementBlock","Fragment","createElementVNode","renderList","item","normalizeClass","unref","cn","$event","_cache","createCommentVNode","createBlock","GripVerticalIcon","toDisplayString","i","createVNode","XIcon"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"mappings":"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"}

package/dist/components/fields/SliderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.js","names":["_sfc_main","SliderField_vue_vue_type_script_setup_true_lang_default","SliderField_default"],"sources":["../../../src/components/fields/SliderField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SliderSchema } from '@alfakit/core'\nimport {\n  fieldIds,\n  sliderBehavior,\n  sliderBlocksTap,\n  sliderDirection,\n  sliderFillSections,\n  sliderFillStyle,\n  sliderFromPrimitive,\n  sliderHasTooltips,\n  sliderNextValues,\n  sliderPips,\n  sliderPrimitive,\n  sliderShowsTooltip,\n  sliderSnap,\n  sliderState,\n  sliderToPrimitive,\n  sliderValues,\n  startSliderRangeDrag,\n} from '@alfakit/core'\nimport { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui'\nimport { computed, ref } from 'vue'\nimport { useDirection, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\n\n/**\n * A slider with one thumb, or several for a range. Built on Reka Slider, which handles\n * pointer and keyboard input and mirrors itself in right-to-left layouts (`dir`). Values,\n * tooltips and pips are formatted with the panel's locale.\n */\nconst props = defineProps<{ component: SliderSchema }>()\nconst t = useT()\nconst panelDir = useDirection()\n// `rtl()` overrides the panel's direction.\nconst dir = computed(() => sliderDirection(props.component, panelDir.value))\nconst formatter = useFormatter()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst values = computed(() => sliderValues(value.value, props.component))\nconst pips = computed(() => (props.component.pips ? sliderPips(props.component) : []))\nconst vertical = computed(() => Boolean(props.component.vertical))\n// `vertical(isTopToBottom: true)`: the minimum at the top.\nconst topToBottom = computed(() => vertical.value && Boolean(props.component.topToBottom))\nconst behavior = computed(() => sliderBehavior(props.component))\n// `Behavior::SmoothSteps`: no snapping while a pointer drags a thumb.\nconst smooth = ref(false)\nconst primitive = computed(() => sliderPrimitive(props.component, smooth.value))\nconst locked = computed(() => disabled.value || readOnly.value)\n\nconst change = (next: number[]) =>\n  setValue(sliderState(sliderNextValues(values.value, next, props.component), props.component))\n\nconst onModelValue = (next: number[] | undefined) => {\n  if (next) change(sliderFromPrimitive(next, props.component, !smooth.value))\n}\n\nconst onCommit = () => {\n  if (smooth.value) {\n    smooth.value = false\n    change(values.value.map((thumb) => sliderSnap(thumb, props.component)))\n  }\n\n  blur()\n}\n\n// Before the primitive sees the press: start a range drag, or swallow taps on the track.\nconst onPointerDownCapture = (event: PointerEvent) => {\n  if (locked.value) return\n\n  const target = event.target as Element\n  const track = (event.currentTarget as HTMLElement).querySelector<HTMLElement>(\n    '[data-slot=\"slider-track\"]',\n  )\n\n  if (behavior.value.has('drag') && target.closest('[data-slot=\"slider-range\"]') && track) {\n    startSliderRangeDrag(event, {\n      track,\n      values: values.value,\n      schema: props.component,\n      direction: dir.value,\n      vertical: vertical.value,\n      topToBottom: topToBottom.value,\n      onChange: (next) => setValue(sliderState(next, props.component)),\n      onEnd: () => blur(),\n    })\n\n    return\n  }\n\n  if (sliderBlocksTap(target, props.component)) {\n    event.stopPropagation()\n\n    return\n  }\n\n  if (behavior.value.has('smooth-steps') && target.closest('[role=\"slider\"]')) smooth.value = true\n}\n// `fillTrack([…])`: chosen sections are drawn here; the primitive's range stays clear.\nconst fillSections = computed(() => sliderFillSections(values.value, props.component))\nconst fill = computed(\n  () =>\n    fillSections.value === null && (props.component.fillTrack === true || values.value.length > 1),\n)\n\nconst format = (number: number) =>\n  formatter.value.number(number, {\n    maximumFractionDigits: props.component.decimalPlaces ?? 10,\n    minimumFractionDigits: props.component.decimalPlaces ?? 0,\n  })\n\nconst thumbLabel = (index: number) => {\n  if (values.value.length === 1) return undefined\n  if (values.value.length === 2) {\n    return index === 0 ? t('slider.minimum', {}, 'Minimum') : t('slider.maximum', {}, 'Maximum')\n  }\n\n  return t('slider.thumb', { number: index + 1 }, 'Value :number')\n}\n\n// Reka puts the minimum at the bottom of a vertical slider and at the inline start of a\n// horizontal one (the right in RTL).\nconst pipStyle = (percent: number) =>\n  vertical.value\n    ? topToBottom.value\n      ? { top: `${percent}%` }\n      : { bottom: `${percent}%` }\n    : dir.value === 'rtl'\n      ? { right: `${percent}%` }\n      : { left: `${percent}%` }\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"`${id}-thumb-0`\" :error=\"error\">\n    <div\n      data-slot=\"slider\"\n      :class=\"\n        cn(\n          'px-2',\n          sliderHasTooltips(props.component) && !vertical && 'pt-7',\n          pips.length > 0 && 'pb-6',\n        )\n      \"\n      @pointerdown.capture=\"onPointerDownCapture\"\n    >\n      <SliderRoot\n        :id=\"id\"\n        :dir=\"dir\"\n        :min=\"primitive.min\"\n        :max=\"primitive.max\"\n        :step=\"primitive.step\"\n        :min-steps-between-thumbs=\"\n          props.component.minDifference && !primitive.nonLinear\n            ? Math.round(props.component.minDifference / props.component.step)\n            : 0\n        \"\n        :orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :inverted=\"topToBottom\"\n        :disabled=\"locked\"\n        :model-value=\"sliderToPrimitive(values, props.component)\"\n        :class=\"\n          cn(\n            'relative flex touch-none items-center select-none data-[disabled]:opacity-50',\n            vertical ? 'h-48 w-5 flex-col' : 'w-full',\n            readOnly && 'data-[disabled]:opacity-100',\n          )\n        \"\n        @update:model-value=\"onModelValue\"\n        @value-commit=\"onCommit\"\n      >\n        <SliderTrack\n          data-slot=\"slider-track\"\n          :class=\"\n            cn(\n              'bg-muted relative grow overflow-hidden rounded-full',\n              vertical ? 'h-full w-1.5' : 'h-1.5 w-full',\n            )\n          \"\n        >\n          <span\n            v-for=\"section in fillSections ?? []\"\n            :key=\"`${section.start}-${section.end}`\"\n            data-slot=\"slider-fill\"\n            aria-hidden=\"true\"\n            :class=\"cn('bg-primary absolute', vertical ? 'w-full' : 'h-full')\"\n            :style=\"sliderFillStyle(section, { vertical, topToBottom, direction: dir })\"\n          />\n          <SliderRange\n            data-slot=\"slider-range\"\n            :class=\"\n              cn(\n                'absolute',\n                fill ? 'bg-primary' : 'bg-transparent',\n                vertical ? 'w-full' : 'h-full',\n                behavior.has('drag') && values.length > 1 && !locked && 'cursor-grab',\n              )\n            \"\n          />\n        </SliderTrack>\n        <SliderThumb\n          v-for=\"(thumb, index) in values\"\n          :id=\"`${id}-thumb-${index}`\"\n          :key=\"index\"\n          :aria-label=\"thumbLabel(index)\"\n          :aria-labelledby=\"\n            values.length === 1 && props.component.label ? fieldIds(id).label : undefined\n          \"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-valuetext=\"format(thumb)\"\n          class=\"border-primary bg-background ring-ring/50 relative block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none\"\n        >\n          <span\n            v-if=\"sliderShowsTooltip(props.component, index)\"\n            aria-hidden=\"true\"\n            :class=\"\n              cn(\n                'bg-foreground text-background pointer-events-none absolute rounded px-1.5 py-0.5 text-xs whitespace-nowrap tabular-nums',\n                vertical\n                  ? 'start-6 top-1/2 -translate-y-1/2'\n                  : 'bottom-6 left-1/2 -translate-x-1/2',\n              )\n            \"\n            >{{ format(thumb) }}</span\n          >\n        </SliderThumb>\n        <div\n          v-if=\"pips.length > 0\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn('pointer-events-none absolute', vertical ? 'inset-y-0 start-6' : 'inset-x-0 top-4')\n          \"\n        >\n          <span\n            v-for=\"pip in pips\"\n            :key=\"pip.value\"\n            :style=\"pipStyle(pip.percent)\"\n            :class=\"\n              cn(\n                'absolute flex items-center gap-1',\n                vertical\n                  ? cn('flex-row', topToBottom ? '-translate-y-1/2' : 'translate-y-1/2')\n                  : 'flex-col',\n                !vertical && (dir === 'rtl' ? 'translate-x-1/2' : '-translate-x-1/2'),\n              )\n            \"\n          >\n            <span\n              :class=\"\n                cn(\n                  'bg-border block',\n                  vertical ? 'h-px' : 'w-px',\n                  pip.labelled && !pip.small\n                    ? vertical\n                      ? 'w-2'\n                      : 'h-2'\n                    : vertical\n                      ? 'w-1'\n                      : 'h-1',\n                )\n              \"\n            />\n            <span\n              v-if=\"pip.labelled\"\n              :class=\"\n                cn('text-muted-foreground tabular-nums', pip.small ? 'text-[0.625rem]' : 'text-xs')\n              \"\n              >{{ format(pip.value) }}</span\n            >\n          </span>\n        </div>\n      </SliderRoot>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SliderField.js","names":["_sfc_main","SliderField_vue_vue_type_script_setup_true_lang_default","SliderField_default"],"sources":["../../../src/components/fields/SliderField.vue"],"mappings":""}

package/dist/components/fields/SliderField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.vue_vue_type_script_setup_true_lang.js","names":["useDirection","_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createCommentVNode","useDirection$1","FieldWrapper_default","SliderField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panelDir","dir","computed","sliderDirection","formatter","useFormatter","useField","values","sliderValues","value","pips","sliderPips","vertical","topToBottom","behavior","sliderBehavior","smooth","ref","primitive","sliderPrimitive","locked","disabled","readOnly","change","setValue","sliderState","sliderNextValues","next","onModelValue","sliderFromPrimitive","onCommit","sliderSnap","thumb","blur","onPointerDownCapture","target","event","track","sliderBlocksTap","fillSections","sliderFillSections","fill","format","number","thumbLabel","index","pipStyle","percent","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","sliderHasTooltips","createVNode","SliderRoot","sliderToPrimitive","SliderTrack","createElementBlock","Fragment","renderList","section","normalizeStyle","sliderFillStyle","SliderRange","SliderThumb","fieldIds","aria","sliderShowsTooltip","toDisplayString","createCommentVNode","pip"],"sources":["../../../src/components/fields/SliderField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SliderSchema } from '@alfakit/core'\nimport {\n  fieldIds,\n  sliderBehavior,\n  sliderBlocksTap,\n  sliderDirection,\n  sliderFillSections,\n  sliderFillStyle,\n  sliderFromPrimitive,\n  sliderHasTooltips,\n  sliderNextValues,\n  sliderPips,\n  sliderPrimitive,\n  sliderShowsTooltip,\n  sliderSnap,\n  sliderState,\n  sliderToPrimitive,\n  sliderValues,\n  startSliderRangeDrag,\n} from '@alfakit/core'\nimport { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui'\nimport { computed, ref } from 'vue'\nimport { useDirection, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\n\n/**\n * A slider with one thumb, or several for a range. Built on Reka Slider, which handles\n * pointer and keyboard input and mirrors itself in right-to-left layouts (`dir`). Values,\n * tooltips and pips are formatted with the panel's locale.\n */\nconst props = defineProps<{ component: SliderSchema }>()\nconst t = useT()\nconst panelDir = useDirection()\n// `rtl()` overrides the panel's direction.\nconst dir = computed(() => sliderDirection(props.component, panelDir.value))\nconst formatter = useFormatter()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst values = computed(() => sliderValues(value.value, props.component))\nconst pips = computed(() => (props.component.pips ? sliderPips(props.component) : []))\nconst vertical = computed(() => Boolean(props.component.vertical))\n// `vertical(isTopToBottom: true)`: the minimum at the top.\nconst topToBottom = computed(() => vertical.value && Boolean(props.component.topToBottom))\nconst behavior = computed(() => sliderBehavior(props.component))\n// `Behavior::SmoothSteps`: no snapping while a pointer drags a thumb.\nconst smooth = ref(false)\nconst primitive = computed(() => sliderPrimitive(props.component, smooth.value))\nconst locked = computed(() => disabled.value || readOnly.value)\n\nconst change = (next: number[]) =>\n  setValue(sliderState(sliderNextValues(values.value, next, props.component), props.component))\n\nconst onModelValue = (next: number[] | undefined) => {\n  if (next) change(sliderFromPrimitive(next, props.component, !smooth.value))\n}\n\nconst onCommit = () => {\n  if (smooth.value) {\n    smooth.value = false\n    change(values.value.map((thumb) => sliderSnap(thumb, props.component)))\n  }\n\n  blur()\n}\n\n// Before the primitive sees the press: start a range drag, or swallow taps on the track.\nconst onPointerDownCapture = (event: PointerEvent) => {\n  if (locked.value) return\n\n  const target = event.target as Element\n  const track = (event.currentTarget as HTMLElement).querySelector<HTMLElement>(\n    '[data-slot=\"slider-track\"]',\n  )\n\n  if (behavior.value.has('drag') && target.closest('[data-slot=\"slider-range\"]') && track) {\n    startSliderRangeDrag(event, {\n      track,\n      values: values.value,\n      schema: props.component,\n      direction: dir.value,\n      vertical: vertical.value,\n      topToBottom: topToBottom.value,\n      onChange: (next) => setValue(sliderState(next, props.component)),\n      onEnd: () => blur(),\n    })\n\n    return\n  }\n\n  if (sliderBlocksTap(target, props.component)) {\n    event.stopPropagation()\n\n    return\n  }\n\n  if (behavior.value.has('smooth-steps') && target.closest('[role=\"slider\"]')) smooth.value = true\n}\n// `fillTrack([…])`: chosen sections are drawn here; the primitive's range stays clear.\nconst fillSections = computed(() => sliderFillSections(values.value, props.component))\nconst fill = computed(\n  () =>\n    fillSections.value === null && (props.component.fillTrack === true || values.value.length > 1),\n)\n\nconst format = (number: number) =>\n  formatter.value.number(number, {\n    maximumFractionDigits: props.component.decimalPlaces ?? 10,\n    minimumFractionDigits: props.component.decimalPlaces ?? 0,\n  })\n\nconst thumbLabel = (index: number) => {\n  if (values.value.length === 1) return undefined\n  if (values.value.length === 2) {\n    return index === 0 ? t('slider.minimum', {}, 'Minimum') : t('slider.maximum', {}, 'Maximum')\n  }\n\n  return t('slider.thumb', { number: index + 1 }, 'Value :number')\n}\n\n// Reka puts the minimum at the bottom of a vertical slider and at the inline start of a\n// horizontal one (the right in RTL).\nconst pipStyle = (percent: number) =>\n  vertical.value\n    ? topToBottom.value\n      ? { top: `${percent}%` }\n      : { bottom: `${percent}%` }\n    : dir.value === 'rtl'\n      ? { right: `${percent}%` }\n      : { left: `${percent}%` }\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"`${id}-thumb-0`\" :error=\"error\">\n    <div\n      data-slot=\"slider\"\n      :class=\"\n        cn(\n          'px-2',\n          sliderHasTooltips(props.component) && !vertical && 'pt-7',\n          pips.length > 0 && 'pb-6',\n        )\n      \"\n      @pointerdown.capture=\"onPointerDownCapture\"\n    >\n      <SliderRoot\n        :id=\"id\"\n        :dir=\"dir\"\n        :min=\"primitive.min\"\n        :max=\"primitive.max\"\n        :step=\"primitive.step\"\n        :min-steps-between-thumbs=\"\n          props.component.minDifference && !primitive.nonLinear\n            ? Math.round(props.component.minDifference / props.component.step)\n            : 0\n        \"\n        :orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :inverted=\"topToBottom\"\n        :disabled=\"locked\"\n        :model-value=\"sliderToPrimitive(values, props.component)\"\n        :class=\"\n          cn(\n            'relative flex touch-none items-center select-none data-[disabled]:opacity-50',\n            vertical ? 'h-48 w-5 flex-col' : 'w-full',\n            readOnly && 'data-[disabled]:opacity-100',\n          )\n        \"\n        @update:model-value=\"onModelValue\"\n        @value-commit=\"onCommit\"\n      >\n        <SliderTrack\n          data-slot=\"slider-track\"\n          :class=\"\n            cn(\n              'bg-muted relative grow overflow-hidden rounded-full',\n              vertical ? 'h-full w-1.5' : 'h-1.5 w-full',\n            )\n          \"\n        >\n          <span\n            v-for=\"section in fillSections ?? []\"\n            :key=\"`${section.start}-${section.end}`\"\n            data-slot=\"slider-fill\"\n            aria-hidden=\"true\"\n            :class=\"cn('bg-primary absolute', vertical ? 'w-full' : 'h-full')\"\n            :style=\"sliderFillStyle(section, { vertical, topToBottom, direction: dir })\"\n          />\n          <SliderRange\n            data-slot=\"slider-range\"\n            :class=\"\n              cn(\n                'absolute',\n                fill ? 'bg-primary' : 'bg-transparent',\n                vertical ? 'w-full' : 'h-full',\n                behavior.has('drag') && values.length > 1 && !locked && 'cursor-grab',\n              )\n            \"\n          />\n        </SliderTrack>\n        <SliderThumb\n          v-for=\"(thumb, index) in values\"\n          :id=\"`${id}-thumb-${index}`\"\n          :key=\"index\"\n          :aria-label=\"thumbLabel(index)\"\n          :aria-labelledby=\"\n            values.length === 1 && props.component.label ? fieldIds(id).label : undefined\n          \"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-valuetext=\"format(thumb)\"\n          class=\"border-primary bg-background ring-ring/50 relative block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none\"\n        >\n          <span\n            v-if=\"sliderShowsTooltip(props.component, index)\"\n            aria-hidden=\"true\"\n            :class=\"\n              cn(\n                'bg-foreground text-background pointer-events-none absolute rounded px-1.5 py-0.5 text-xs whitespace-nowrap tabular-nums',\n                vertical\n                  ? 'start-6 top-1/2 -translate-y-1/2'\n                  : 'bottom-6 left-1/2 -translate-x-1/2',\n              )\n            \"\n            >{{ format(thumb) }}</span\n          >\n        </SliderThumb>\n        <div\n          v-if=\"pips.length > 0\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn('pointer-events-none absolute', vertical ? 'inset-y-0 start-6' : 'inset-x-0 top-4')\n          \"\n        >\n          <span\n            v-for=\"pip in pips\"\n            :key=\"pip.value\"\n            :style=\"pipStyle(pip.percent)\"\n            :class=\"\n              cn(\n                'absolute flex items-center gap-1',\n                vertical\n                  ? cn('flex-row', topToBottom ? '-translate-y-1/2' : 'translate-y-1/2')\n                  : 'flex-col',\n                !vertical && (dir === 'rtl' ? 'translate-x-1/2' : '-translate-x-1/2'),\n              )\n            \"\n          >\n            <span\n              :class=\"\n                cn(\n                  'bg-border block',\n                  vertical ? 'h-px' : 'w-px',\n                  pip.labelled && !pip.small\n                    ? vertical\n                      ? 'w-2'\n                      : 'h-2'\n                    : vertical\n                      ? 'w-1'\n                      : 'h-1',\n                )\n              \"\n            />\n            <span\n              v-if=\"pip.labelled\"\n              :class=\"\n                cn('text-muted-foreground tabular-nums', pip.small ? 'text-[0.625rem]' : 'text-xs')\n              \"\n              >{{ format(pip.value) }}</span\n            >\n          </span>\n        </div>\n      </SliderRoot>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SliderField.vue_vue_type_script_setup_true_lang.js","names":["useDirection","_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createCommentVNode","useDirection$1","FieldWrapper_default","SliderField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panelDir","dir","computed","sliderDirection","formatter","useFormatter","useField","values","sliderValues","value","pips","sliderPips","vertical","topToBottom","behavior","sliderBehavior","smooth","ref","primitive","sliderPrimitive","locked","disabled","readOnly","change","setValue","sliderState","sliderNextValues","next","onModelValue","sliderFromPrimitive","onCommit","sliderSnap","thumb","blur","onPointerDownCapture","target","event","track","sliderBlocksTap","fillSections","sliderFillSections","fill","format","number","thumbLabel","index","pipStyle","percent","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","sliderHasTooltips","createVNode","SliderRoot","sliderToPrimitive","SliderTrack","createElementBlock","Fragment","renderList","section","normalizeStyle","sliderFillStyle","SliderRange","SliderThumb","fieldIds","aria","sliderShowsTooltip","toDisplayString","createCommentVNode","pip"],"sources":["../../../src/components/fields/SliderField.vue"],"mappings":"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"}

package/dist/components/fields/TableColumnHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnHeaders.js","names":["_sfc_main","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","TableColumnHeaders_default"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableColumnSchema } from '@alfakit/core'\nimport { tableColumnAlignmentClass } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\n\n/** Header cells shared by the Repeater and RepeatableEntry tables. */\nconst props = defineProps<{ columns: TableColumnSchema[] }>()\n\n// A fixed `width()` (`9rem`, `120px`) is also the column's minimum, so the table scrolls\n// sideways instead of squeezing its fields; percentages stay flexible.\nconst widthStyle = (width?: string | null) =>\n  !width ? undefined : width.trim().endsWith('%') ? { width } : { width, minWidth: width }\n</script>\n\n<template>\n  <th\n    v-for=\"(column, index) in props.columns\"\n    :key=\"`${column.name ?? 'column'}-${index}`\"\n    scope=\"col\"\n    :style=\"widthStyle(column.width)\"\n    :class=\"\n      cn(\n        'text-muted-foreground px-3 py-2 text-xs font-medium',\n        tableColumnAlignmentClass(column),\n        !column.wrapHeader && 'whitespace-nowrap',\n      )\n    \"\n  >\n    <span :class=\"cn(column.hiddenLabel && 'sr-only')\">{{ column.label }}</span\n    ><span v-if=\"column.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>\n  </th>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableColumnHeaders.js","names":["_sfc_main","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","TableColumnHeaders_default"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"mappings":""}

package/dist/components/fields/TableColumnHeaders.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnHeaders.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_hoisted_1","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","props","__props","widthStyle","width","openBlock","createElementBlock","Fragment","renderList","column","index","normalizeStyle","normalizeClass","unref","cn","tableColumnAlignmentClass","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableColumnSchema } from '@alfakit/core'\nimport { tableColumnAlignmentClass } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\n\n/** Header cells shared by the Repeater and RepeatableEntry tables. */\nconst props = defineProps<{ columns: TableColumnSchema[] }>()\n\n// A fixed `width()` (`9rem`, `120px`) is also the column's minimum, so the table scrolls\n// sideways instead of squeezing its fields; percentages stay flexible.\nconst widthStyle = (width?: string | null) =>\n  !width ? undefined : width.trim().endsWith('%') ? { width } : { width, minWidth: width }\n</script>\n\n<template>\n  <th\n    v-for=\"(column, index) in props.columns\"\n    :key=\"`${column.name ?? 'column'}-${index}`\"\n    scope=\"col\"\n    :style=\"widthStyle(column.width)\"\n    :class=\"\n      cn(\n        'text-muted-foreground px-3 py-2 text-xs font-medium',\n        tableColumnAlignmentClass(column),\n        !column.wrapHeader && 'whitespace-nowrap',\n      )\n    \"\n  >\n    <span :class=\"cn(column.hiddenLabel && 'sr-only')\">{{ column.label }}</span\n    ><span v-if=\"column.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>\n  </th>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,IAAMY,IAAQC,GAIRC,KAAc,MACjBC,IAAoBA,EAAM,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,EAAE,SAAM,IAAI;GAAE;GAAO,UAAUA;EAAM,IAA9E,KAAA;oBAITf,EAAA,EAAA,GAAAC,EAeKC,GAAA,MAAAC,EAduBS,EAAM,UAAxB,GAAQ,OADlBZ,EAAA,GAAAC,EAeK,MAAA;GAbF,KAAG,GAAKmB,EAAO,QAAI,SAAA,GAAgBC;GACpC,OAAM;GACL,OAAKjB,EAAEU,EAAWM,EAAO,KAAK,CAAA;GAC9B,OAAKf,EAASC,EAAAmB,CAAA,CAAE,CAAA,uDAAyEnB,EAAAoB,CAAA,CAAyB,CAACN,CAAM,GAAY,CAAAA,EAAO,cAAU,mBAAA,CAAA;EAQvJb,GAAAA,CAAAA,EACC,QAAA,EADM,OAAKF,EAAEC,EAAAmB,CAAA,CAAE,CAACL,EAAO,eAAW,SAAA,CAAA,EAAmB,GAAAZ,EAAAY,EAAO,KAAK,GAAA,CAAA,GACrDA,EAAO,YAAnBpB,EAAA,GAAAC,EAAwF,QAAxFS,GAAgF,GAAC,KAAAmB,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"TableColumnHeaders.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_hoisted_1","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","props","__props","widthStyle","width","openBlock","createElementBlock","Fragment","renderList","column","index","normalizeStyle","normalizeClass","unref","cn","tableColumnAlignmentClass","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"mappings":";;;;;;;;;;;;EAMA,IAAMY,IAAQC,GAIRC,KAAc,MACjBC,IAAoBA,EAAM,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,EAAE,SAAM,IAAI;GAAE;GAAO,UAAUA;EAAM,IAA9E,KAAA;oBAITf,EAAA,EAAA,GAAAC,EAeKC,GAAA,MAAAC,EAduBS,EAAM,UAAxB,GAAQ,OADlBZ,EAAA,GAAAC,EAeK,MAAA;GAbF,KAAG,GAAKmB,EAAO,QAAI,SAAA,GAAgBC;GACpC,OAAM;GACL,OAAKjB,EAAEU,EAAWM,EAAO,KAAK,CAAA;GAC9B,OAAKf,EAASC,EAAAmB,CAAA,CAAE,CAAA,uDAAyEnB,EAAAoB,CAAA,CAAyB,CAACN,CAAM,GAAY,CAAAA,EAAO,cAAU,mBAAA,CAAA;EAQvJb,GAAAA,CAAAA,EACC,QAAA,EADM,OAAKF,EAAEC,EAAAmB,CAAA,CAAE,CAACL,EAAO,eAAW,SAAA,CAAA,EAAmB,GAAAZ,EAAAY,EAAO,KAAK,GAAA,CAAA,GACrDA,EAAO,YAAnBpB,EAAA,GAAAC,EAAwF,QAAxFS,GAAgF,GAAC,KAAAmB,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA"}

package/dist/components/fields/TagsInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInputField.js","names":["_sfc_main","TagsInputField_vue_vue_type_script_setup_true_lang_default","TagsInputField_default"],"sources":["../../../src/components/fields/TagsInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset, type TagsInputSchema } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed, nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Badge from '../ui/Badge.vue'\n\nconst props = defineProps<{ component: TagsInputSchema }>()\nconst t = useT()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string[] | null>(\n  () => props.component,\n)\nconst direction = useDirection()\nconst draft = ref('')\nconst listRef = ref<HTMLElement | null>(null)\n// Live-region text announced after a keyboard move.\nconst announcement = ref('')\nconst dragIndex = ref<number | null>(null)\nconst reorderable = computed(\n  () => Boolean(props.component.reorderable) && !disabled.value && !readOnly.value,\n)\n\nconst onTagDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index)\n    setValue(moveListItem(tags.value, dragIndex.value, index))\n  dragIndex.value = null\n}\n\n// Alt + ArrowLeft/ArrowRight (flipped in RTL) moves the focused tag.\nconst onTagKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (!reorderable.value || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  const target = index + offset\n\n  if (target < 0 || target >= tags.value.length) {\n    return\n  }\n\n  const tag = tags.value[index] ?? ''\n  setValue(moveListItem(tags.value, index, target))\n  announcement.value = t(\n    'form.tag_moved',\n    { tag, position: target + 1, total: tags.value.length },\n    ':tag moved to position :position of :total',\n  )\n  void nextTick(() => listRef.value?.querySelectorAll<HTMLElement>('[data-tag]')[target]?.focus())\n}\nconst tags = computed(() => value.value ?? [])\nconst listId = computed(() => (props.component.suggestions ? `${id}-suggestions` : undefined))\n\nconst commit = (raw: string) => {\n  const tag = `${props.component.tagPrefix ?? ''}${raw.trim()}${props.component.tagSuffix ?? ''}`\n\n  if (raw.trim() === '' || tags.value.includes(tag)) {\n    draft.value = ''\n\n    return\n  }\n\n  setValue([...tags.value, tag])\n  draft.value = ''\n}\n\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (readOnly.value) {\n    return\n  }\n\n  if (props.component.splitKeys.includes(event.key)) {\n    event.preventDefault()\n    commit(draft.value)\n  } else if (event.key === 'Backspace' && draft.value === '' && tags.value.length > 0) {\n    setValue(tags.value.slice(0, -1))\n  }\n}\n\nconst onBlur = () => {\n  if (!readOnly.value && draft.value.trim() !== '') {\n    commit(draft.value)\n  }\n\n  blur()\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      ref=\"listRef\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-md border px-2 py-1.5 shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n    >\n      <Badge\n        v-for=\"(tag, index) in tags\"\n        :key=\"`${tag}-${index}`\"\n        variant=\"outline\"\n        data-tag=\"\"\n        :tabindex=\"reorderable ? 0 : undefined\"\n        :aria-describedby=\"reorderable ? `${id}-reorder-hint` : undefined\"\n        :draggable=\"reorderable\"\n        :class=\"\n          cn(\n            'gap-1 pe-1',\n            colorClass(badgeColorClasses, props.component.color, 'gray'),\n            reorderable &&\n              'focus-visible:ring-ring/50 cursor-grab outline-none focus-visible:ring-[3px]',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"reorderable && $event.preventDefault()\"\n        @drop=\"onTagDrop(index)\"\n        @dragend=\"dragIndex = null\"\n        @keydown=\"onTagKeyDown($event, index)\"\n      >\n        {{ tag }}\n        <button\n          v-if=\"!disabled && !readOnly\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"setValue(tags.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </Badge>\n      <input\n        :id=\"id\"\n        v-model=\"draft\"\n        dir=\"auto\"\n        :list=\"listId\"\n        :placeholder=\"\n          tags.length === 0 ? (props.component.placeholder ?? t('form.add_item', {}, 'Add…')) : ''\n        \"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"placeholder:text-muted-foreground min-w-[6rem] flex-1 bg-transparent text-sm outline-none\"\n        @keydown=\"onKeyDown\"\n        @blur=\"onBlur\"\n      />\n      <datalist v-if=\"props.component.suggestions\" :id=\"listId\">\n        <option\n          v-for=\"suggestion in props.component.suggestions\"\n          :key=\"suggestion\"\n          :value=\"suggestion\"\n        />\n      </datalist>\n      <span v-if=\"reorderable\" :id=\"`${id}-reorder-hint`\" class=\"sr-only\">{{\n        t('form.reorder_tags_hint', {}, 'Press Alt with an arrow key to move this tag.')\n      }}</span>\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TagsInputField.js","names":["_sfc_main","TagsInputField_vue_vue_type_script_setup_true_lang_default","TagsInputField_default"],"sources":["../../../src/components/fields/TagsInputField.vue"],"mappings":""}