@ecoma-io/loom 0.1.0

package/dist/primitives/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/primitives/DropdownMenu/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One row of the menu, and the three kinds a menu is built from are told apart\n * by which fields are set rather than by a `kind` discriminator: a `separator`\n * is a rule, a `heading` is a non-interactive group label, and anything else\n * is a command.\n *\n * The list is data rather than markup because the primitive stays free of app\n * logic — selecting a row emits its `value` and the host decides what that\n * command means.\n */\nexport interface DropdownMenuEntry {\n  /** The visible text of a command or a heading. */\n  label?: string;\n  /** The command id emitted on select. An entry without one is not selectable. */\n  value?: string;\n  /** Accelerator hint shown at the trailing edge, e.g. `⌘S`. Display only — the primitive binds no keys. */\n  shortcut?: string;\n  /** Render a divider. Every other field is ignored. */\n  separator?: boolean;\n  /** Render a non-interactive section heading rather than a command. */\n  heading?: boolean;\n  /** A destructive command — painted in the destructive token so it is not one indistinguishable row. */\n  danger?: boolean;\n  /** Visible but inert: announced as disabled, and selecting it emits nothing. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n  DropdownMenuPortal,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { listStaggerDelay } from \"../../lib/motion\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * DropdownMenu — one button that opens a list of commands, with roving focus,\n * typeahead and arrow-key navigation.\n *\n * The escape contract: opening moves focus into the menu and onto the first\n * command; Esc and an outside click both close it; closing returns focus to the\n * trigger. The menu is modal, so while it is open the page behind does not\n * scroll and the rest of the page is hidden from assistive technology — a\n * command list is never scrolled out from under the pointer mid-choice. Focus\n * stays in the menu while it is open, but not the way `Dialog` traps it: a menu\n * has no internal tab order at all. Tab is inert, and the arrow keys plus\n * typeahead are how a row is reached.\n *\n * Selecting an entry emits `select` with its `value`; the host maps that id to\n * an action, which is what keeps the primitive free of app logic.\n *\n * Reach for `Popover` when the panel is interactive content rather than a\n * command list, and for a select control when the list *is* a field's value.\n */\nwithDefaults(\n  defineProps<{\n    /** The rows, in order. Three kinds, told apart by which fields are set. */\n    items: DropdownMenuEntry[];\n    /** Drive the menu from the host with `v-model:open`; omit it and the menu owns its own state. */\n    open?: boolean | undefined;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both.\n  { open: undefined },\n);\nconst emit = defineEmits<{ select: [value: string]; \"update:open\": [value: boolean] }>();\n\n/**\n * A disabled entry, and an entry with no command id, select nothing. Reka\n * already blocks pointer events on the disabled row; this is the second half,\n * for the keyboard path that reaches it anyway.\n */\nfunction choose(item: DropdownMenuEntry): void {\n  if (item.disabled || item.value === undefined) return;\n  emit(\"select\", item.value);\n}\n</script>\n\n<template>\n  <DropdownMenuRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n    <!-- @slot The button that opens the menu. Rendered `as-child`, so the\n         caller's own element *is* the trigger. -->\n    <DropdownMenuTrigger as-child>\n      <slot name=\"trigger\" />\n    </DropdownMenuTrigger>\n\n    <DropdownMenuPortal>\n      <DropdownMenuContent\n        :side-offset=\"6\"\n        align=\"start\"\n        :class=\"\n          cn(\n            'z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none',\n            // Scoped to the open state, never unconditional. Reka's Presence\n            // keeps closed content mounted until an animationend arrives, and a\n            // mount-only animation never fires a second one — so an\n            // unconditional animation class strands an invisible menu over the\n            // page, catching clicks meant for what is behind it. Scoped, the\n            // closed element computes `animation-name: none` and Presence\n            // unmounts it at once. The origin below makes the menu grow out of\n            // its trigger rather than out of its own centre.\n            'data-[state=open]:animate-scale-in',\n          )\n        \"\n        style=\"transform-origin: var(--reka-popper-transform-origin)\"\n      >\n        <template v-for=\"(item, i) in items\" :key=\"i\">\n          <DropdownMenuSeparator v-if=\"item.separator\" class=\"my-1 h-px bg-border\" />\n          <DropdownMenuLabel\n            v-else-if=\"item.heading\"\n            class=\"px-2 py-1.5 text-micro font-medium uppercase tracking-wide text-muted-foreground\"\n          >\n            {{ item.label }}\n          </DropdownMenuLabel>\n          <!-- The reveal delay comes from the shared stagger vocabulary, capped\n               there so a long menu does not tail off, rather than from a\n               per-menu number written by hand.\n\n               `disabled` is coerced rather than forwarded raw: an entry that\n               simply omits the field is not disabled, and Reka's own prop does\n               not accept `undefined` as a way of saying so. -->\n          <DropdownMenuItem\n            v-else\n            :disabled=\"item.disabled ?? false\"\n            :class=\"\n              cn(\n                'flex cursor-pointer items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n                'transition-colors duration-fast ease-out',\n                // The rows reveal in sequence as the menu opens, which reads as\n                // a list arriving rather than a block appearing. The hover\n                // colour transition above is a separate channel, so a row\n                // highlighted mid-reveal still responds at once.\n                'animate-fade-rise',\n                'data-[highlighted]:bg-subtle',\n                'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n                item.danger &&\n                  'text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive',\n              )\n            \"\n            :style=\"{ animationDelay: listStaggerDelay(i) }\"\n            @select=\"choose(item)\"\n          >\n            <span>{{ item.label }}</span>\n            <span v-if=\"item.shortcut\" class=\"tabular text-micro text-muted-foreground\">\n              {{ item.shortcut }}\n            </span>\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenuPortal>\n  </DropdownMenuRoot>\n</template>\n"],"mappings":""}

package/dist/primitives/DropdownMenu/DropdownMenu.vue.d.ts

@@ -0,0 +1,55 @@
+/**
+ * One row of the menu, and the three kinds a menu is built from are told apart
+ * by which fields are set rather than by a `kind` discriminator: a `separator`
+ * is a rule, a `heading` is a non-interactive group label, and anything else
+ * is a command.
+ *
+ * The list is data rather than markup because the primitive stays free of app
+ * logic — selecting a row emits its `value` and the host decides what that
+ * command means.
+ */
+export interface DropdownMenuEntry {
+    /** The visible text of a command or a heading. */
+    label?: string;
+    /** The command id emitted on select. An entry without one is not selectable. */
+    value?: string;
+    /** Accelerator hint shown at the trailing edge, e.g. `⌘S`. Display only — the primitive binds no keys. */
+    shortcut?: string;
+    /** Render a divider. Every other field is ignored. */
+    separator?: boolean;
+    /** Render a non-interactive section heading rather than a command. */
+    heading?: boolean;
+    /** A destructive command — painted in the destructive token so it is not one indistinguishable row. */
+    danger?: boolean;
+    /** Visible but inert: announced as disabled, and selecting it emits nothing. */
+    disabled?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The rows, in order. Three kinds, told apart by which fields are set. */
+    items: DropdownMenuEntry[];
+    /** Drive the menu from the host with `v-model:open`; omit it and the menu owns its own state. */
+    open?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The rows, in order. Three kinds, told apart by which fields are set. */
+    items: DropdownMenuEntry[];
+    /** Drive the menu from the host with `v-model:open`; omit it and the menu owns its own state. */
+    open?: boolean | undefined;
+}> & Readonly<{
+    onSelect?: (value: string) => any;
+    "onUpdate:open"?: (value: boolean) => any;
+}>, {
+    open: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    trigger?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DropdownMenu.vue.d.ts.map

package/dist/primitives/DropdownMenu/DropdownMenu.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/DropdownMenu/DropdownMenu.vue"],"names":[],"mappings":"AAmLA;;;;;;;;;GASG;AACH,MAAM,WAAW,iBAAiB;IAChC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAqBd,2EAA2E;WACpE,iBAAiB,EAAE;IAC1B,iGAAiG;WAC1F,OAAO,GAAG,SAAS;;;;;IAH1B,2EAA2E;WACpE,iBAAiB,EAAE;IAC1B,iGAAiG;WAC1F,OAAO,GAAG,SAAS;;;;;UAAnB,OAAO,GAAG,SAAS;;cAqRhB,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/primitives/DropdownMenu/DropdownMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import { cn } from "../../lib/cn.js";
+import { listStaggerDelay } from "../../lib/motion.js";
+import { optional } from "../../lib/props.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from "reka-ui";
+//#region src/primitives/DropdownMenu/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "tabular text-micro text-muted-foreground"
+};
+var DropdownMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DropdownMenu",
+	props: {
+		items: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["select", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/**
+		* A disabled entry, and an entry with no command id, select nothing. Reka
+		* already blocks pointer events on the disabled row; this is the second half,
+		* for the keyboard path that reaches it anyway.
+		*/
+		function choose(item) {
+			if (item.disabled || item.value === void 0) return;
+			emit("select", item.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuRoot), mergeProps(unref(optional)({ open: __props.open }), { "onUpdate:open": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:open", $event)) }), {
+				default: withCtx(() => [createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
+					_: 3
+				}), createVNode(unref(DropdownMenuPortal), null, {
+					default: withCtx(() => [createVNode(unref(DropdownMenuContent), {
+						"side-offset": 6,
+						align: "start",
+						class: normalizeClass(unref(cn)("z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none", "data-[state=open]:animate-scale-in")),
+						style: { "transform-origin": "var(--reka-popper-transform-origin)" }
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
+							return openBlock(), createElementBlock(Fragment, { key: i }, [item.separator ? (openBlock(), createBlock(unref(DropdownMenuSeparator), {
+								key: 0,
+								class: "my-1 h-px bg-border"
+							})) : item.heading ? (openBlock(), createBlock(unref(DropdownMenuLabel), {
+								key: 1,
+								class: "px-2 py-1.5 text-micro font-medium uppercase tracking-wide text-muted-foreground"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+								_: 2
+							}, 1024)) : (openBlock(), createBlock(unref(DropdownMenuItem), {
+								key: 2,
+								disabled: item.disabled ?? false,
+								class: normalizeClass(unref(cn)("flex cursor-pointer items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none", "transition-colors duration-fast ease-out", "animate-fade-rise", "data-[highlighted]:bg-subtle", "data-[disabled]:pointer-events-none data-[disabled]:opacity-40", item.danger && "text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive")),
+								style: normalizeStyle({ animationDelay: unref(listStaggerDelay)(i) }),
+								onSelect: ($event) => choose(item)
+							}, {
+								default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.label), 1), item.shortcut ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)]),
+								_: 2
+							}, 1032, [
+								"disabled",
+								"class",
+								"style",
+								"onSelect"
+							]))], 64);
+						}), 128))]),
+						_: 1
+					}, 8, ["class"])]),
+					_: 1
+				})]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { DropdownMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DropdownMenu.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/DropdownMenu/DropdownMenu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/DropdownMenu/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One row of the menu, and the three kinds a menu is built from are told apart\n * by which fields are set rather than by a `kind` discriminator: a `separator`\n * is a rule, a `heading` is a non-interactive group label, and anything else\n * is a command.\n *\n * The list is data rather than markup because the primitive stays free of app\n * logic — selecting a row emits its `value` and the host decides what that\n * command means.\n */\nexport interface DropdownMenuEntry {\n  /** The visible text of a command or a heading. */\n  label?: string;\n  /** The command id emitted on select. An entry without one is not selectable. */\n  value?: string;\n  /** Accelerator hint shown at the trailing edge, e.g. `⌘S`. Display only — the primitive binds no keys. */\n  shortcut?: string;\n  /** Render a divider. Every other field is ignored. */\n  separator?: boolean;\n  /** Render a non-interactive section heading rather than a command. */\n  heading?: boolean;\n  /** A destructive command — painted in the destructive token so it is not one indistinguishable row. */\n  danger?: boolean;\n  /** Visible but inert: announced as disabled, and selecting it emits nothing. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n  DropdownMenuPortal,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { listStaggerDelay } from \"../../lib/motion\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * DropdownMenu — one button that opens a list of commands, with roving focus,\n * typeahead and arrow-key navigation.\n *\n * The escape contract: opening moves focus into the menu and onto the first\n * command; Esc and an outside click both close it; closing returns focus to the\n * trigger. The menu is modal, so while it is open the page behind does not\n * scroll and the rest of the page is hidden from assistive technology — a\n * command list is never scrolled out from under the pointer mid-choice. Focus\n * stays in the menu while it is open, but not the way `Dialog` traps it: a menu\n * has no internal tab order at all. Tab is inert, and the arrow keys plus\n * typeahead are how a row is reached.\n *\n * Selecting an entry emits `select` with its `value`; the host maps that id to\n * an action, which is what keeps the primitive free of app logic.\n *\n * Reach for `Popover` when the panel is interactive content rather than a\n * command list, and for a select control when the list *is* a field's value.\n */\nwithDefaults(\n  defineProps<{\n    /** The rows, in order. Three kinds, told apart by which fields are set. */\n    items: DropdownMenuEntry[];\n    /** Drive the menu from the host with `v-model:open`; omit it and the menu owns its own state. */\n    open?: boolean | undefined;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both.\n  { open: undefined },\n);\nconst emit = defineEmits<{ select: [value: string]; \"update:open\": [value: boolean] }>();\n\n/**\n * A disabled entry, and an entry with no command id, select nothing. Reka\n * already blocks pointer events on the disabled row; this is the second half,\n * for the keyboard path that reaches it anyway.\n */\nfunction choose(item: DropdownMenuEntry): void {\n  if (item.disabled || item.value === undefined) return;\n  emit(\"select\", item.value);\n}\n</script>\n\n<template>\n  <DropdownMenuRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n    <!-- @slot The button that opens the menu. Rendered `as-child`, so the\n         caller's own element *is* the trigger. -->\n    <DropdownMenuTrigger as-child>\n      <slot name=\"trigger\" />\n    </DropdownMenuTrigger>\n\n    <DropdownMenuPortal>\n      <DropdownMenuContent\n        :side-offset=\"6\"\n        align=\"start\"\n        :class=\"\n          cn(\n            'z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none',\n            // Scoped to the open state, never unconditional. Reka's Presence\n            // keeps closed content mounted until an animationend arrives, and a\n            // mount-only animation never fires a second one — so an\n            // unconditional animation class strands an invisible menu over the\n            // page, catching clicks meant for what is behind it. Scoped, the\n            // closed element computes `animation-name: none` and Presence\n            // unmounts it at once. The origin below makes the menu grow out of\n            // its trigger rather than out of its own centre.\n            'data-[state=open]:animate-scale-in',\n          )\n        \"\n        style=\"transform-origin: var(--reka-popper-transform-origin)\"\n      >\n        <template v-for=\"(item, i) in items\" :key=\"i\">\n          <DropdownMenuSeparator v-if=\"item.separator\" class=\"my-1 h-px bg-border\" />\n          <DropdownMenuLabel\n            v-else-if=\"item.heading\"\n            class=\"px-2 py-1.5 text-micro font-medium uppercase tracking-wide text-muted-foreground\"\n          >\n            {{ item.label }}\n          </DropdownMenuLabel>\n          <!-- The reveal delay comes from the shared stagger vocabulary, capped\n               there so a long menu does not tail off, rather than from a\n               per-menu number written by hand.\n\n               `disabled` is coerced rather than forwarded raw: an entry that\n               simply omits the field is not disabled, and Reka's own prop does\n               not accept `undefined` as a way of saying so. -->\n          <DropdownMenuItem\n            v-else\n            :disabled=\"item.disabled ?? false\"\n            :class=\"\n              cn(\n                'flex cursor-pointer items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n                'transition-colors duration-fast ease-out',\n                // The rows reveal in sequence as the menu opens, which reads as\n                // a list arriving rather than a block appearing. The hover\n                // colour transition above is a separate channel, so a row\n                // highlighted mid-reveal still responds at once.\n                'animate-fade-rise',\n                'data-[highlighted]:bg-subtle',\n                'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n                item.danger &&\n                  'text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive',\n              )\n            \"\n            :style=\"{ animationDelay: listStaggerDelay(i) }\"\n            @select=\"choose(item)\"\n          >\n            <span>{{ item.label }}</span>\n            <span v-if=\"item.shortcut\" class=\"tabular text-micro text-muted-foreground\">\n              {{ item.shortcut }}\n            </span>\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenuPortal>\n  </DropdownMenuRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA2EA,MAAM,OAAO;;;;;;EAOb,SAAS,OAAO,MAA+B;GAC7C,IAAI,KAAK,YAAY,KAAK,UAAU,KAAA,GAAW;GAC/C,KAAK,UAAU,KAAK,KAAK;EAC3B;;GAIE,OAAA,UAAA,GAAA,YAuEmB,MAAA,gBAAA,GAvEnB,WAA0B,MAuEP,QAAA,CAvEe,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA,EAAM,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM,GAAA,CAAA,GAAA;IAGrF,SAAA,cAEsB,CAFtB,YAEsB,MAAA,mBAAA,GAAA,EAFD,YAAA,GAAQ,GAAA;KAC3B,SAAA,cAAuB,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;IAGzB,CAAA,GAAA,YA+DqB,MAAA,kBAAA,GAAA,MAAA;KA9DnB,SAAA,cA6DsB,CA7DtB,YA6DsB,MAAA,mBAAA,GAAA;MA5DnB,eAAa;MACd,OAAM;MACL,OAAK,eAAa,MAAA,EAAA,CAAE,CAAA,oHAAA,oCAAA,CAAA;MAcrB,OAAA,EAAA,oBAAA,sCAAA;;MAEU,SAAA,cAA0B,EAApC,UAAA,IAAA,GAAA,mBAyCW,UAAA,MAAA,WAzCmB,QAAA,QAAZ,MAAM,MAAC;OAAkB,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,EAAC,GAAA,CACb,KAAK,aAAlC,UAAA,GAAA,YAA2E,MAAA,qBAAA,GAAA;;QAA9B,OAAM;OAEtC,CAAA,KAAA,KAAK,WADlB,UAAA,GAAA,YAKoB,MAAA,iBAAA,GAAA;;QAHlB,OAAM;;QAEN,SAAA,cAAgB,CAAb,gBAAA,gBAAA,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;OASf,GAAA,IAAA,MAAA,UAAA,GAAA,YAyBmB,MAAA,gBAAA,GAAA;;QAvBhB,UAAU,KAAK,YAAQ;QACvB,OAAK,eAAiB,MAAA,EAAA,CAAE,CAAA,sHAAA,4CAAA,qBAAA,gCAAA,kEAAqqB,KAAK,UAAA,2FAAA,CAAA;QAelsB,OAAK,eAAA,EAAA,gBAAoB,MAAA,gBAAA,CAAgB,CAAC,CAAC,EAAA,CAAA;QAC3C,WAAM,WAAE,OAAO,IAAI;;QAEpB,SAAA,cAA6B,CAA7B,mBAA6B,QAAA,MAAA,gBAApB,KAAK,KAAK,GAAA,CAAA,GACP,KAAK,YAAjB,UAAA,GAAA,mBAEO,QAFP,YAEO,gBADF,KAAK,QAAQ,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/primitives/Field/Field.js

@@ -0,0 +1,7 @@
+import Field_vue_vue_type_script_setup_true_lang_default from "./Field.vue_vue_type_script_setup_true_lang.js";
+//#region src/primitives/Field/Field.vue
+var Field_default = Field_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Field_default as default };
+
+//# sourceMappingURL=Field.js.map

package/dist/primitives/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":[],"sources":["../../../src/primitives/Field/Field.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* eslint vuejs-accessibility/label-has-for: [\"error\", { \"required\": \"id\" }] */\n/*\n * The workspace default for this rule requires BOTH a `for`/id pairing AND\n * the control physically nested inside the `<label>` (`required: {every:\n * [\"nesting\",\"id\"]}`). Field labels a control passed through the default\n * slot — never nested inside the `<label>` — so \"nesting\" can never be\n * satisfied by any slot-based composition, regardless of how the label is\n * written. The `for`/id pairing below is itself a fully valid, standard\n * accessible-name association (WCAG 1.3.1 / 4.1.2); this override scopes the\n * rule to that single valid strategy for this file only.\n */\nimport { computed } from \"vue\";\nimport InlineError from \"../InlineError/InlineError.vue\";\n\n/**\n * Field — the form-row wrapper: label + control + one hint-or-error line, so\n * a consumer stops hand-assembling that layout at every call site. Pure\n * composition, not a Reka component — the default slot is the control\n * (TextField, Textarea, a select, …). Setting `error` swaps InlineError in\n * for `hint`, because a row shows one message at a time, never both stacked.\n *\n * `for` does two jobs. It is what associates the `<label>` with the control\n * (WCAG 1.3.1 / 4.1.2) — `label` alone, with no `for`, falls back to a plain\n * `<span>` rather than emit a `<label>` with nothing to point at. And it is\n * what the hint/error line derives its own id from (`${for}-description`),\n * which is the missing half of the accessibility contract: Field cannot\n * reach into an arbitrary slotted control to set `aria-describedby` on it,\n * so it publishes a predictable id instead and leaves that one attribute to\n * the consumer — the same way `invalid` already has to be set on the\n * control directly. TextField and Textarea both forward an `aria-describedby`\n * passed to them straight onto their native element, so wiring the two\n * together is exactly:\n *\n * ```vue\n * <Field label=\"Email\" for=\"email\" error=\"Invalid address\">\n *   <TextField id=\"email\" aria-describedby=\"email-description\" invalid />\n * </Field>\n * ```\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The visible label text. Renders as a real `<label>` only when `for` is also set. */\n    label?: string;\n    /** Supporting text shown below the control. Hidden while `error` is set. */\n    hint?: string;\n    /** The error message. Renders through InlineError and replaces `hint`. */\n    error?: string;\n    /** Marks the field mandatory and appends a destructive asterisk to the label. */\n    required?: boolean;\n    /** The id of the control in the default slot — drives the label's `for` and the hint/error id. */\n    for?: string;\n  }>(),\n  { required: false },\n);\n\n// The hint and the error are mutually exclusive, so one id covers whichever\n// is showing. Undefined without `for`: an id with no control to point at it\n// would be a landmark for no one.\nconst descriptionId = computed(() => (props.for ? `${props.for}-description` : undefined));\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1.5\">\n    <label v-if=\"label && props.for\" :for=\"props.for\" class=\"text-sm font-medium text-foreground\">\n      {{ label }} <span v-if=\"required\" class=\"text-destructive\">*</span>\n    </label>\n    <span v-else-if=\"label\" class=\"text-sm font-medium text-foreground\">\n      {{ label }} <span v-if=\"required\" class=\"text-destructive\">*</span>\n    </span>\n    <slot />\n    <p v-if=\"hint && !error\" :id=\"descriptionId\" class=\"text-xs text-muted-foreground\">\n      {{ hint }}\n    </p>\n    <InlineError v-if=\"error\" :id=\"descriptionId\" :message=\"error\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/primitives/Field/Field.vue.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Field — the form-row wrapper: label + control + one hint-or-error line, so
+ * a consumer stops hand-assembling that layout at every call site. Pure
+ * composition, not a Reka component — the default slot is the control
+ * (TextField, Textarea, a select, …). Setting `error` swaps InlineError in
+ * for `hint`, because a row shows one message at a time, never both stacked.
+ *
+ * `for` does two jobs. It is what associates the `<label>` with the control
+ * (WCAG 1.3.1 / 4.1.2) — `label` alone, with no `for`, falls back to a plain
+ * `<span>` rather than emit a `<label>` with nothing to point at. And it is
+ * what the hint/error line derives its own id from (`${for}-description`),
+ * which is the missing half of the accessibility contract: Field cannot
+ * reach into an arbitrary slotted control to set `aria-describedby` on it,
+ * so it publishes a predictable id instead and leaves that one attribute to
+ * the consumer — the same way `invalid` already has to be set on the
+ * control directly. TextField and Textarea both forward an `aria-describedby`
+ * passed to them straight onto their native element, so wiring the two
+ * together is exactly:
+ *
+ * ```vue
+ * <Field label="Email" for="email" error="Invalid address">
+ *   <TextField id="email" aria-describedby="email-description" invalid />
+ * </Field>
+ * ```
+ */
+type __VLS_Props = {
+    /** The visible label text. Renders as a real `<label>` only when `for` is also set. */
+    label?: string;
+    /** Supporting text shown below the control. Hidden while `error` is set. */
+    hint?: string;
+    /** The error message. Renders through InlineError and replaces `hint`. */
+    error?: string;
+    /** Marks the field mandatory and appends a destructive asterisk to the label. */
+    required?: boolean;
+    /** The id of the control in the default slot — drives the label's `for` and the hint/error id. */
+    for?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    required: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Field.vue.d.ts.map

package/dist/primitives/Field/Field.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Field/Field.vue"],"names":[],"mappings":"AA8FA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,KAAK,WAAW,GAAG;IACf,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kGAAkG;IAClG,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA0FJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;cApGD,OAAO;6EAuGpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/primitives/Field/Field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import InlineError_default from "../InlineError/InlineError.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/primitives/Field/Field.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2 = ["for"];
+var _hoisted_3 = {
+	key: 0,
+	class: "text-destructive"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "text-sm font-medium text-foreground"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "text-destructive"
+};
+var _hoisted_6 = ["id"];
+/**
+* Field — the form-row wrapper: label + control + one hint-or-error line, so
+* a consumer stops hand-assembling that layout at every call site. Pure
+* composition, not a Reka component — the default slot is the control
+* (TextField, Textarea, a select, …). Setting `error` swaps InlineError in
+* for `hint`, because a row shows one message at a time, never both stacked.
+*
+* `for` does two jobs. It is what associates the `<label>` with the control
+* (WCAG 1.3.1 / 4.1.2) — `label` alone, with no `for`, falls back to a plain
+* `<span>` rather than emit a `<label>` with nothing to point at. And it is
+* what the hint/error line derives its own id from (`${for}-description`),
+* which is the missing half of the accessibility contract: Field cannot
+* reach into an arbitrary slotted control to set `aria-describedby` on it,
+* so it publishes a predictable id instead and leaves that one attribute to
+* the consumer — the same way `invalid` already has to be set on the
+* control directly. TextField and Textarea both forward an `aria-describedby`
+* passed to them straight onto their native element, so wiring the two
+* together is exactly:
+*
+* ```vue
+* <Field label="Email" for="email" error="Invalid address">
+*   <TextField id="email" aria-describedby="email-description" invalid />
+* </Field>
+* ```
+*/
+var Field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Field",
+	props: {
+		label: {},
+		hint: {},
+		error: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		for: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const descriptionId = computed(() => props.for ? `${props.for}-description` : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				__props.label && props.for ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					for: props.for,
+					class: "text-sm font-medium text-foreground"
+				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)], 8, _hoisted_2)) : __props.label ? (openBlock(), createElementBlock("span", _hoisted_4, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default"),
+				__props.hint && !__props.error ? (openBlock(), createElementBlock("p", {
+					key: 2,
+					id: descriptionId.value,
+					class: "text-xs text-muted-foreground"
+				}, toDisplayString(__props.hint), 9, _hoisted_6)) : createCommentVNode("", true),
+				__props.error ? (openBlock(), createBlock(InlineError_default, {
+					key: 3,
+					id: descriptionId.value,
+					message: __props.error
+				}, null, 8, ["id", "message"])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { Field_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Field.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Field/Field.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Field/Field.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* eslint vuejs-accessibility/label-has-for: [\"error\", { \"required\": \"id\" }] */\n/*\n * The workspace default for this rule requires BOTH a `for`/id pairing AND\n * the control physically nested inside the `<label>` (`required: {every:\n * [\"nesting\",\"id\"]}`). Field labels a control passed through the default\n * slot — never nested inside the `<label>` — so \"nesting\" can never be\n * satisfied by any slot-based composition, regardless of how the label is\n * written. The `for`/id pairing below is itself a fully valid, standard\n * accessible-name association (WCAG 1.3.1 / 4.1.2); this override scopes the\n * rule to that single valid strategy for this file only.\n */\nimport { computed } from \"vue\";\nimport InlineError from \"../InlineError/InlineError.vue\";\n\n/**\n * Field — the form-row wrapper: label + control + one hint-or-error line, so\n * a consumer stops hand-assembling that layout at every call site. Pure\n * composition, not a Reka component — the default slot is the control\n * (TextField, Textarea, a select, …). Setting `error` swaps InlineError in\n * for `hint`, because a row shows one message at a time, never both stacked.\n *\n * `for` does two jobs. It is what associates the `<label>` with the control\n * (WCAG 1.3.1 / 4.1.2) — `label` alone, with no `for`, falls back to a plain\n * `<span>` rather than emit a `<label>` with nothing to point at. And it is\n * what the hint/error line derives its own id from (`${for}-description`),\n * which is the missing half of the accessibility contract: Field cannot\n * reach into an arbitrary slotted control to set `aria-describedby` on it,\n * so it publishes a predictable id instead and leaves that one attribute to\n * the consumer — the same way `invalid` already has to be set on the\n * control directly. TextField and Textarea both forward an `aria-describedby`\n * passed to them straight onto their native element, so wiring the two\n * together is exactly:\n *\n * ```vue\n * <Field label=\"Email\" for=\"email\" error=\"Invalid address\">\n *   <TextField id=\"email\" aria-describedby=\"email-description\" invalid />\n * </Field>\n * ```\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The visible label text. Renders as a real `<label>` only when `for` is also set. */\n    label?: string;\n    /** Supporting text shown below the control. Hidden while `error` is set. */\n    hint?: string;\n    /** The error message. Renders through InlineError and replaces `hint`. */\n    error?: string;\n    /** Marks the field mandatory and appends a destructive asterisk to the label. */\n    required?: boolean;\n    /** The id of the control in the default slot — drives the label's `for` and the hint/error id. */\n    for?: string;\n  }>(),\n  { required: false },\n);\n\n// The hint and the error are mutually exclusive, so one id covers whichever\n// is showing. Undefined without `for`: an id with no control to point at it\n// would be a landmark for no one.\nconst descriptionId = computed(() => (props.for ? `${props.for}-description` : undefined));\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1.5\">\n    <label v-if=\"label && props.for\" :for=\"props.for\" class=\"text-sm font-medium text-foreground\">\n      {{ label }} <span v-if=\"required\" class=\"text-destructive\">*</span>\n    </label>\n    <span v-else-if=\"label\" class=\"text-sm font-medium text-foreground\">\n      {{ label }} <span v-if=\"required\" class=\"text-destructive\">*</span>\n    </span>\n    <slot />\n    <p v-if=\"hint && !error\" :id=\"descriptionId\" class=\"text-xs text-muted-foreground\">\n      {{ hint }}\n    </p>\n    <InlineError v-if=\"error\" :id=\"descriptionId\" :message=\"error\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EAmBd,MAAM,gBAAgB,eAAgB,MAAM,MAAM,GAAG,MAAM,IAAI,gBAAgB,KAAA,CAAU;;GAIvF,OAAA,UAAA,GAAA,mBAYM,OAZN,YAYM;IAXS,QAAA,SAAS,MAAM,OAA5B,UAAA,GAAA,mBAEQ,SAAA;;KAF0B,KAAK,MAAM;KAAK,OAAM;IACnD,GAAA,CAAA,gBAAA,gBAAA,QAAA,KAAK,IAAG,KAAC,CAAA,GAAY,QAAA,YAAZ,UAAA,GAAA,mBAAuD,QAAvD,YAA+C,GAAC,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,GAAA,UAAA,KAE7C,QAAA,SAAjB,UAAA,GAAA,mBAEO,QAFP,YAEO,CADF,gBAAA,gBAAA,QAAA,KAAK,IAAG,KAAC,CAAA,GAAY,QAAA,YAAZ,UAAA,GAAA,mBAAuD,QAAvD,YAA+C,GAAC,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE9D,WAAQ,KAAA,QAAA,SAAA;IACC,QAAA,QAAI,CAAK,QAAA,SAAlB,UAAA,GAAA,mBAEI,KAAA;;KAFsB,IAAI,cAAA;KAAe,OAAM;IAC9C,GAAA,gBAAA,QAAA,IAAI,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAEU,QAAA,SAAnB,UAAA,GAAA,YAAiE,qBAAA;;KAAtC,IAAI,cAAA;KAAgB,SAAS,QAAA"}

package/dist/primitives/InlineError/InlineError.js

@@ -0,0 +1,7 @@
+import InlineError_vue_vue_type_script_setup_true_lang_default from "./InlineError.vue_vue_type_script_setup_true_lang.js";
+//#region src/primitives/InlineError/InlineError.vue
+var InlineError_default = InlineError_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InlineError_default as default };
+
+//# sourceMappingURL=InlineError.js.map

package/dist/primitives/InlineError/InlineError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineError.js","names":[],"sources":["../../../src/primitives/InlineError/InlineError.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TriangleAlert } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * InlineError — the one error contract for a field or a section, instead of\n * a paragraph here and a badge there. `role=\"alert\"` on the root means a\n * screen reader announces it the instant it enters the DOM, which is also\n * why a host must mount it with `v-if` rather than hide it with `v-show`:\n * CSS visibility leaves the node in the DOM, so a message change under\n * `v-show` may not re-announce.\n *\n * Persists until the host resolves the cause it names — there is no\n * auto-dismiss timer and no built-in close button. A transient notice that\n * hides itself belongs to a toast, not here.\n */\ndefineProps<{\n  /** The error text. A default-slot child overrides this when both are given. */\n  message?: string;\n}>();\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    :class=\"\n      cn(\n        'flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive',\n        'animate-fade-rise',\n      )\n    \"\n  >\n    <TriangleAlert class=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n    <div class=\"min-w-0 flex-1\">\n      <slot>{{ message }}</slot>\n    </div>\n    <div v-if=\"$slots.action\" class=\"shrink-0\"><slot name=\"action\" /></div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/primitives/InlineError/InlineError.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * InlineError — the one error contract for a field or a section, instead of
+ * a paragraph here and a badge there. `role="alert"` on the root means a
+ * screen reader announces it the instant it enters the DOM, which is also
+ * why a host must mount it with `v-if` rather than hide it with `v-show`:
+ * CSS visibility leaves the node in the DOM, so a message change under
+ * `v-show` may not re-announce.
+ *
+ * Persists until the host resolves the cause it names — there is no
+ * auto-dismiss timer and no built-in close button. A transient notice that
+ * hides itself belongs to a toast, not here.
+ */
+type __VLS_Props = {
+    /** The error text. A default-slot child overrides this when both are given. */
+    message?: string;
+};
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    action?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=InlineError.vue.d.ts.map

package/dist/primitives/InlineError/InlineError.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineError.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/InlineError/InlineError.vue"],"names":[],"mappings":"AA6CA;;;;;;;;;;;GAWG;AACH,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA+DF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/primitives/InlineError/InlineError.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn } from "../../lib/cn.js";
+import { TriangleAlert } from "@lucide/vue";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+//#region src/primitives/InlineError/InlineError.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "min-w-0 flex-1" };
+var _hoisted_2 = {
+	key: 0,
+	class: "shrink-0"
+};
+/**
+* InlineError — the one error contract for a field or a section, instead of
+* a paragraph here and a badge there. `role="alert"` on the root means a
+* screen reader announces it the instant it enters the DOM, which is also
+* why a host must mount it with `v-if` rather than hide it with `v-show`:
+* CSS visibility leaves the node in the DOM, so a message change under
+* `v-show` may not re-announce.
+*
+* Persists until the host resolves the cause it names — there is no
+* auto-dismiss timer and no built-in close button. A transient notice that
+* hides itself belongs to a toast, not here.
+*/
+var InlineError_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "InlineError",
+	props: { message: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "alert",
+				class: normalizeClass(unref(cn)("flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", "animate-fade-rise"))
+			}, [
+				createVNode(unref(TriangleAlert), {
+					class: "mt-0.5 h-4 w-4 shrink-0",
+					"aria-hidden": "true"
+				}),
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.message), 1)])]),
+				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { InlineError_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=InlineError.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/InlineError/InlineError.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineError.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/primitives/InlineError/InlineError.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TriangleAlert } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * InlineError — the one error contract for a field or a section, instead of\n * a paragraph here and a badge there. `role=\"alert\"` on the root means a\n * screen reader announces it the instant it enters the DOM, which is also\n * why a host must mount it with `v-if` rather than hide it with `v-show`:\n * CSS visibility leaves the node in the DOM, so a message change under\n * `v-show` may not re-announce.\n *\n * Persists until the host resolves the cause it names — there is no\n * auto-dismiss timer and no built-in close button. A transient notice that\n * hides itself belongs to a toast, not here.\n */\ndefineProps<{\n  /** The error text. A default-slot child overrides this when both are given. */\n  message?: string;\n}>();\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    :class=\"\n      cn(\n        'flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive',\n        'animate-fade-rise',\n      )\n    \"\n  >\n    <TriangleAlert class=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n    <div class=\"min-w-0 flex-1\">\n      <slot>{{ message }}</slot>\n    </div>\n    <div v-if=\"$slots.action\" class=\"shrink-0\"><slot name=\"action\" /></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;GAuBE,OAAA,UAAA,GAAA,mBAcM,OAAA;IAbJ,MAAK;IACJ,OAAK,eAAS,MAAA,EAAA,CAAE,CAAA,uHAAA,mBAAA,CAAA;;IAOjB,YAAoE,MAAA,aAAA,GAAA;KAArD,OAAM;KAA0B,eAAY;;IAC3D,mBAEM,OAFN,YAEM,CADJ,WAA0B,KAAA,QAAA,WAAA,CAAA,SAAA,CAAjB,gBAAA,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IAEPA,KAAAA,OAAO,UAAlB,UAAA,GAAA,mBAAuE,OAAvE,YAAuE,CAA5B,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/primitives/Menubar/Menubar.js

