@ecoma-io/loom 0.1.0 → 0.2.0

package/dist/primitives/Indicator/Indicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,198 @@
+import { cn } from "../../lib/cn.js";
+import { useLabels } from "../../lib/labels.js";
+import { useSplitAttrs } from "../../lib/attrs.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId } from "vue";
+import { cva } from "class-variance-authority";
+//#region src/primitives/Indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
+/**
+* Indicator — the small marker pinned onto the corner of something else: a
+* presence dot on an avatar, an unread count on a bell, a "needs attention"
+* dot on a tab. The default slot is the thing being marked, and the marker
+* positions itself over that child's corner.
+*
+* The boundary with Badge is the whole of the decision between them: **Badge
+* sits in the flow beside content; Indicator is pinned onto content.** A count
+* chip in a table cell is a Badge. The same count floating over a bell icon is
+* an Indicator. Reach for Badge whenever the marker would take up room of its
+* own, and for this whenever it would overhang something.
+*
+* What this component is by default is a bare colour, which is the one thing
+* Loom's accessibility bar forbids outright. A green dot says nothing to a
+* reader who cannot see it. So every marker that renders carries a visually
+* hidden string — `label`, or a default derived from `status` or `count` — and
+* a blank `label` falls back to that default rather than replacing it, which
+* is what makes an unnamed indicator unreachable rather than merely
+* discouraged. The shape layer in `STATUS_GLYPHS` covers the sighted reader
+* the hidden string cannot.
+*
+* There is deliberately **no `aria-live` region here**, and the reason is that
+* this component cannot know whether a change is news. An unread counter is
+* usually fed by a poll, so a live region announces every tick over whatever
+* the reader was doing; the same count is commonly pinned in two places at
+* once, so it announces twice; and a polite region speaks on first render in
+* several screen reader and browser pairs, which turns every page load into a
+* recitation of the inbox. The marker is therefore static text a reader
+* reaches on demand, and announcing a *change* stays with the consumer, who
+* knows whether it followed something the reader just did.
+*
+* One consequence to design around: when the marked child is interactive, its
+* accessible name is computed from the child, and this marker's text sits
+* outside it — a bell button announces "Notifications, button" on focus and
+* never mentions the three unread. The default slot exposes `labelId` for
+* exactly that: bind it to the control's `aria-describedby` and the count is
+* announced straight after the name, once, without being duplicated into it.
+*/
+var _hoisted_1 = ["data-placement"];
+var _hoisted_2 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_3 = ["id"];
+var indicatorVariants = cva("pointer-events-none absolute z-10 flex items-center justify-center select-none ring-2", {
+	variants: {
+		variant: {
+			dot: "h-3 w-3 rounded-full",
+			count: "h-5 min-w-5 rounded-full px-1.5 text-micro font-medium tabular"
+		},
+		placement: {
+			"top-right": "top-0 right-0 -translate-y-1/2 translate-x-1/2",
+			"top-left": "top-0 left-0 -translate-y-1/2 -translate-x-1/2",
+			"bottom-right": "right-0 bottom-0 translate-x-1/2 translate-y-1/2",
+			"bottom-left": "bottom-0 left-0 -translate-x-1/2 translate-y-1/2"
+		},
+		surface: {
+			background: "ring-background",
+			card: "ring-card",
+			sunken: "ring-sunken",
+			popover: "ring-popover"
+		}
+	},
+	defaultVariants: {
+		variant: "dot",
+		placement: "top-right",
+		surface: "background"
+	}
+});
+/**
+* The fill, keyed by Badge's colour names so a success dot and a success badge
+* are the same green. These are the solid tokens where Badge uses a 12% wash:
+* a wash reads fine across a chip and carries no signal at all across 12px.
+*
+* The paired `text-*` is what the count prints in and what the status glyph is
+* punched out in, so one entry drives both layers.
+*/
+var indicatorToneVariants = cva("", {
+	variants: { tone: {
+		neutral: "bg-muted-foreground text-background",
+		primary: "bg-primary text-primary-foreground",
+		success: "bg-success text-success-foreground",
+		warning: "bg-warning text-warning-foreground",
+		info: "bg-info text-info-foreground",
+		destructive: "bg-destructive text-destructive-foreground",
+		accent: "bg-accent text-accent-foreground"
+	} },
+	defaultVariants: { tone: "primary" }
+});
+/** Which colour each presence state means, so `status` alone is enough. */
+var STATUS_TONES = {
+	online: "success",
+	offline: "neutral",
+	busy: "destructive",
+	away: "warning"
+};
+/**
+* Loom's English, co-located with the component so it tree-shakes with it, and
+* exported so a host can build a partial vocabulary against the real thing.
+*/
+var INDICATOR_LABELS = {
+	online: "Online",
+	offline: "Offline",
+	busy: "Busy",
+	away: "Away",
+	count: ({ count }) => `${String(count)} unread`,
+	attention: "Needs attention"
+};
+/**
+* The shape layer, and it exists for the sighted reader the `sr-only` string
+* below cannot help. Three of the four states are saturated — green, amber,
+* red — which is the exact triple a red/green deficiency collapses, so `busy`
+* wears a bar and `away` a hole and no two of them differ by hue alone.
+* `offline` needs none: grey against any of the three is a saturation
+* difference, not a hue one.
+*/
+var STATUS_GLYPHS = {
+	online: "",
+	offline: "",
+	busy: "h-0.5 w-1.5 rounded-full bg-current",
+	away: "h-1 w-1 rounded-full bg-current"
+};
+var Indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Indicator",
+	props: {
+		variant: { default: "dot" },
+		count: { default: 0 },
+		max: { default: 99 },
+		status: {},
+		tone: {},
+		placement: { default: "top-right" },
+		label: {},
+		showZero: {
+			type: Boolean,
+			default: false
+		},
+		surface: { default: "background" },
+		labels: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const text = useLabels("indicator", INDICATOR_LABELS, () => props.labels);
+		const { attrs, rest } = useSplitAttrs();
+		const labelId = useId();
+		/**
+		* The count as a whole, non-negative number. A negative count is a defect in
+		* the caller's data, and a pill reading "-1 unread" reports that defect to the
+		* reader rather than to the caller — falling back to "nothing to report" is
+		* the honest rendering of it.
+		*/
+		const total = computed(() => Math.max(0, Math.trunc(props.count)));
+		const visible = computed(() => props.variant === "dot" || total.value > 0 || props.showZero);
+		/** What the pill prints — the real figure up to `max`, then `<max>+`. */
+		const printed = computed(() => total.value > props.max ? `${String(props.max)}+` : String(total.value));
+		const tone = computed(() => props.tone ?? (props.status ? STATUS_TONES[props.status] : "primary"));
+		const glyph = computed(() => props.status ? STATUS_GLYPHS[props.status] : "");
+		/**
+		* The accessible name, and it is never empty by construction. The count case
+		* reports `total` rather than `printed`: clamping at `max` is a decision about
+		* how wide the pill is allowed to get, and a reader who cannot see the pill
+		* has no reason to inherit it — "132 unread" is the fact, "99+" is the layout.
+		*/
+		const name = computed(() => {
+			const given = props.label?.trim();
+			if (given) return given;
+			if (props.variant === "count") return text.value.count({ count: total.value });
+			return props.status ? text.value[props.status] : text.value.attention;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps(unref(rest), { class: unref(cn)("relative inline-flex align-middle", unref(attrs).class) }), [renderSlot(_ctx.$slots, "default", { labelId: unref(labelId) }), visible.value ? (openBlock(), createElementBlock("span", {
+				key: printed.value,
+				"data-placement": __props.placement,
+				class: normalizeClass(unref(cn)(unref(indicatorVariants)({
+					variant: __props.variant,
+					placement: __props.placement,
+					surface: __props.surface
+				}), unref(indicatorToneVariants)({ tone: tone.value }), __props.variant === "count" && "animate-scale-in"))
+			}, [__props.variant === "count" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(printed.value), 1)) : glyph.value ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(glyph.value)
+			}, null, 2)) : createCommentVNode("", true), createElementVNode("span", {
+				id: unref(labelId),
+				class: "sr-only"
+			}, toDisplayString(name.value), 9, _hoisted_3)], 10, _hoisted_1)) : createCommentVNode("", true)], 16);
+		};
+	}
+});
+//#endregion
+export { INDICATOR_LABELS, Indicator_vue_vue_type_script_setup_true_lang_default as default, indicatorToneVariants, indicatorVariants };
+
+//# sourceMappingURL=Indicator.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Indicator/Indicator.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\nimport type { LabelOf } from \"../../lib/labels\";\n\n/** A presence dot, or a number. */\nexport type IndicatorVariant = \"dot\" | \"count\";\n\n/** The four presence states a dot can report. */\nexport type IndicatorStatus = \"online\" | \"offline\" | \"busy\" | \"away\";\n\n/** Which corner of the marked element the marker straddles. */\nexport type IndicatorPlacement = \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\";\n\n/**\n * The colour vocabulary, deliberately Badge's own names rather than a second\n * set — `accent` included, and it means here exactly what it means there:\n * a second semantic category distinct from primary, never decoration.\n */\nexport type IndicatorTone =\n  \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"info\" | \"destructive\" | \"accent\";\n\n/** The surface the marked element sits on, which the separating ring matches. */\nexport type IndicatorSurface = \"background\" | \"card\" | \"sunken\" | \"popover\";\n\nexport const indicatorVariants = cva(\n  // `pointer-events-none` is load-bearing rather than tidy: the marker\n  // overhangs the corner of whatever it marks, so without it the top-right\n  // few pixels of a bell button stop being clickable.\n  \"pointer-events-none absolute z-10 flex items-center justify-center select-none ring-2\",\n  {\n    variants: {\n      variant: {\n        // 12px leaves room for the status glyphs below to read as shapes\n        // rather than as noise.\n        dot: \"h-3 w-3 rounded-full\",\n        // `min-w-5` and the padding together are what make one digit a circle\n        // and three a pill, with no branch: \"1\" is narrower than the minimum\n        // and lands on it, \"99+\" outgrows it and the radius turns the ends.\n        count: \"h-5 min-w-5 rounded-full px-1.5 text-micro font-medium tabular\",\n      } satisfies Record<IndicatorVariant, string>,\n      placement: {\n        \"top-right\": \"top-0 right-0 -translate-y-1/2 translate-x-1/2\",\n        \"top-left\": \"top-0 left-0 -translate-y-1/2 -translate-x-1/2\",\n        \"bottom-right\": \"right-0 bottom-0 translate-x-1/2 translate-y-1/2\",\n        \"bottom-left\": \"bottom-0 left-0 -translate-x-1/2 translate-y-1/2\",\n      } satisfies Record<IndicatorPlacement, string>,\n      // The ring is what separates the marker from the photo, avatar or icon\n      // underneath, the way a presence dot is punched out of a portrait. It\n      // has to be the colour of what surrounds the pair, which only the caller\n      // knows — hence a prop rather than a guess.\n      surface: {\n        background: \"ring-background\",\n        card: \"ring-card\",\n        sunken: \"ring-sunken\",\n        popover: \"ring-popover\",\n      } satisfies Record<IndicatorSurface, string>,\n    },\n    defaultVariants: { variant: \"dot\", placement: \"top-right\", surface: \"background\" },\n  },\n);\n\n/**\n * The fill, keyed by Badge's colour names so a success dot and a success badge\n * are the same green. These are the solid tokens where Badge uses a 12% wash:\n * a wash reads fine across a chip and carries no signal at all across 12px.\n *\n * The paired `text-*` is what the count prints in and what the status glyph is\n * punched out in, so one entry drives both layers.\n */\nexport const indicatorToneVariants = cva(\"\", {\n  variants: {\n    tone: {\n      neutral: \"bg-muted-foreground text-background\",\n      primary: \"bg-primary text-primary-foreground\",\n      success: \"bg-success text-success-foreground\",\n      warning: \"bg-warning text-warning-foreground\",\n      info: \"bg-info text-info-foreground\",\n      destructive: \"bg-destructive text-destructive-foreground\",\n      accent: \"bg-accent text-accent-foreground\",\n    } satisfies Record<IndicatorTone, string>,\n  },\n  defaultVariants: { tone: \"primary\" },\n});\n\n/** Which colour each presence state means, so `status` alone is enough. */\nconst STATUS_TONES = {\n  online: \"success\",\n  offline: \"neutral\",\n  busy: \"destructive\",\n  away: \"warning\",\n} satisfies Record<IndicatorStatus, IndicatorTone>;\n\n/**\n * What a screen reader is told when the caller passes no `label` — which is\n * every string this component can utter, because a marker that renders nothing\n * but a coloured circle has no text of its own to fall back on.\n *\n * The four presence keys are named for the four `IndicatorStatus` members and\n * resolved by lookup, so a status added to the union without a name for it is a\n * compile error rather than an unnamed dot.\n *\n * `count` takes the number and not a formatted string: \"3 unread\" is a plural\n * category in most languages and a digit shape in several, and a component\n * whose whole job is to show a small integer has no business deciding either.\n * It also reports the *real* figure rather than the clamped `99+` — see the\n * comment on `name` below.\n */\nexport interface IndicatorLabels {\n  /** The `online` dot. */\n  readonly online: string;\n  /** The `offline` dot. */\n  readonly offline: string;\n  /** The `busy` dot. */\n  readonly busy: string;\n  /** The `away` dot. */\n  readonly away: string;\n  /** The `count` pill, named for how many things it counts. */\n  readonly count: LabelOf<{ count: number }>;\n  /** A dot with no `status`: something changed here, and nothing more specific. */\n  readonly attention: string;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it, and\n * exported so a host can build a partial vocabulary against the real thing.\n */\nexport const INDICATOR_LABELS: IndicatorLabels = {\n  online: \"Online\",\n  offline: \"Offline\",\n  busy: \"Busy\",\n  away: \"Away\",\n  count: ({ count }) => `${String(count)} unread`,\n  attention: \"Needs attention\",\n};\n\n/**\n * The shape layer, and it exists for the sighted reader the `sr-only` string\n * below cannot help. Three of the four states are saturated — green, amber,\n * red — which is the exact triple a red/green deficiency collapses, so `busy`\n * wears a bar and `away` a hole and no two of them differ by hue alone.\n * `offline` needs none: grey against any of the three is a saturation\n * difference, not a hue one.\n */\nconst STATUS_GLYPHS = {\n  online: \"\",\n  offline: \"\",\n  busy: \"h-0.5 w-1.5 rounded-full bg-current\",\n  away: \"h-1 w-1 rounded-full bg-current\",\n} satisfies Record<IndicatorStatus, string>;\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\nimport { useLabels, type LabelOverrides } from \"../../lib/labels\";\n\n/**\n * Indicator — the small marker pinned onto the corner of something else: a\n * presence dot on an avatar, an unread count on a bell, a \"needs attention\"\n * dot on a tab. The default slot is the thing being marked, and the marker\n * positions itself over that child's corner.\n *\n * The boundary with Badge is the whole of the decision between them: **Badge\n * sits in the flow beside content; Indicator is pinned onto content.** A count\n * chip in a table cell is a Badge. The same count floating over a bell icon is\n * an Indicator. Reach for Badge whenever the marker would take up room of its\n * own, and for this whenever it would overhang something.\n *\n * What this component is by default is a bare colour, which is the one thing\n * Loom's accessibility bar forbids outright. A green dot says nothing to a\n * reader who cannot see it. So every marker that renders carries a visually\n * hidden string — `label`, or a default derived from `status` or `count` — and\n * a blank `label` falls back to that default rather than replacing it, which\n * is what makes an unnamed indicator unreachable rather than merely\n * discouraged. The shape layer in `STATUS_GLYPHS` covers the sighted reader\n * the hidden string cannot.\n *\n * There is deliberately **no `aria-live` region here**, and the reason is that\n * this component cannot know whether a change is news. An unread counter is\n * usually fed by a poll, so a live region announces every tick over whatever\n * the reader was doing; the same count is commonly pinned in two places at\n * once, so it announces twice; and a polite region speaks on first render in\n * several screen reader and browser pairs, which turns every page load into a\n * recitation of the inbox. The marker is therefore static text a reader\n * reaches on demand, and announcing a *change* stays with the consumer, who\n * knows whether it followed something the reader just did.\n *\n * One consequence to design around: when the marked child is interactive, its\n * accessible name is computed from the child, and this marker's text sits\n * outside it — a bell button announces \"Notifications, button\" on focus and\n * never mentions the three unread. The default slot exposes `labelId` for\n * exactly that: bind it to the control's `aria-describedby` and the count is\n * announced straight after the name, once, without being duplicated into it.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** A presence dot, or a number in a pill. */\n    variant?: IndicatorVariant;\n    /** The number the pill prints, when `variant` is `count`. Zero hides the marker unless `showZero` is set. */\n    count?: number;\n    /** The highest number printed in full; anything above it prints as `<max>+`. The accessible text still carries the real figure. */\n    max?: number;\n    /** Presence, for a dot: it picks the colour and the shape, and names the dot for a screen reader. Omit it for a plain \"something changed\" dot. */\n    status?: IndicatorStatus;\n    /** The marker's colour, in Badge's own vocabulary. Defaults to whatever `status` implies, or to `primary` when there is no status. */\n    tone?: IndicatorTone;\n    /** Which corner of the marked element the marker straddles. */\n    placement?: IndicatorPlacement;\n    /** What a screen reader announces for the marker. Leave it unset for the derived default — \"Online\", \"3 unread\" — and set it whenever the count is not of unread things. Blank or whitespace falls back to the default rather than clearing it. */\n    label?: string;\n    /** Render the pill when the count is zero. Off by default, because a count of nothing is not news. */\n    showZero?: boolean;\n    /** The surface the marked element sits on, so the ring separating the marker from it matches what surrounds them. */\n    surface?: IndicatorSurface;\n    /**\n     * Names for the markers this component derives on its own, as any subset\n     * of `IndicatorLabels` — the rest stay as the host's `provideLoomLabels`\n     * vocabulary left them, and then as Loom's English.\n     *\n     * This is the vocabulary, not the instance's name: `label` still beats it\n     * and is what one bell counting drafts rather than unread mail reaches for.\n     */\n    labels?: LabelOverrides<IndicatorLabels>;\n  }>(),\n  {\n    variant: \"dot\",\n    count: 0,\n    max: 99,\n    placement: \"top-right\",\n    showZero: false,\n    surface: \"background\",\n  },\n);\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"indicator\", INDICATOR_LABELS, () => props.labels);\n\n// One rendered node, and every fallthrough attribute belongs on it — but\n// `class` still has to go the long way round. A consumer replacing the root's\n// `inline-flex` with `block` cannot win by concatenation, because the winner\n// there is decided by the order of the two rules in the stylesheet rather than\n// by the order of the two names in the attribute; `cn()` is what resolves it.\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest } = useSplitAttrs();\n\n// Bound to the hidden label so an interactive child can point its\n// `aria-describedby` at it through the slot prop.\nconst labelId = useId();\n\n/**\n * The count as a whole, non-negative number. A negative count is a defect in\n * the caller's data, and a pill reading \"-1 unread\" reports that defect to the\n * reader rather than to the caller — falling back to \"nothing to report\" is\n * the honest rendering of it.\n */\nconst total = computed(() => Math.max(0, Math.trunc(props.count)));\n\nconst visible = computed(() => props.variant === \"dot\" || total.value > 0 || props.showZero);\n\n/** What the pill prints — the real figure up to `max`, then `<max>+`. */\nconst printed = computed(() =>\n  total.value > props.max ? `${String(props.max)}+` : String(total.value),\n);\n\nconst tone = computed<IndicatorTone>(\n  () => props.tone ?? (props.status ? STATUS_TONES[props.status] : \"primary\"),\n);\n\nconst glyph = computed(() => (props.status ? STATUS_GLYPHS[props.status] : \"\"));\n\n/**\n * The accessible name, and it is never empty by construction. The count case\n * reports `total` rather than `printed`: clamping at `max` is a decision about\n * how wide the pill is allowed to get, and a reader who cannot see the pill\n * has no reason to inherit it — \"132 unread\" is the fact, \"99+\" is the layout.\n */\nconst name = computed(() => {\n  const given = props.label?.trim();\n  if (given) return given;\n  if (props.variant === \"count\") return text.value.count({ count: total.value });\n  // Keyed by the status itself rather than through a lookup table of its own:\n  // `IndicatorLabels` names its four presence keys after the four members of\n  // `IndicatorStatus`, so a state added to the union with no name for it stops\n  // compiling here instead of rendering an unnamed dot.\n  return props.status ? text.value[props.status] : text.value.attention;\n});\n</script>\n\n<template>\n  <span v-bind=\"rest\" :class=\"cn('relative inline-flex align-middle', attrs.class as string)\">\n    <!-- A multi-line `@slot` comment comes back from vue-docgen with no description at all, so this one stays on one line. -->\n    <!-- @slot The element being marked. `labelId` is the id of the marker's own hidden text — bind it to an interactive child's `aria-describedby` so the count is announced after that control's name. -->\n    <slot :label-id=\"labelId\" />\n\n    <!-- Keyed on what is printed rather than on the count, so `animate-scale-in`\n         replays when a number a reader can see actually changes and stays put\n         when 100 becomes 132 behind the same \"99+\". A dot's key never moves, so\n         a dot never animates: presence settles into place on load, it does not\n         arrive as news, and it must not pulse. -->\n    <span\n      v-if=\"visible\"\n      :key=\"printed\"\n      :data-placement=\"placement\"\n      :class=\"\n        cn(\n          indicatorVariants({ variant, placement, surface }),\n          indicatorToneVariants({ tone }),\n          variant === 'count' && 'animate-scale-in',\n        )\n      \"\n    >\n      <!-- Hidden from assistive tech because the label below carries the real\n           figure; left visible the pair would read as \"99+ 132 unread\". -->\n      <span v-if=\"variant === 'count'\" aria-hidden=\"true\">{{ printed }}</span>\n      <span v-else-if=\"glyph\" :class=\"glyph\" />\n\n      <span :id=\"labelId\" class=\"sr-only\">{{ name }}</span>\n    </span>\n  </span>\n</template>\n"],"mappings":"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"}