@@ -0,0 +1,7 @@
+import Menubar_vue_vue_type_script_setup_true_lang_default from "./Menubar.vue_vue_type_script_setup_true_lang.js";
+//#region src/primitives/Menubar/Menubar.vue
+var Menubar_default = Menubar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Menubar_default as default };
+
+//# sourceMappingURL=Menubar.js.map

package/dist/primitives/Menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","names":[],"sources":["../../../src/primitives/Menubar/Menubar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Menubar — the classic desktop-app menu strip (File · View · Help …).\n *\n * Data-driven: pass a `menus` array; the component owns open/close, hover-to-switch,\n * keyboard nav and click-outside. Selecting an item emits `select` with its `command`\n * id — the host maps that id to an action (keeps the primitive free of app logic).\n *\n * A11y: WAI-ARIA menubar semantics (roles + aria-expanded/haspopup) with Escape,\n * Arrow, Home/End and Enter/Space handling. When richer focus-trapping is needed we\n * can later delegate to Reka UI without changing this call-site contract.\n */\nexport interface MenubarItem {\n  /** Visible label. */\n  label: string;\n  /** Command id emitted on select. Omit for a non-actionable row. */\n  command?: string;\n  /** Right-aligned accelerator hint, e.g. \"Ctrl+S\". */\n  shortcut?: string;\n  /** Render a divider instead of an item (label ignored). */\n  separator?: boolean;\n  disabled?: boolean;\n}\n\nexport interface MenubarMenu {\n  id: string;\n  label: string;\n  items: MenubarItem[];\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onBeforeUnmount, ref, nextTick } from \"vue\";\nimport { listStaggerDelay } from \"../../lib/motion\";\n\nconst props = defineProps<{\n  /** The top-level menus, left to right, each carrying its own item list. */\n  menus: MenubarMenu[];\n}>();\nconst emit = defineEmits<{ (e: \"select\", command: string): void }>();\n\nconst openId = ref<string | null>(null);\nconst activeIndex = ref(-1); // highlighted item within the open menu\n\nconst openMenu = (menu: MenubarMenu | undefined) => menu?.items ?? [];\nconst firstEnabled = (items: MenubarItem[], from = 0, dir = 1): number => {\n  for (let i = from; i >= 0 && i < items.length; i += dir) {\n    const item = items[i];\n    if (item && !item.separator && !item.disabled) return i;\n  }\n  return -1;\n};\n\nfunction toggle(id: string): void {\n  openId.value = openId.value === id ? null : id;\n  activeIndex.value = -1;\n}\nfunction hover(id: string): void {\n  if (openId.value !== null && openId.value !== id) {\n    openId.value = id;\n    activeIndex.value = -1;\n  }\n}\nfunction choose(item: MenubarItem): void {\n  if (item.separator || item.disabled) return;\n  close();\n  if (item.command) emit(\"select\", item.command);\n}\nfunction close(): void {\n  openId.value = null;\n  activeIndex.value = -1;\n}\n\nfunction moveMenu(dir: 1 | -1): void {\n  const ids = props.menus.map((m) => m.id);\n  const cur = openId.value ? ids.indexOf(openId.value) : 0;\n  const next = (cur + dir + ids.length) % ids.length;\n  openId.value = ids[next] ?? null;\n  activeIndex.value = -1;\n}\n\nasync function onTriggerKeydown(e: KeyboardEvent, menu: MenubarMenu): Promise<void> {\n  switch (e.key) {\n    case \"ArrowDown\":\n    case \"Enter\":\n    case \" \":\n      e.preventDefault();\n      openId.value = menu.id;\n      await nextTick();\n      activeIndex.value = firstEnabled(menu.items);\n      break;\n    case \"ArrowRight\":\n      e.preventDefault();\n      if (openId.value) moveMenu(1);\n      break;\n    case \"ArrowLeft\":\n      e.preventDefault();\n      if (openId.value) moveMenu(-1);\n      break;\n    case \"Escape\":\n      close();\n      break;\n  }\n}\n\nfunction onMenuKeydown(e: KeyboardEvent, menu: MenubarMenu): void {\n  const items = menu.items;\n  switch (e.key) {\n    case \"ArrowDown\":\n      e.preventDefault();\n      activeIndex.value = firstEnabled(items, Math.max(activeIndex.value, -1) + 1, 1);\n      if (activeIndex.value === -1) activeIndex.value = firstEnabled(items, 0, 1);\n      break;\n    case \"ArrowUp\":\n      e.preventDefault();\n      activeIndex.value =\n        activeIndex.value <= 0\n          ? firstEnabled(items, items.length - 1, -1)\n          : firstEnabled(items, activeIndex.value - 1, -1);\n      break;\n    case \"Home\":\n      e.preventDefault();\n      activeIndex.value = firstEnabled(items, 0, 1);\n      break;\n    case \"End\":\n      e.preventDefault();\n      activeIndex.value = firstEnabled(items, items.length - 1, -1);\n      break;\n    case \"ArrowRight\":\n      e.preventDefault();\n      moveMenu(1);\n      break;\n    case \"ArrowLeft\":\n      e.preventDefault();\n      moveMenu(-1);\n      break;\n    case \"Enter\":\n    case \" \": {\n      e.preventDefault();\n      const item = activeIndex.value >= 0 ? items[activeIndex.value] : undefined;\n      if (item) choose(item);\n      break;\n    }\n    case \"Escape\":\n      e.preventDefault();\n      close();\n      break;\n  }\n}\n\nonMounted(() => window.addEventListener(\"click\", close));\nonBeforeUnmount(() => window.removeEventListener(\"click\", close));\n</script>\n\n<template>\n  <div\n    role=\"menubar\"\n    class=\"flex items-center gap-0.5\"\n    style=\"-webkit-app-region: no-drag\"\n    @click.stop\n  >\n    <div v-for=\"menu in menus\" :key=\"menu.id\" class=\"relative\">\n      <button\n        :id=\"`menubar-trigger-${menu.id}`\"\n        type=\"button\"\n        role=\"menuitem\"\n        :aria-haspopup=\"true\"\n        :aria-expanded=\"openId === menu.id\"\n        class=\"rounded-sm px-2 py-1 text-xs text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:bg-subtle focus-visible:text-foreground\"\n        :class=\"openId === menu.id && 'bg-subtle text-foreground'\"\n        @click.stop=\"toggle(menu.id)\"\n        @mouseenter=\"hover(menu.id)\"\n        @focus=\"hover(menu.id)\"\n        @keydown=\"onTriggerKeydown($event, menu)\"\n      >\n        {{ menu.label }}\n      </button>\n\n      <div\n        v-if=\"openId === menu.id\"\n        role=\"menu\"\n        :aria-label=\"menu.label\"\n        tabindex=\"-1\"\n        class=\"absolute left-0 top-full z-50 mt-1 min-w-[13rem] origin-top-left rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md animate-scale-in\"\n        @click.stop\n        @keydown=\"onMenuKeydown($event, menu)\"\n      >\n        <template v-for=\"(item, i) in openMenu(menu)\" :key=\"i\">\n          <div v-if=\"item.separator\" role=\"separator\" class=\"my-1 h-px bg-border\" />\n          <button\n            v-else\n            type=\"button\"\n            role=\"menuitem\"\n            :disabled=\"item.disabled\"\n            :data-highlighted=\"activeIndex === i || undefined\"\n            :style=\"{ animationDelay: listStaggerDelay(i) }\"\n            class=\"flex w-full items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-left text-xs text-foreground transition-colors duration-fast ease-out hover:bg-subtle disabled:pointer-events-none disabled:opacity-40 data-[highlighted]:bg-subtle animate-fade-rise\"\n            @click=\"choose(item)\"\n            @mouseenter=\"activeIndex = i\"\n            @focus=\"activeIndex = i\"\n          >\n            <span>{{ item.label }}</span>\n            <span v-if=\"item.shortcut\" class=\"tabular text-[0.6875rem] text-muted-foreground\">\n              {{ item.shortcut }}\n            </span>\n          </button>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/primitives/Menubar/Menubar.vue.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Menubar — the classic desktop-app menu strip (File · View · Help …).
+ *
+ * Data-driven: pass a `menus` array; the component owns open/close, hover-to-switch,
+ * keyboard nav and click-outside. Selecting an item emits `select` with its `command`
+ * id — the host maps that id to an action (keeps the primitive free of app logic).
+ *
+ * A11y: WAI-ARIA menubar semantics (roles + aria-expanded/haspopup) with Escape,
+ * Arrow, Home/End and Enter/Space handling. When richer focus-trapping is needed we
+ * can later delegate to Reka UI without changing this call-site contract.
+ */
+export interface MenubarItem {
+    /** Visible label. */
+    label: string;
+    /** Command id emitted on select. Omit for a non-actionable row. */
+    command?: string;
+    /** Right-aligned accelerator hint, e.g. "Ctrl+S". */
+    shortcut?: string;
+    /** Render a divider instead of an item (label ignored). */
+    separator?: boolean;
+    disabled?: boolean;
+}
+export interface MenubarMenu {
+    id: string;
+    label: string;
+    items: MenubarItem[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The top-level menus, left to right, each carrying its own item list. */
+    menus: MenubarMenu[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (command: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The top-level menus, left to right, each carrying its own item list. */
+    menus: MenubarMenu[];
+}> & Readonly<{
+    onSelect?: (command: string) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=Menubar.vue.d.ts.map

package/dist/primitives/Menubar/Menubar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Menubar/Menubar.vue"],"names":[],"mappings":"AA0NA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB,2EAA2E;WACpE,WAAW,EAAE;;;;IADpB,2EAA2E;WACpE,WAAW,EAAE;;;kFAiUlB,CAAC"}