package/dist/primitives/Link/Link.js

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

package/dist/primitives/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/primitives/Link/Link.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/** The visual emphasis assigned to a link. */\nexport type LinkVariant = \"default\" | \"muted\" | \"accent\" | \"subtle\";\n\nexport const linkVariants = cva(\n  \"inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"text-primary underline underline-offset-4 hover:text-primary/80\",\n        muted: \"text-muted-foreground hover:text-foreground\",\n        accent: \"text-accent underline underline-offset-4 hover:text-accent/80\",\n        subtle:\n          \"text-foreground/80 hover:text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground/50\",\n      } satisfies Record<LinkVariant, string>,\n      underline: {\n        true: \"\",\n        false: \"no-underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      underline: true,\n    },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Controls the link's visual emphasis. */\n    variant?: LinkVariant;\n    /** Draws an underline beneath the link label. */\n    underline?: boolean;\n    /** The destination the link navigates to. */\n    href: string;\n    /** Opens the destination in a new tab and marks it as an external link. */\n    external?: boolean;\n    /** Replaces the anchor with an unavailable, non-interactive span. */\n    disabled?: boolean;\n  }>(),\n  {\n    variant: \"default\",\n    underline: true,\n    external: false,\n    disabled: false,\n  },\n);\n</script>\n\n<template>\n  <span\n    v-if=\"disabled\"\n    :class=\"\n      cn(\n        linkVariants({ variant, underline }),\n        'cursor-default pointer-events-none opacity-50',\n        $attrs.class,\n      )\n    \"\n    aria-disabled=\"true\"\n  >\n    <slot />\n  </span>\n  <a\n    v-else\n    :href=\"href\"\n    :class=\"cn(linkVariants({ variant, underline }), $attrs.class)\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noopener noreferrer' : undefined\"\n  >\n    <slot />\n    <svg\n      v-if=\"external\"\n      class=\"h-3.5 w-3.5 shrink-0\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M7 17 17 7\" />\n      <path d=\"M7 7h10v10\" />\n    </svg>\n  </a>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,46 @@
+/** The visual emphasis assigned to a link. */
+export type LinkVariant = "default" | "muted" | "accent" | "subtle";
+export declare const linkVariants: (props?: ({
+    variant?: "accent" | "default" | "subtle" | "muted" | null | undefined;
+    underline?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Controls the link's visual emphasis. */
+    variant?: LinkVariant;
+    /** Draws an underline beneath the link label. */
+    underline?: boolean;
+    /** The destination the link navigates to. */
+    href: string;
+    /** Opens the destination in a new tab and marks it as an external link. */
+    external?: boolean;
+    /** Replaces the anchor with an unavailable, non-interactive span. */
+    disabled?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Controls the link's visual emphasis. */
+    variant?: LinkVariant;
+    /** Draws an underline beneath the link label. */
+    underline?: boolean;
+    /** The destination the link navigates to. */
+    href: string;
+    /** Opens the destination in a new tab and marks it as an external link. */
+    external?: boolean;
+    /** Replaces the anchor with an unavailable, non-interactive span. */
+    disabled?: boolean;
+}> & Readonly<{}>, {
+    disabled: boolean;
+    variant: LinkVariant;
+    underline: boolean;
+    external: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Link.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Link/Link.vue"],"names":[],"mappings":"AAwGA,8CAA8C;AAC9C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,eAAO,MAAM,YAAY;;;8EAqBxB,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,2CAA2C;cACjC,WAAW;IACrB,iDAAiD;gBACrC,OAAO;IACnB,6CAA6C;UACvC,MAAM;IACZ,2EAA2E;eAChE,OAAO;IAClB,qEAAqE;eAC1D,OAAO;;IATlB,2CAA2C;cACjC,WAAW;IACrB,iDAAiD;gBACrC,OAAO;IACnB,6CAA6C;UACvC,MAAM;IACZ,2EAA2E;eAChE,OAAO;IAClB,qEAAqE;eAC1D,OAAO;;cAAP,OAAO;aARR,WAAW;eAET,OAAO;cAIR,OAAO;;cAyFR,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,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/Link/Link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,85 @@
+import { cn } from "../../lib/cn.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { cva } from "class-variance-authority";
+//#region src/primitives/Link/Link.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"href",
+	"target",
+	"rel"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "h-3.5 w-3.5 shrink-0",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true",
+	focusable: "false"
+};
+var linkVariants = cva("inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", {
+	variants: {
+		variant: {
+			default: "text-primary underline underline-offset-4 hover:text-primary/80",
+			muted: "text-muted-foreground hover:text-foreground",
+			accent: "text-accent underline underline-offset-4 hover:text-accent/80",
+			subtle: "text-foreground/80 hover:text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground/50"
+		},
+		underline: {
+			true: "",
+			false: "no-underline"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		underline: true
+	}
+});
+var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Link",
+	props: {
+		variant: { default: "default" },
+		underline: {
+			type: Boolean,
+			default: true
+		},
+		href: {},
+		external: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.disabled ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(unref(cn)(unref(linkVariants)({
+					variant: __props.variant,
+					underline: __props.underline
+				}), "cursor-default pointer-events-none opacity-50", _ctx.$attrs.class)),
+				"aria-disabled": "true"
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("a", {
+				key: 1,
+				href: __props.href,
+				class: normalizeClass(unref(cn)(unref(linkVariants)({
+					variant: __props.variant,
+					underline: __props.underline
+				}), _ctx.$attrs.class)),
+				target: __props.external ? "_blank" : void 0,
+				rel: __props.external ? "noopener noreferrer" : void 0
+			}, [renderSlot(_ctx.$slots, "default"), __props.external ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M7 17 17 7" }, null, -1), createElementVNode("path", { d: "M7 7h10v10" }, null, -1)])])) : createCommentVNode("", true)], 10, _hoisted_1));
+		};
+	}
+});
+//#endregion
+export { Link_vue_vue_type_script_setup_true_lang_default as default, linkVariants };
+
+//# sourceMappingURL=Link.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/primitives/Link/Link.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/** The visual emphasis assigned to a link. */\nexport type LinkVariant = \"default\" | \"muted\" | \"accent\" | \"subtle\";\n\nexport const linkVariants = cva(\n  \"inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"text-primary underline underline-offset-4 hover:text-primary/80\",\n        muted: \"text-muted-foreground hover:text-foreground\",\n        accent: \"text-accent underline underline-offset-4 hover:text-accent/80\",\n        subtle:\n          \"text-foreground/80 hover:text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground/50\",\n      } satisfies Record<LinkVariant, string>,\n      underline: {\n        true: \"\",\n        false: \"no-underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      underline: true,\n    },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Controls the link's visual emphasis. */\n    variant?: LinkVariant;\n    /** Draws an underline beneath the link label. */\n    underline?: boolean;\n    /** The destination the link navigates to. */\n    href: string;\n    /** Opens the destination in a new tab and marks it as an external link. */\n    external?: boolean;\n    /** Replaces the anchor with an unavailable, non-interactive span. */\n    disabled?: boolean;\n  }>(),\n  {\n    variant: \"default\",\n    underline: true,\n    external: false,\n    disabled: false,\n  },\n);\n</script>\n\n<template>\n  <span\n    v-if=\"disabled\"\n    :class=\"\n      cn(\n        linkVariants({ variant, underline }),\n        'cursor-default pointer-events-none opacity-50',\n        $attrs.class,\n      )\n    \"\n    aria-disabled=\"true\"\n  >\n    <slot />\n  </span>\n  <a\n    v-else\n    :href=\"href\"\n    :class=\"cn(linkVariants({ variant, underline }), $attrs.class)\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noopener noreferrer' : undefined\"\n  >\n    <slot />\n    <svg\n      v-if=\"external\"\n      class=\"h-3.5 w-3.5 shrink-0\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M7 17 17 7\" />\n      <path d=\"M7 7h10v10\" />\n    </svg>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAa,eAAe,IAC1B,oNACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;GACP,QAAQ;GACR,QACE;EACJ;EACA,WAAW;GACT,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,SAAS;EACT,WAAW;CACb;AACF,CACF;;;;;;;;;;;;;;;;;;;;;GA8BU,OAAA,QAAA,YADR,UAAA,GAAA,mBAYO,QAAA;;IAVJ,OAAK,eAAS,MAAA,EAAA,CAAE,CAAU,MAAA,YAAA,CAAY,CAAA;KAAA,SAAG,QAAA;KAAO,WAAE,QAAA;IAAS,CAAA,GAAA,iDAAsEA,KAAAA,OAAO,KAAA,CAAA;IAOzI,iBAAc;GAEd,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,MAEV,UAAA,GAAA,mBAyBI,KAAA;;IAvBD,MAAM,QAAA;IACN,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,YAAA,CAAY,CAAA;KAAA,SAAG,QAAA;KAAO,WAAE,QAAA;IAAS,CAAA,GAAKA,KAAAA,OAAO,KAAK,CAAA;IAC5D,QAAQ,QAAA,WAAQ,WAAc,KAAA;IAC9B,KAAK,QAAA,WAAQ,wBAA2B,KAAA;GAEzC,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,GAEA,QAAA,YADR,UAAA,GAAA,mBAgBM,OAhBN,YAgBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA,GACpB,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}

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

@@ -1 +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":""}
+{"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          <!-- The row's colour, not its alpha, says it is unavailable. A menu\n               row is nothing but its label, and `disabled:opacity-40` composited\n               that label to 2.40:1 on the popover — a disabled row a reader\n               cannot make out tells them nothing about what is unavailable,\n               which is the only thing it is there to say. Muted instead: 5.76:1\n               at rest, and a clear drop from the 15.46:1 an available row wears,\n               so the state still reads at a glance. The shortcut beside it\n               declares `text-muted-foreground` on its own element, so it lands\n               on the same colour rather than inheriting this one. -->\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:text-muted-foreground 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.map

@@ -1 +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"}
+{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Menubar/Menubar.vue"],"names":[],"mappings":"AAmOA;;;;;;;;;;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"}

package/dist/primitives/Menubar/Menubar.vue_vue_type_script_setup_true_lang.js

@@ -168,7 +168,7 @@ var Menubar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 						disabled: item.disabled,
 						"data-highlighted": activeIndex.value === i || void 0,
 						style: normalizeStyle({ animationDelay: unref(listStaggerDelay)(i) }),
-						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",
+						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:text-muted-foreground data-[highlighted]:bg-subtle animate-fade-rise",
 						onClick: ($event) => choose(item),
 						onMouseenter: ($event) => activeIndex.value = i,
 						onFocus: ($event) => activeIndex.value = i

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

@@ -1 +1 @@
-{"version":3,"file":"Menubar.vue_vue_type_script_setup_true_lang.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":"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"}
+{"version":3,"file":"Menubar.vue_vue_type_script_setup_true_lang.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          <!-- The row's colour, not its alpha, says it is unavailable. A menu\n               row is nothing but its label, and `disabled:opacity-40` composited\n               that label to 2.40:1 on the popover — a disabled row a reader\n               cannot make out tells them nothing about what is unavailable,\n               which is the only thing it is there to say. Muted instead: 5.76:1\n               at rest, and a clear drop from the 15.46:1 an available row wears,\n               so the state still reads at a glance. The shortcut beside it\n               declares `text-muted-foreground` on its own element, so it lands\n               on the same colour rather than inheriting this one. -->\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:text-muted-foreground 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,SAAS,IAAmB,IAAI;EACtC,MAAM,cAAc,IAAI,EAAE;EAE1B,MAAM,YAAY,SAAkC,MAAM,SAAS,CAAC;EACpE,MAAM,gBAAgB,OAAsB,OAAO,GAAG,MAAM,MAAc;GACxE,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,IAAI,MAAM,QAAQ,KAAK,KAAK;IACvD,MAAM,OAAO,MAAM;IACnB,IAAI,QAAQ,CAAC,KAAK,aAAa,CAAC,KAAK,UAAU,OAAO;GACxD;GACA,OAAO;EACT;EAEA,SAAS,OAAO,IAAkB;GAChC,OAAO,QAAQ,OAAO,UAAU,KAAK,OAAO;GAC5C,YAAY,QAAQ;EACtB;EACA,SAAS,MAAM,IAAkB;GAC/B,IAAI,OAAO,UAAU,QAAQ,OAAO,UAAU,IAAI;IAChD,OAAO,QAAQ;IACf,YAAY,QAAQ;GACtB;EACF;EACA,SAAS,OAAO,MAAyB;GACvC,IAAI,KAAK,aAAa,KAAK,UAAU;GACrC,MAAM;GACN,IAAI,KAAK,SAAS,KAAK,UAAU,KAAK,OAAO;EAC/C;EACA,SAAS,QAAc;GACrB,OAAO,QAAQ;GACf,YAAY,QAAQ;EACtB;EAEA,SAAS,SAAS,KAAmB;GACnC,MAAM,MAAM,MAAM,MAAM,KAAK,MAAM,EAAE,EAAE;GAEvC,MAAM,SADM,OAAO,QAAQ,IAAI,QAAQ,OAAO,KAAK,IAAI,KACnC,MAAM,IAAI,UAAU,IAAI;GAC5C,OAAO,QAAQ,IAAI,SAAS;GAC5B,YAAY,QAAQ;EACtB;EAEA,eAAe,iBAAiB,GAAkB,MAAkC;GAClF,QAAQ,EAAE,KAAV;IACE,KAAK;IACL,KAAK;IACL,KAAK;KACH,EAAE,eAAe;KACjB,OAAO,QAAQ,KAAK;KACpB,MAAM,SAAS;KACf,YAAY,QAAQ,aAAa,KAAK,KAAK;KAC3C;IACF,KAAK;KACH,EAAE,eAAe;KACjB,IAAI,OAAO,OAAO,SAAS,CAAC;KAC5B;IACF,KAAK;KACH,EAAE,eAAe;KACjB,IAAI,OAAO,OAAO,SAAS,EAAE;KAC7B;IACF,KAAK,UACH,MAAM;GAEV;EACF;EAEA,SAAS,cAAc,GAAkB,MAAyB;GAChE,MAAM,QAAQ,KAAK;GACnB,QAAQ,EAAE,KAAV;IACE,KAAK;KACH,EAAE,eAAe;KACjB,YAAY,QAAQ,aAAa,OAAO,KAAK,IAAI,YAAY,OAAO,EAAE,IAAI,GAAG,CAAC;KAC9E,IAAI,YAAY,UAAU,IAAI,YAAY,QAAQ,aAAa,OAAO,GAAG,CAAC;KAC1E;IACF,KAAK;KACH,EAAE,eAAe;KACjB,YAAY,QACV,YAAY,SAAS,IACjB,aAAa,OAAO,MAAM,SAAS,GAAG,EAAE,IACxC,aAAa,OAAO,YAAY,QAAQ,GAAG,EAAE;KACnD;IACF,KAAK;KACH,EAAE,eAAe;KACjB,YAAY,QAAQ,aAAa,OAAO,GAAG,CAAC;KAC5C;IACF,KAAK;KACH,EAAE,eAAe;KACjB,YAAY,QAAQ,aAAa,OAAO,MAAM,SAAS,GAAG,EAAE;KAC5D;IACF,KAAK;KACH,EAAE,eAAe;KACjB,SAAS,CAAC;KACV;IACF,KAAK;KACH,EAAE,eAAe;KACjB,SAAS,EAAE;KACX;IACF,KAAK;IACL,KAAK,KAAK;KACR,EAAE,eAAe;KACjB,MAAM,OAAO,YAAY,SAAS,IAAI,MAAM,YAAY,SAAS,KAAA;KACjE,IAAI,MAAM,OAAO,IAAI;KACrB;IACF;IACA,KAAK;KACH,EAAE,eAAe;KACjB,MAAM;GAEV;EACF;EAEA,gBAAgB,OAAO,iBAAiB,SAAS,KAAK,CAAC;EACvD,sBAAsB,OAAO,oBAAoB,SAAS,KAAK,CAAC;;GAI9D,OAAA,UAAA,GAAA,mBA+DM,OAAA;IA9DJ,MAAK;IACL,OAAM;IACN,OAAA,EAAA,sBAAA,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;GAEX,GAAA,EAAA,UAAA,IAAA,GAAA,mBAwDM,UAAA,MAAA,WAxDc,QAAA,QAAR,SAAI;IAAhB,OAAA,UAAA,GAAA,mBAwDM,OAAA;KAxDsB,KAAK,KAAK;KAAI,OAAM;IAC9C,GAAA,CAAA,mBAcS,UAAA;KAbN,IAAE,mBAAqB,KAAK;KAC7B,MAAK;KACL,MAAK;KACJ,iBAAe;KACf,iBAAe,OAAA,UAAW,KAAK;KAChC,OAAK,eAAA,CAAC,2LACE,OAAA,UAAW,KAAK,MAAE,2BAAA,CAAA;KACzB,SAAK,eAAA,WAAO,OAAO,KAAK,EAAE,GAAA,CAAA,MAAA,CAAA;KAC1B,eAAU,WAAE,MAAM,KAAK,EAAE;KACzB,UAAK,WAAE,MAAM,KAAK,EAAE;KACpB,YAAO,WAAE,iBAAiB,QAAQ,IAAI;IAEpC,GAAA,gBAAA,KAAK,KAAK,GAAA,IAAA,UAAA,GAIP,OAAA,UAAW,KAAK,MADxB,UAAA,GAAA,mBAsCM,OAAA;;KApCJ,MAAK;KACJ,cAAY,KAAK;KAClB,UAAS;KACT,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;KACV,YAAO,WAAE,cAAc,QAAQ,IAAI;IAEpC,GAAA,EAAA,UAAA,IAAA,GAAA,mBA4BW,UAAA,MAAA,WA5BmB,SAAS,IAAI,IAAzB,MAAM,MAAC;KAA2B,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,EAAC,GAAA,CACxC,KAAK,aAAhB,UAAA,GAAA,mBAA0E,OAA1E,UAA0E,MAU1E,UAAA,GAAA,mBAgBS,UAAA;;MAdP,MAAK;MACL,MAAK;MACJ,UAAU,KAAK;MACf,oBAAkB,YAAA,UAAgB,KAAK,KAAA;MACvC,OAAK,eAAA,EAAA,gBAAoB,MAAA,gBAAA,CAAgB,CAAC,CAAC,EAAA,CAAA;MAC5C,OAAM;MACL,UAAK,WAAE,OAAO,IAAI;MAClB,eAAU,WAAE,YAAA,QAAc;MAC1B,UAAK,WAAE,YAAA,QAAc;KAEtB,GAAA,CAAA,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,GAAA,IAAA,UAAA,EAAA,GAAA,EAAA"}

package/dist/primitives/NumberField/NumberField.js

@@ -1,7 +1,7 @@
-import NumberField_vue_vue_type_script_setup_true_lang_default from "./NumberField.vue_vue_type_script_setup_true_lang.js";
+import NumberField_vue_vue_type_script_setup_true_lang_default, { NUMBER_FIELD_LABELS } from "./NumberField.vue_vue_type_script_setup_true_lang.js";
 //#region src/primitives/NumberField/NumberField.vue
 var NumberField_default = NumberField_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { NumberField_default as default };
+export { NUMBER_FIELD_LABELS, NumberField_default as default };
 
 //# sourceMappingURL=NumberField.js.map