@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/packages/primitives/radial-progress/src/RadialProgress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,171 @@
+import { cn } from "../../../core/src/cn.js";
+import { useSplitAttrs } from "../../../core/src/attrs.js";
+import "../../../core/src/index.js";
+import { useLabels } from "../../../labels/src/labels.js";
+import "../../../labels/src/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ProgressRoot } from "reka-ui";
+import { cva } from "class-variance-authority";
+//#region packages/primitives/radial-progress/src/RadialProgress.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["viewBox"];
+var _hoisted_2 = ["r", "stroke-width"];
+var _hoisted_3 = [
+	"r",
+	"stroke-width",
+	"stroke-dasharray",
+	"stroke-dashoffset",
+	"stroke-linecap",
+	"transform"
+];
+/**
+
+/**
+* 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 RADIAL_PROGRESS_LABELS = {
+	value: ({ value, max }) => `${String(Math.round(value / max * 100))}%`,
+	indeterminate: "—"
+};
+var radialProgressVariants = cva("relative inline-flex shrink-0 items-center justify-center", {
+	variants: { size: {
+		sm: "h-10 w-10",
+		md: "h-16 w-16",
+		lg: "h-24 w-24"
+	} },
+	defaultVariants: { size: "md" }
+});
+var RadialProgress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "RadialProgress",
+	props: {
+		modelValue: {},
+		max: { default: 100 },
+		size: { default: "md" },
+		thickness: { default: "regular" },
+		showValue: {
+			type: Boolean,
+			default: true
+		},
+		ariaLabel: {},
+		ariaLabelledby: {},
+		labels: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		/**
+		* The drawing is done in a fixed 100×100 user-unit box and scaled to whatever
+		* `size` renders, so every number below is a proportion rather than a pixel
+		* count and none of them has to be recomputed per size.
+		*/
+		const VIEW = 100;
+		const CENTRE = VIEW / 2;
+		const STROKE = {
+			thin: 6,
+			regular: 10,
+			thick: 14
+		};
+		/** The centre readout scales with the ring, or it overflows it at `sm`. */
+		const VALUE_TEXT = {
+			sm: "text-micro",
+			md: "text-sm",
+			lg: "text-lg"
+		};
+		const { attrs, rest } = useSplitAttrs();
+		/**
+		* Clamped into [0, max] for the reason Progress's own comment gives:
+		* `aria-valuenow` is generated from whatever ProgressRoot receives, so an
+		* unclamped 150 is announced against an `aria-valuemax` of 100 while the arc
+		* is painted full.
+		*/
+		const value = computed(() => props.modelValue === null || props.modelValue === void 0 ? null : Math.min(Math.max(props.modelValue, 0), props.max));
+		/** Percentage 0–100, derived from the clamped value; null while indeterminate. */
+		const pct = computed(() => value.value === null ? null : value.value / props.max * 100);
+		const strokeWidth = computed(() => STROKE[props.thickness]);
+		/**
+		* An SVG stroke is centred on its path, so half of it falls outside the
+		* circle's own radius. A radius of `CENTRE` therefore paints the outer half of
+		* the stroke past the viewBox edge and the browser clips it — the flat top
+		* that makes a radial progress look broken. Half the stroke width comes off
+		* the radius so the ring's outer edge lands exactly on the box.
+		*/
+		const radius = computed(() => CENTRE - strokeWidth.value / 2);
+		/**
+		* The dash pattern is measured along the path, so it depends on the radius —
+		* which depends on `thickness`. Hard-coding a circumference works for exactly
+		* one thickness and silently mis-fills every other one.
+		*/
+		const circumference = computed(() => 2 * Math.PI * radius.value);
+		/**
+		* Determinate: one dash as long as the whole path, pushed back by the fraction
+		* still to do. Indeterminate: a fixed quarter-turn segment, with the gap set
+		* to the full circumference so nothing wraps round behind it while it spins.
+		*/
+		const dashArray = computed(() => pct.value === null ? `${circumference.value * .25} ${circumference.value}` : `${circumference.value}`);
+		const dashOffset = computed(() => pct.value === null ? 0 : circumference.value * (1 - pct.value / 100));
+		/**
+		* A round cap at exactly 0% still paints a dot at twelve o'clock — a ring
+		* showing nothing that reads as a couple of percent. Nothing done draws
+		* nothing, so the cap squares off for that one value.
+		*/
+		const lineCap = computed(() => pct.value === 0 ? "butt" : "round");
+		const text = useLabels("radialProgress", RADIAL_PROGRESS_LABELS, () => props.labels);
+		/**
+		* Matches Progress: a placeholder for "no percentage yet", never a false `0%`,
+		* and both raw numbers handed over rather than a percentage already written in
+		* English.
+		*/
+		const readout = computed(() => value.value === null ? text.value.indeterminate : text.value.value({
+			value: value.value,
+			max: props.max
+		}));
+		__expose({ pct });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ProgressRoot), mergeProps({
+				"model-value": value.value,
+				max: __props.max,
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby
+			}, unref(rest), { class: unref(cn)(unref(radialProgressVariants)({ size: __props.size }), unref(attrs).class) }), {
+				default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+					viewBox: `0 0 ${VIEW} ${VIEW}`,
+					fill: "none",
+					"aria-hidden": "true",
+					class: normalizeClass(unref(cn)("absolute inset-0 h-full w-full", pct.value === null && "animate-spin"))
+				}, [createElementVNode("circle", {
+					cx: CENTRE,
+					cy: CENTRE,
+					r: radius.value,
+					"stroke-width": strokeWidth.value,
+					class: "stroke-muted"
+				}, null, 8, _hoisted_2), createElementVNode("circle", {
+					cx: CENTRE,
+					cy: CENTRE,
+					r: radius.value,
+					"stroke-width": strokeWidth.value,
+					"stroke-dasharray": dashArray.value,
+					"stroke-dashoffset": dashOffset.value,
+					"stroke-linecap": lineCap.value,
+					transform: `rotate(-90 ${CENTRE} ${CENTRE})`,
+					class: normalizeClass(pct.value === 100 ? "stroke-success" : "stroke-primary"),
+					style: normalizeStyle(pct.value === null ? void 0 : { transition: "stroke-dashoffset var(--duration-slow) var(--ease-out), stroke var(--duration-slow) var(--ease-out)" })
+				}, null, 14, _hoisted_3)], 10, _hoisted_1)), __props.showValue ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"aria-hidden": "true",
+					class: normalizeClass(unref(cn)("tabular text-foreground", VALUE_TEXT[__props.size]))
+				}, toDisplayString(readout.value), 3)) : createCommentVNode("", true)]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"max",
+				"aria-label",
+				"aria-labelledby",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { RADIAL_PROGRESS_LABELS, RadialProgress_vue_vue_type_script_setup_true_lang_default as default, radialProgressVariants };
+
+//# sourceMappingURL=RadialProgress.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/radial-progress/src/RadialProgress.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialProgress.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/primitives/radial-progress/src/RadialProgress.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { RadialProgressLabels } from \"@ecoma-io/loom-labels\";\nimport { cva } from \"class-variance-authority\";\n\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 RADIAL_PROGRESS_LABELS: RadialProgressLabels = {\n  value: ({ value, max }) => `${String(Math.round((value / max) * 100))}%`,\n  indeterminate: \"—\",\n};\n\n/**\n * The ring's outer diameter. `sm` is a table-row or list-item marker, `md` a\n * card corner, `lg` the one on a dashboard tile where the ring is the whole\n * visual. Its own scale rather than the control-height scale a Select uses: a\n * ring is not a form control and never has to line up beside a text input.\n */\nexport type RadialProgressSize = \"sm\" | \"md\" | \"lg\";\n\n/**\n * How heavy the ring's stroke is. Measured in the SVG's own units, so the\n * proportion of stroke to diameter holds at every `size` — a `thick` ring\n * reads as thick whether it is 40px or 96px across.\n */\nexport type RadialProgressThickness = \"thin\" | \"regular\" | \"thick\";\n\nexport const radialProgressVariants = cva(\n  \"relative inline-flex shrink-0 items-center justify-center\",\n  {\n    variants: {\n      size: {\n        sm: \"h-10 w-10\",\n        md: \"h-16 w-16\",\n        lg: \"h-24 w-24\",\n      } satisfies Record<RadialProgressSize, string>,\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { ProgressRoot } from \"reka-ui\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { useSplitAttrs } from \"@ecoma-io/loom-core\";\nimport { useLabels, type LabelOverrides } from \"@ecoma-io/loom-labels\";\n\n/**\n * RadialProgress — the same information Progress carries, drawn as a ring: a\n * dashboard tile, a quota, a score out of 100 where the circle *is* the\n * visual. Reach for Progress instead wherever the bar sits in a row of text\n * and its length is doing the comparing, and for Spinner when there is no\n * percentage at all — a ring with nothing to fill is a spinner wearing a\n * gauge's clothes.\n *\n * Its contract is Progress's, deliberately and to the letter: `null`/omitted\n * `modelValue` is indeterminate, the value is clamped into [0, max] for the\n * same reason, the arc turns `success` at 100%, and the accessible name comes\n * from `ariaLabel`/`ariaLabelledby`. Two components answering the same\n * question differently is worse than either answer.\n *\n * Reka's ProgressRoot is kept as the wrapper even though the fill below is an\n * SVG arc rather than a ProgressIndicator: the root is what emits\n * `role=\"progressbar\"` and `aria-valuenow`/`aria-valuemin`/`aria-valuemax`,\n * and it is the only way this component and Progress cannot drift into\n * announcing the same number two different ways. ProgressIndicator is left out\n * because it exists to be translated inside an overflow-hidden track, which is\n * not how an arc is painted.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The completed amount, 0–`max`; `null`/omitted renders indeterminate. */\n    modelValue?: number | null;\n    /** The value that reads as 100% complete. */\n    max?: number;\n    /** The ring's outer diameter. */\n    size?: RadialProgressSize;\n    /** The weight of the ring's stroke, in proportion to its diameter. */\n    thickness?: RadialProgressThickness;\n    /** Print the rounded percentage in the ring's centre. On by default — an empty ring is a spinner. While indeterminate it prints an em dash, never a number. */\n    showValue?: boolean;\n    /** Accessible name describing the task, overriding Reka's default `NN%` label. */\n    ariaLabel?: string;\n    /** Accessible name sourced from another element's id, in place of `ariaLabel`. */\n    ariaLabelledby?: string;\n    /**\n     * How the centre readout is written, as any subset of\n     * `RadialProgressLabels` — the rest stay as the host's `provideLoomLabels`\n     * vocabulary left them, and then as Loom's English.\n     */\n    labels?: LabelOverrides<RadialProgressLabels>;\n  }>(),\n  {\n    max: 100,\n    size: \"md\",\n    thickness: \"regular\",\n    // On, unlike Progress's opt-in: a bar has a length a reader can compare\n    // against its own track, and a ring does not — 70% and 80% are the same\n    // arc to the eye. The number is what makes the ring readable.\n    showValue: true,\n  },\n);\n\n/**\n * The drawing is done in a fixed 100×100 user-unit box and scaled to whatever\n * `size` renders, so every number below is a proportion rather than a pixel\n * count and none of them has to be recomputed per size.\n */\nconst VIEW = 100;\nconst CENTRE = VIEW / 2;\n\nconst STROKE = {\n  thin: 6,\n  regular: 10,\n  thick: 14,\n} satisfies Record<RadialProgressThickness, number>;\n\n/** The centre readout scales with the ring, or it overflows it at `sm`. */\nconst VALUE_TEXT = {\n  sm: \"text-micro\",\n  md: \"text-sm\",\n  lg: \"text-lg\",\n} satisfies Record<RadialProgressSize, string>;\n\n// One rendered node, but `class` is still routed by hand: Vue's fallthrough\n// merge concatenates, so a caller's `h-20 w-20` only beat the size variant's\n// `h-16 w-16` if Tailwind happened to emit it later. `cn()` decides it. The\n// rest of the fallthrough (aria-describedby, data-testid) lands on the same\n// node, which is the one carrying role=\"progressbar\".\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest } = useSplitAttrs();\n\n/**\n * Clamped into [0, max] for the reason Progress's own comment gives:\n * `aria-valuenow` is generated from whatever ProgressRoot receives, so an\n * unclamped 150 is announced against an `aria-valuemax` of 100 while the arc\n * is painted full.\n */\nconst value = computed<number | null>(() =>\n  props.modelValue === null || props.modelValue === undefined\n    ? null\n    : Math.min(Math.max(props.modelValue, 0), props.max),\n);\n\n/** Percentage 0–100, derived from the clamped value; null while indeterminate. */\nconst pct = computed<number | null>(() =>\n  value.value === null ? null : (value.value / props.max) * 100,\n);\n\nconst strokeWidth = computed(() => STROKE[props.thickness]);\n\n/**\n * An SVG stroke is centred on its path, so half of it falls outside the\n * circle's own radius. A radius of `CENTRE` therefore paints the outer half of\n * the stroke past the viewBox edge and the browser clips it — the flat top\n * that makes a radial progress look broken. Half the stroke width comes off\n * the radius so the ring's outer edge lands exactly on the box.\n */\nconst radius = computed(() => CENTRE - strokeWidth.value / 2);\n\n/**\n * The dash pattern is measured along the path, so it depends on the radius —\n * which depends on `thickness`. Hard-coding a circumference works for exactly\n * one thickness and silently mis-fills every other one.\n */\nconst circumference = computed(() => 2 * Math.PI * radius.value);\n\n/**\n * Determinate: one dash as long as the whole path, pushed back by the fraction\n * still to do. Indeterminate: a fixed quarter-turn segment, with the gap set\n * to the full circumference so nothing wraps round behind it while it spins.\n */\nconst dashArray = computed(() =>\n  pct.value === null\n    ? `${circumference.value * 0.25} ${circumference.value}`\n    : `${circumference.value}`,\n);\n\nconst dashOffset = computed(() =>\n  pct.value === null ? 0 : circumference.value * (1 - pct.value / 100),\n);\n\n/**\n * A round cap at exactly 0% still paints a dot at twelve o'clock — a ring\n * showing nothing that reads as a couple of percent. Nothing done draws\n * nothing, so the cap squares off for that one value.\n */\nconst lineCap = computed(() => (pct.value === 0 ? \"butt\" : \"round\"));\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(\"radialProgress\", RADIAL_PROGRESS_LABELS, () => props.labels);\n\n/**\n * Matches Progress: a placeholder for \"no percentage yet\", never a false `0%`,\n * and both raw numbers handed over rather than a percentage already written in\n * English.\n */\nconst readout = computed(() =>\n  value.value === null\n    ? text.value.indeterminate\n    : text.value.value({ value: value.value, max: props.max }),\n);\n\ndefineExpose({ pct });\n</script>\n\n<template>\n  <ProgressRoot\n    :model-value=\"value\"\n    :max=\"max\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"ariaLabelledby\"\n    v-bind=\"rest\"\n    :class=\"cn(radialProgressVariants({ size }), attrs.class as string)\"\n  >\n    <!-- Hidden from assistive tech in one piece: everything it draws is\n         already announced by the progressbar above it, and the centre readout\n         would otherwise be read a second time as loose text.\n\n         Indeterminate spins the whole SVG rather than the arc inside it. The\n         rotation is then an ordinary CSS transform on an HTML-positioned box,\n         whose transform-origin is its own centre at every size — where a\n         transform on an SVG child resolves against the viewBox and needs\n         `transform-box` reasoning to stay centred. It is a CSS animation and\n         not a JS ticker so the global prefers-reduced-motion rule in\n         global.css collapses it, which a requestAnimationFrame loop would\n         escape. The readout sits outside the SVG for the same reason: it must\n         not spin with it. -->\n    <svg\n      :viewBox=\"`0 0 ${VIEW} ${VIEW}`\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      :class=\"cn('absolute inset-0 h-full w-full', pct === null && 'animate-spin')\"\n    >\n      <circle\n        :cx=\"CENTRE\"\n        :cy=\"CENTRE\"\n        :r=\"radius\"\n        :stroke-width=\"strokeWidth\"\n        class=\"stroke-muted\"\n      />\n      <!-- Rotated by the SVG `transform` attribute about the box's centre\n           rather than a CSS `-rotate-90`: the attribute is expressed in\n           viewBox units, so twelve o'clock stays twelve o'clock at any\n           rendered size, with no dependency on how the engine resolves\n           transform-origin for an SVG child. An unrotated circle starts at\n           three. -->\n      <circle\n        :cx=\"CENTRE\"\n        :cy=\"CENTRE\"\n        :r=\"radius\"\n        :stroke-width=\"strokeWidth\"\n        :stroke-dasharray=\"dashArray\"\n        :stroke-dashoffset=\"dashOffset\"\n        :stroke-linecap=\"lineCap\"\n        :transform=\"`rotate(-90 ${CENTRE} ${CENTRE})`\"\n        :class=\"pct === 100 ? 'stroke-success' : 'stroke-primary'\"\n        :style=\"\n          pct === null\n            ? undefined\n            : {\n                transition:\n                  'stroke-dashoffset var(--duration-slow) var(--ease-out), stroke var(--duration-slow) var(--ease-out)',\n              }\n        \"\n      />\n    </svg>\n    <span\n      v-if=\"showValue\"\n      aria-hidden=\"true\"\n      :class=\"cn('tabular text-foreground', VALUE_TEXT[size])\"\n      >{{ readout }}</span\n    >\n  </ProgressRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAa,yBAA+C;CAC1D,QAAQ,EAAE,OAAO,UAAU,GAAG,OAAO,KAAK,MAAO,QAAQ,MAAO,GAAG,CAAC,EAAE;CACtE,eAAe;AACjB;AAiBA,IAAa,yBAAyB,IACpC,6DACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CACF;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;;;;;;EAuCd,MAAM,OAAO;EACb,MAAM,SAAS,OAAO;EAEtB,MAAM,SAAS;GACb,MAAM;GACN,SAAS;GACT,OAAO;EACT;;EAGA,MAAM,aAAa;GACjB,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EAQA,MAAM,EAAE,OAAO,SAAS,cAAc;;;;;;;EAQtC,MAAM,QAAQ,eACZ,MAAM,eAAe,QAAQ,MAAM,eAAe,KAAA,IAC9C,OACA,KAAK,IAAI,KAAK,IAAI,MAAM,YAAY,CAAC,GAAG,MAAM,GAAG,CACvD;;EAGA,MAAM,MAAM,eACV,MAAM,UAAU,OAAO,OAAQ,MAAM,QAAQ,MAAM,MAAO,GAC5D;EAEA,MAAM,cAAc,eAAe,OAAO,MAAM,UAAU;;;;;;;;EAS1D,MAAM,SAAS,eAAe,SAAS,YAAY,QAAQ,CAAC;;;;;;EAO5D,MAAM,gBAAgB,eAAe,IAAI,KAAK,KAAK,OAAO,KAAK;;;;;;EAO/D,MAAM,YAAY,eAChB,IAAI,UAAU,OACV,GAAG,cAAc,QAAQ,IAAK,GAAG,cAAc,UAC/C,GAAG,cAAc,OACvB;EAEA,MAAM,aAAa,eACjB,IAAI,UAAU,OAAO,IAAI,cAAc,SAAS,IAAI,IAAI,QAAQ,IAClE;;;;;;EAOA,MAAM,UAAU,eAAgB,IAAI,UAAU,IAAI,SAAS,OAAQ;EAKnE,MAAM,OAAO,UAAU,kBAAkB,8BAA8B,MAAM,MAAM;;;;;;EAOnF,MAAM,UAAU,eACd,MAAM,UAAU,OACZ,KAAK,MAAM,gBACX,KAAK,MAAM,MAAM;GAAE,OAAO,MAAM;GAAO,KAAK,MAAM;EAAI,CAAC,CAC7D;EAEA,SAAa,EAAE,IAAI,CAAC;;GAIlB,OAAA,UAAA,GAAA,YAkEe,MAAA,YAAA,GAlEf,WAkEe;IAjEZ,eAAa,MAAA;IACb,KAAK,QAAA;IACL,cAAY,QAAA;IACZ,mBAAiB,QAAA;GACV,GAAA,MAAA,IAAA,GAAI,EACX,OAAO,MAAA,EAAA,CAAE,CAAC,MAAA,sBAAA,CAAsB,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAK,MAAA,KAAA,CAAK,CAAC,KAAK,EAAA,CAAA,GAAA;IAexD,SAAA,cAsCM,EAtCN,UAAA,GAAA,mBAsCM,OAAA;KArCH,SAAO,OAAS,KAAI,GAAI;KACzB,MAAK;KACL,eAAY;KACX,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,kCAAmC,IAAA,UAAG,QAAA,cAAA,CAAA;IAEhD,GAAA,CAAA,mBAME,UAAA;KALC,IAAI;KACJ,IAAI;KACJ,GAAG,OAAA;KACH,gBAAc,YAAA;KACf,OAAM;IAQR,GAAA,MAAA,GAAA,UAAA,GAAA,mBAkBE,UAAA;KAjBC,IAAI;KACJ,IAAI;KACJ,GAAG,OAAA;KACH,gBAAc,YAAA;KACd,oBAAkB,UAAA;KAClB,qBAAmB,WAAA;KACnB,kBAAgB,QAAA;KAChB,WAAS,cAAgB,OAAM,GAAI,OAAM;KACzC,OAAK,eAAE,IAAA,UAAG,MAAA,mBAAA,gBAAA;KACV,OAAK,eAAa,IAAA,UAAG,OAAwB,KAAA,IAAA,EAAA,YAAA,sGAAA,CAAA;IAW1C,GAAA,MAAA,IAAA,UAAA,CAAA,GAAA,IAAA,UAAA,IAAA,QAAA,aADR,UAAA,GAAA,mBAKC,QAAA;;KAHC,eAAY;KACX,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,2BAA4B,WAAW,QAAA,KAAI,CAAA;IACjD,GAAA,gBAAA,QAAA,KAAO,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/packages/primitives/radial-progress/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default, radialProgressVariants, RADIAL_PROGRESS_LABELS } from "./RadialProgress.vue";
+export type { RadialProgressSize, RadialProgressThickness } from "./RadialProgress.vue";
+export type { RadialProgressLabels } from "@ecoma-io/loom-labels";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/radial-progress/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/radial-progress/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC/F,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/packages/primitives/radial-progress/src/index.js

@@ -0,0 +1,3 @@
+import { RADIAL_PROGRESS_LABELS, radialProgressVariants } from "./RadialProgress.vue_vue_type_script_setup_true_lang.js";
+import RadialProgress_default from "./RadialProgress.js";
+export { RADIAL_PROGRESS_LABELS, RadialProgress_default as default, radialProgressVariants };

package/dist/packages/primitives/radio-group/src/RadioGroup.js

@@ -0,0 +1,7 @@
+import RadioGroup_vue_vue_type_script_setup_true_lang_default from "./RadioGroup.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/radio-group/src/RadioGroup.vue
+var RadioGroup_default = RadioGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RadioGroup_default as default };
+
+//# sourceMappingURL=RadioGroup.js.map

package/dist/packages/primitives/radio-group/src/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../../../packages/primitives/radio-group/src/RadioGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/** One selectable row in a {@link RadioGroup}. */\nexport interface RadioOption {\n  /** Matched against `modelValue`. */\n  value: string;\n  /** Visible label, rendered beside the control. */\n  label: string;\n  /** Secondary text, rendered small under the label. */\n  description?: string;\n  /** Disables this row alone, leaving its siblings pickable. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot } from \"reka-ui\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\nimport { useSplitAttrs } from \"@ecoma-io/loom-core\";\nimport { useFieldControl } from \"@ecoma-io/loom-labels\";\n\n/**\n * RadioGroup — a vertical list of mutually exclusive options, each with a\n * visible (and optionally described) label — for longer or explained\n * choices and settings lists. For a compact horizontal toggle among 2-5\n * short options that are all visible at once, reach for SegmentedControl\n * instead. Built on Reka UI's RadioGroup: roving tabindex (the group is one\n * Tab stop, not N) with arrow-key navigation between items.\n *\n * Inside a [Field](../Field/Field.vue) the row's description, `name`,\n * `required` and `invalid` reach the group through `useFieldControl()`, and\n * `name` below still wins wherever it is set — the row and this prop are one\n * concept, not two that can disagree.\n *\n * **A row's label does not name this group.** `<label for>` names a labelable\n * element and this renders a `div[role=\"radiogroup\"]`, so the row's label\n * resolves to the element and names nobody. Name it with a\n * [Fieldset](../Fieldset/Fieldset.vue)'s real `<legend>`, or with an\n * `aria-label`/`aria-labelledby` of its own.\n *\n * There is no `readonly`, and a row's is ignored rather than approximated: each\n * option is a `<button role=\"radio\">` with no native read-only state to put it\n * in, and a group whose options cannot be picked is a disabled group.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The selected option's `value`. */\n    modelValue?: string;\n    /** The rows to render, in order. */\n    options: RadioOption[];\n    /** Disables every row at once, distinct from a single option's own `disabled`. Unset defers to a wrapping Field. */\n    disabled?: boolean | undefined;\n    /** Set when this group posts inside a real `<form>` — becomes the submitted field name. Unset defers to a wrapping Field. */\n    name?: string;\n  }>(),\n  {\n    // Not `false`: absent has to stay tellable from `false` for a Field above\n    // to disable the group and for `:disabled=\"false\"` to overrule one that\n    // does. Vue casts an absent Boolean prop with no declared default to\n    // `false`, which would leave the context wired and inert.\n    disabled: undefined,\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: groupAttrs } = useSplitAttrs();\n\n// One rendered node, so the split is only about `class` — a caller's class\n// needs a Tailwind-aware merge rather than Vue's concatenating fallthrough.\n//\n// `id` and `aria-describedby` arrive as fallthrough attrs rather than props, so\n// they are handed in as this caller's own values; `field.attrs` then spreads\n// **after** `groupAttrs`, and that position is the contract (see TextField.vue).\n// `name` leaves `optional()` below with it: resolved once here, it reaches\n// RadioGroupRoot's own `name` prop, which is what mints the hidden input a\n// `<form>` submits.\n//\n// `required` and `invalid` are omitted because this component has no prop for\n// either — the row's answer stands unopposed. `readonly` is omitted for the\n// reason the docblock gives.\n//\n// The resolved `required` then reaches the group through Reka's own prop rather\n// than the `aria-required` in `field.attrs`: RadioGroupRoot writes that\n// attribute itself, so leaving it to the bag is a race with a `false` — see\n// Checkbox.vue, where the merge order makes the same race a certainty.\nconst field = useFieldControl(() => ({\n  id: attrs.id as string | undefined,\n  describedBy: attrs[\"aria-describedby\"] as string | undefined,\n  name: props.name,\n  disabled: props.disabled,\n}));\n</script>\n\n<template>\n  <RadioGroupRoot\n    v-bind=\"{ ...optional({ modelValue }), ...groupAttrs, ...field.attrs }\"\n    :disabled=\"field.disabled\"\n    :required=\"field.required\"\n    orientation=\"vertical\"\n    :class=\"cn('flex flex-col gap-3', attrs.class as string)\"\n    @update:model-value=\"$emit('update:modelValue', String($event))\"\n  >\n    <!-- RadioGroupItem is a labelable <button role=\"radio\">, so wrapping it in\n         <label> names it exactly like a native control; the rule's\n         nesting/id heuristic just doesn't recognize reka-ui's custom element\n         as a \"control\". -->\n    <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->\n    <label\n      v-for=\"opt in options\"\n      :key=\"opt.value\"\n      :class=\"\n        cn(\n          'flex min-h-6 items-start gap-2 text-sm text-foreground',\n          // Disabled text stays readable (AA on the light ground) — only the\n          // control glyph dims; quiet, not illegible.\n          field.disabled || opt.disabled\n            ? 'cursor-not-allowed text-muted-foreground'\n            : 'cursor-pointer',\n        )\n      \"\n    >\n      <RadioGroupItem\n        :value=\"opt.value\"\n        :class=\"\n          cn(\n            'mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-input bg-background',\n            // Springy transform (press squish), steady color — the transform\n            // rides --ease-spring while border stays instant --ease-out (style\n            // below), same press language as Button/Switch/Checkbox.\n            'active:scale-90',\n            // Selected = a decision (Loom law): the ring turns primary.\n            'data-[state=checked]:border-primary',\n            // Focus draws the weave tight: the brand ring blooms.\n            'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo',\n            'disabled:cursor-not-allowed disabled:opacity-50',\n          )\n        \"\n        :disabled=\"opt.disabled ?? false\"\n        style=\"\n          transition:\n            transform var(--duration-fast) var(--ease-spring),\n            border-color var(--duration-instant) var(--ease-out),\n            box-shadow var(--duration-fast) var(--ease-out);\n        \"\n      >\n        <!-- The dot pops in with scale-in — a small causal \"it's selected now\". -->\n        <RadioGroupIndicator class=\"flex animate-scale-in items-center justify-center\">\n          <span class=\"h-2 w-2 rounded-full bg-primary\" />\n        </RadioGroupIndicator>\n      </RadioGroupItem>\n      <span class=\"flex flex-col gap-0.5\">\n        <span>{{ opt.label }}</span>\n        <span v-if=\"opt.description\" class=\"text-xs text-muted-foreground\">{{\n          opt.description\n        }}</span>\n      </span>\n    </label>\n  </RadioGroupRoot>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/radio-group/src/RadioGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/radio-group/src/RadioGroup.vue"],"names":[],"mappings":"AA2KA,kDAAkD;AAClD,MAAM,WAAW,WAAW;IAC1B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAyBd,qCAAqC;iBACxB,MAAM;IACnB,oCAAoC;aAC3B,WAAW,EAAE;IACtB,oHAAoH;eACzG,OAAO,GAAG,SAAS;IAC9B,6HAA6H;WACtH,MAAM;;;;IAPb,qCAAqC;iBACxB,MAAM;IACnB,oCAAoC;aAC3B,WAAW,EAAE;IACtB,oHAAoH;eACzG,OAAO,GAAG,SAAS;IAC9B,6HAA6H;WACtH,MAAM;;;;cAFF,OAAO,GAAG,SAAS;6EAsO9B,CAAC"}

package/dist/packages/primitives/radio-group/src/RadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import { cn } from "../../../core/src/cn.js";
+import { optional } from "../../../core/src/props.js";
+import { useSplitAttrs } from "../../../core/src/attrs.js";
+import "../../../core/src/index.js";
+import { useFieldControl } from "../../../labels/src/field-context.js";
+import "../../../labels/src/index.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot } from "reka-ui";
+//#region packages/primitives/radio-group/src/RadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-0.5" };
+var _hoisted_2 = {
+	key: 0,
+	class: "text-xs text-muted-foreground"
+};
+var RadioGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "RadioGroup",
+	props: {
+		modelValue: {},
+		options: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const { attrs, rest: groupAttrs } = useSplitAttrs();
+		const field = useFieldControl(() => ({
+			id: attrs.id,
+			describedBy: attrs["aria-describedby"],
+			name: props.name,
+			disabled: props.disabled
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({
+				...unref(optional)({ modelValue: __props.modelValue }),
+				...unref(groupAttrs),
+				...unref(field).attrs
+			}, {
+				disabled: unref(field).disabled,
+				required: unref(field).required,
+				orientation: "vertical",
+				class: unref(cn)("flex flex-col gap-3", unref(attrs).class),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", String($event)))
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+					return openBlock(), createElementBlock("label", {
+						key: opt.value,
+						class: normalizeClass(unref(cn)("flex min-h-6 items-start gap-2 text-sm text-foreground", unref(field).disabled || opt.disabled ? "cursor-not-allowed text-muted-foreground" : "cursor-pointer"))
+					}, [createVNode(unref(RadioGroupItem), {
+						value: opt.value,
+						class: normalizeClass(unref(cn)("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-input bg-background", "active:scale-90", "data-[state=checked]:border-primary", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo", "disabled:cursor-not-allowed disabled:opacity-50")),
+						disabled: opt.disabled ?? false,
+						style: { "transition": "transform var(--duration-fast) var(--ease-spring),\n            border-color var(--duration-instant) var(--ease-out),\n            box-shadow var(--duration-fast) var(--ease-out)" }
+					}, {
+						default: withCtx(() => [createVNode(unref(RadioGroupIndicator), { class: "flex animate-scale-in items-center justify-center" }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "h-2 w-2 rounded-full bg-primary" }, null, -1)])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, [
+						"value",
+						"class",
+						"disabled"
+					]), createElementVNode("span", _hoisted_1, [createElementVNode("span", null, toDisplayString(opt.label), 1), opt.description ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(opt.description), 1)) : createCommentVNode("", true)])], 2);
+				}), 128))]),
+				_: 1
+			}, 16, [
+				"disabled",
+				"required",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { RadioGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RadioGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/radio-group/src/RadioGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../packages/primitives/radio-group/src/RadioGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/** One selectable row in a {@link RadioGroup}. */\nexport interface RadioOption {\n  /** Matched against `modelValue`. */\n  value: string;\n  /** Visible label, rendered beside the control. */\n  label: string;\n  /** Secondary text, rendered small under the label. */\n  description?: string;\n  /** Disables this row alone, leaving its siblings pickable. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot } from \"reka-ui\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\nimport { useSplitAttrs } from \"@ecoma-io/loom-core\";\nimport { useFieldControl } from \"@ecoma-io/loom-labels\";\n\n/**\n * RadioGroup — a vertical list of mutually exclusive options, each with a\n * visible (and optionally described) label — for longer or explained\n * choices and settings lists. For a compact horizontal toggle among 2-5\n * short options that are all visible at once, reach for SegmentedControl\n * instead. Built on Reka UI's RadioGroup: roving tabindex (the group is one\n * Tab stop, not N) with arrow-key navigation between items.\n *\n * Inside a [Field](../Field/Field.vue) the row's description, `name`,\n * `required` and `invalid` reach the group through `useFieldControl()`, and\n * `name` below still wins wherever it is set — the row and this prop are one\n * concept, not two that can disagree.\n *\n * **A row's label does not name this group.** `<label for>` names a labelable\n * element and this renders a `div[role=\"radiogroup\"]`, so the row's label\n * resolves to the element and names nobody. Name it with a\n * [Fieldset](../Fieldset/Fieldset.vue)'s real `<legend>`, or with an\n * `aria-label`/`aria-labelledby` of its own.\n *\n * There is no `readonly`, and a row's is ignored rather than approximated: each\n * option is a `<button role=\"radio\">` with no native read-only state to put it\n * in, and a group whose options cannot be picked is a disabled group.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The selected option's `value`. */\n    modelValue?: string;\n    /** The rows to render, in order. */\n    options: RadioOption[];\n    /** Disables every row at once, distinct from a single option's own `disabled`. Unset defers to a wrapping Field. */\n    disabled?: boolean | undefined;\n    /** Set when this group posts inside a real `<form>` — becomes the submitted field name. Unset defers to a wrapping Field. */\n    name?: string;\n  }>(),\n  {\n    // Not `false`: absent has to stay tellable from `false` for a Field above\n    // to disable the group and for `:disabled=\"false\"` to overrule one that\n    // does. Vue casts an absent Boolean prop with no declared default to\n    // `false`, which would leave the context wired and inert.\n    disabled: undefined,\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: groupAttrs } = useSplitAttrs();\n\n// One rendered node, so the split is only about `class` — a caller's class\n// needs a Tailwind-aware merge rather than Vue's concatenating fallthrough.\n//\n// `id` and `aria-describedby` arrive as fallthrough attrs rather than props, so\n// they are handed in as this caller's own values; `field.attrs` then spreads\n// **after** `groupAttrs`, and that position is the contract (see TextField.vue).\n// `name` leaves `optional()` below with it: resolved once here, it reaches\n// RadioGroupRoot's own `name` prop, which is what mints the hidden input a\n// `<form>` submits.\n//\n// `required` and `invalid` are omitted because this component has no prop for\n// either — the row's answer stands unopposed. `readonly` is omitted for the\n// reason the docblock gives.\n//\n// The resolved `required` then reaches the group through Reka's own prop rather\n// than the `aria-required` in `field.attrs`: RadioGroupRoot writes that\n// attribute itself, so leaving it to the bag is a race with a `false` — see\n// Checkbox.vue, where the merge order makes the same race a certainty.\nconst field = useFieldControl(() => ({\n  id: attrs.id as string | undefined,\n  describedBy: attrs[\"aria-describedby\"] as string | undefined,\n  name: props.name,\n  disabled: props.disabled,\n}));\n</script>\n\n<template>\n  <RadioGroupRoot\n    v-bind=\"{ ...optional({ modelValue }), ...groupAttrs, ...field.attrs }\"\n    :disabled=\"field.disabled\"\n    :required=\"field.required\"\n    orientation=\"vertical\"\n    :class=\"cn('flex flex-col gap-3', attrs.class as string)\"\n    @update:model-value=\"$emit('update:modelValue', String($event))\"\n  >\n    <!-- RadioGroupItem is a labelable <button role=\"radio\">, so wrapping it in\n         <label> names it exactly like a native control; the rule's\n         nesting/id heuristic just doesn't recognize reka-ui's custom element\n         as a \"control\". -->\n    <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->\n    <label\n      v-for=\"opt in options\"\n      :key=\"opt.value\"\n      :class=\"\n        cn(\n          'flex min-h-6 items-start gap-2 text-sm text-foreground',\n          // Disabled text stays readable (AA on the light ground) — only the\n          // control glyph dims; quiet, not illegible.\n          field.disabled || opt.disabled\n            ? 'cursor-not-allowed text-muted-foreground'\n            : 'cursor-pointer',\n        )\n      \"\n    >\n      <RadioGroupItem\n        :value=\"opt.value\"\n        :class=\"\n          cn(\n            'mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-input bg-background',\n            // Springy transform (press squish), steady color — the transform\n            // rides --ease-spring while border stays instant --ease-out (style\n            // below), same press language as Button/Switch/Checkbox.\n            'active:scale-90',\n            // Selected = a decision (Loom law): the ring turns primary.\n            'data-[state=checked]:border-primary',\n            // Focus draws the weave tight: the brand ring blooms.\n            'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo',\n            'disabled:cursor-not-allowed disabled:opacity-50',\n          )\n        \"\n        :disabled=\"opt.disabled ?? false\"\n        style=\"\n          transition:\n            transform var(--duration-fast) var(--ease-spring),\n            border-color var(--duration-instant) var(--ease-out),\n            box-shadow var(--duration-fast) var(--ease-out);\n        \"\n      >\n        <!-- The dot pops in with scale-in — a small causal \"it's selected now\". -->\n        <RadioGroupIndicator class=\"flex animate-scale-in items-center justify-center\">\n          <span class=\"h-2 w-2 rounded-full bg-primary\" />\n        </RadioGroupIndicator>\n      </RadioGroupItem>\n      <span class=\"flex flex-col gap-0.5\">\n        <span>{{ opt.label }}</span>\n        <span v-if=\"opt.description\" class=\"text-xs text-muted-foreground\">{{\n          opt.description\n        }}</span>\n      </span>\n    </label>\n  </RadioGroupRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EAuBd,MAAM,EAAE,OAAO,MAAM,eAAe,cAAc;EAoBlD,MAAM,QAAQ,uBAAuB;GACnC,IAAI,MAAM;GACV,aAAa,MAAM;GACnB,MAAM,MAAM;GACZ,UAAU,MAAM;EAClB,EAAE;;GAIA,OAAA,UAAA,GAAA,YA+DiB,MAAA,cAAA,GA/DjB,WA+DiB;IAAA,GA9DF,MAAA,QAAA,CAAQ,CAAA,EAAA,YAAG,QAAA,WAAU,CAAA;IAAA,GAAQ,MAAA,UAAA;IAAU,GAAK,MAAA,KAAA,CAAK,CAAC;GAAK,GAAA;IACnE,UAAU,MAAA,KAAA,CAAK,CAAC;IAChB,UAAU,MAAA,KAAA,CAAK,CAAC;IACjB,aAAY;IACX,OAAO,MAAA,EAAA,CAAE,CAAA,uBAAwB,MAAA,KAAA,CAAK,CAAC,KAAK;IAC5C,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,OAAO,MAAM,CAAA;;IAQ3D,SAAA,cAAsB,EADxB,UAAA,IAAA,GAAA,mBAiDQ,UAAA,MAAA,WAhDQ,QAAA,UAAP,QAAG;KADZ,OAAA,UAAA,GAAA,mBAiDQ,SAAA;MA/CL,KAAK,IAAI;MACT,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,0DAAqN,MAAA,KAAA,CAAK,CAAC,YAAY,IAAI,WAAA,6CAAA,gBAAA,CAAA;KAW9P,GAAA,CAAA,YA4BiB,MAAA,cAAA,GAAA;MA3Bd,OAAO,IAAI;MACX,OAAK,eAAa,MAAA,EAAA,CAAE,CAAA,2GAAA,mBAAA,uCAAA,+GAAA,iDAAA,CAAA;MAcpB,UAAU,IAAI,YAAQ;MACvB,OAAA,EAAA,cAAA,qLAAA;;MAQA,SAAA,cAEsB,CAFtB,YAEsB,MAAA,mBAAA,GAAA,EAFD,OAAM,oDAAmD,GAAA;OAC5E,SAAA,cAAgD,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAhD,mBAAgD,QAAA,EAA1C,OAAM,kCAAiC,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;;;;;;;KAGjD,CAAA,GAAA,mBAKO,QALP,YAKO,CAJL,mBAA4B,QAAA,MAAA,gBAAnB,IAAI,KAAK,GAAA,CAAA,GACN,IAAI,eAAhB,UAAA,GAAA,mBAES,QAFT,YAES,gBADP,IAAI,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/packages/primitives/radio-group/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type RadioOption } from "./RadioGroup.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/radio-group/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/radio-group/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/primitives/radio-group/src/index.js

@@ -0,0 +1,2 @@
+import RadioGroup_default from "./RadioGroup.js";
+export { RadioGroup_default as default };

package/dist/packages/primitives/rating/src/Rating.js

@@ -0,0 +1,7 @@
+import Rating_vue_vue_type_script_setup_true_lang_default, { RATING_LABELS } from "./Rating.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/rating/src/Rating.vue
+var Rating_default = Rating_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RATING_LABELS, Rating_default as default };
+
+//# sourceMappingURL=Rating.js.map

package/dist/packages/primitives/rating/src/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.js","names":[],"sources":["../../../../../packages/primitives/rating/src/Rating.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { RatingLabels } from \"@ecoma-io/loom-labels\";\nimport { cva } from \"class-variance-authority\";\n\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 RATING_LABELS: RatingLabels = {\n  score: ({ score, length }) => `${String(Number(score.toFixed(2)))} of ${String(length)} stars`,\n};\n\n/**\n * Star size. Deliberately *not* the control-height scale the text input,\n * Select and Button share: a rating is a row of glyphs rather than a box a\n * form row aligns against, so it sizes by the icon. It follows the icon scale\n * instead — 16 / 20 / 24px — which is the same ladder Spinner uses.\n */\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\n/**\n * One star's box, and it is applied to three nodes at once: the item, the\n * empty glyph and the filled glyph.\n *\n * The half-star is a clip, and a clip needs a box to be a fraction *of*. The\n * filled glyph inside a 50%-wide window has to keep the width of a whole star\n * or it renders as a squashed whole star rather than as half of one — so its\n * size comes from this map rather than from the icon's own intrinsic width,\n * and changing `size` moves the window and the glyph together.\n */\nconst starVariants = cva(\"block shrink-0\", {\n  variants: {\n    size: { sm: \"h-4 w-4\", md: \"h-5 w-5\", lg: \"h-6 w-6\" } satisfies Record<RatingSize, string>,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\n/** The row itself: the gap grows with the stars so the rhythm holds at every size. */\nconst rowVariants = cva(\"inline-flex min-h-6 items-center\", {\n  variants: {\n    size: { sm: \"gap-0.5\", md: \"gap-1\", lg: \"gap-1.5\" } satisfies Record<RatingSize, string>,\n  },\n  defaultVariants: { size: \"md\" },\n});\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from \"vue\";\nimport { RatingRoot, RatingItem, RatingItemIndicator } from \"reka-ui\";\nimport { Star } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\nimport { useSplitAttrs } from \"@ecoma-io/loom-core\";\nimport { useAncestorDisabled } from \"@ecoma-io/loom-labels\";\nimport { useFieldControl } from \"@ecoma-io/loom-labels\";\nimport { useLabels, type LabelOverrides } from \"@ecoma-io/loom-labels\";\n\n/**\n * Rating — a score on a small, fixed, ordinal scale, drawn as a row of stars.\n * Reach for it where the scale itself is the vocabulary a reader already\n * knows: how good was this, how confident are you, how would you rate it.\n *\n * Its neighbours: a value on a continuous range whose ends are the\n * information — a volume, a ratio — is a Slider; a choice between named\n * options that happen to be ordered (\"poor\", \"fair\", \"good\") is a\n * SegmentedControl or a RadioGroup, because the names carry meaning stars\n * cannot; and a number with no meaningful ceiling is a NumberField.\n *\n * **`readonly` and `disabled` are different controls, not two dials on one.**\n * A product's average score on a card is `readonly`: it is a picture of a\n * number, so it renders as `role=\"img\"` with the score in its accessible\n * name, is not a Tab stop, is not in the radio group at all, and is *not*\n * dimmed — nothing about it is unavailable, it was never an input. A rating\n * inside a form the reader may not edit yet is `disabled`: it stays a radio\n * group, dims, and refuses the pointer and the keyboard. Conflating the two\n * is the standard defect in this control — a read-only average rendered as a\n * disabled input reads as \"broken\" to a sighted reader and as \"unavailable\n * input\" to a screen reader, and neither is true.\n *\n * Built on Reka UI's Rating, which is a RadioGroup underneath: the row is one\n * Tab stop with roving focus, arrow keys move between steps and select as\n * they go, Home and End reach the ends.\n *\n * **`step` is narrowed on purpose.** Reka's `RatingRoot` also accepts `0.25`\n * and `0.1`. A quarter of a 20px star is a 5px-wide pointer target and a\n * tenth is 2px, and at that size the difference between 4.3 and 4.4 stars is\n * not perceptible in the rendering either — so the value could be neither\n * aimed at nor read back. An option that cannot be used correctly is not an\n * option, so the two are dropped here rather than forwarded.\n *\n * `step` governs what can be *aimed at*, which is a question only the\n * interactive control asks. A `readonly` rating therefore ignores it and\n * paints the exact value it was given: an average of 4.2 shows and announces\n * 4.2, not the nearest half.\n *\n * Inside a [Field](../Field/Field.vue) it wires itself through\n * `useFieldControl()`: the row's description, `name`, `required` and `invalid`\n * land on the radio group, its `name` mints the hidden input a real `<form>`\n * submits, and its `readonly` switches this control into the picture above —\n * which is the one place this family's `readonly` does not mean \"a native\n * control with the native attribute set\". There is no native element to set it\n * on: each step is a `<button role=\"radio\">`, and `readonly` is as inert on a\n * radio as it is on a checkbox. So \"still a Tab stop, still submitted\" is\n * unreachable here, and the picture is what is left that is honest — a score\n * that was never an input, and, above all, not something dimmed to look\n * unavailable.\n *\n * **A row's label does not name this control.** `<label for>` names a labelable\n * element and both branches render a `div`, so name the group with a\n * [Fieldset](../Fieldset/Fieldset.vue)'s real `<legend>` or with an\n * `aria-label` of its own. A read-only rating already names itself from its\n * score.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The score, in stars. Leave it unset to let the rating manage its own. */\n    modelValue?: number;\n    /** How many stars the scale has — the maximum, and what a reader is scored out of. */\n    length?: number;\n    /** Granularity of one arrow-key step and of the pointer: whole stars, or halves. */\n    step?: 1 | 0.5;\n    /** Renders the score as a picture of a number rather than an input: no Tab stop, no dimming, and the exact value regardless of `step`. Unset defers to a wrapping Field. */\n    readonly?: boolean | undefined;\n    /** Lets a reader clear the score by choosing the star that is already chosen, which emits `0`. */\n    clearable?: boolean;\n    /** Previews the score under the pointer while hovering, before anything is chosen. */\n    hoverable?: boolean;\n    /** Unavailable: dims the row and refuses both the pointer and the keyboard. For a score that was never editable, use `readonly`. Unset defers to a wrapping Field. */\n    disabled?: boolean | undefined;\n    /** Star size. It follows the icon scale, not the control-height scale. */\n    size?: RatingSize;\n    /**\n     * The name it gives a score, as any subset of `RatingLabels` — the rest\n     * stay as the host's `provideLoomLabels` vocabulary left them, and then as\n     * Loom's English.\n     *\n     * This is the per-instance correction, not the place to localise an\n     * application: the case it exists for is a scale whose stars are not stars\n     * — five chillies for heat, five bars for confidence — where the noun in\n     * the name has to say so however well the application is translated.\n     */\n    labels?: LabelOverrides<RatingLabels>;\n  }>(),\n  {\n    length: 5,\n    step: 1,\n    clearable: false,\n    hoverable: false,\n    // Not `false`, for either. `false` is a caller saying \"this rating is\n    // editable / live even though its row is not\"; absent is a caller saying\n    // nothing, and only `undefined` survives to mean that past Vue's\n    // absent-Boolean-casts-to-false rule — see TextField.vue, which carries the\n    // full reasoning.\n    readonly: undefined,\n    disabled: undefined,\n    size: \"md\",\n  },\n);\n\ndefineEmits<{\n  /** The newly chosen score in stars, or `0` when a `clearable` rating is cleared. */\n  \"update:modelValue\": [value: number];\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(\"rating\", RATING_LABELS, () => props.labels);\n\n// Two roots, one branch each, so `class` needs a Tailwind-aware merge on\n// whichever one renders — Vue's own fallthrough merge only concatenates, and a\n// caller's `gap-2` would then win or lose depending on which utility Tailwind\n// happened to emit last. Every other attribute (`aria-label` naming the group,\n// a test hook) rides `rest` onto the same node.\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest } = useSplitAttrs();\n\n/**\n * Each step is a real `<button>`, so a `<fieldset disabled>` above this row\n * already makes the score unsettable — measured on this branch, a click and an\n * arrow key both left the value where it was. What it does not reach is Reka's\n * roving focus, which is driven by the row's own `disabled`: every step went\n * `:disabled` while the `role=\"radiogroup\"` container kept `tabindex=\"0\"`, so\n * Tab still stopped on an unavailable control. Its own `disabled` prop sets\n * that to `-1`.\n *\n * Reading the state here rather than painting it with a CSS variant is what\n * makes the two disabled renderings the same rendering, `data-disabled` and\n * all, instead of two class lists that have to be kept in step by hand.\n *\n * Read off the DOM rather than taken from the Field context, which publishes no\n * `disabled` on purpose — see `../../lib/ancestor-disabled.ts`.\n */\nconst root = useTemplateRef<{ $el?: Element }>(\"root\");\nconst groupDisabled = useAncestorDisabled(() => root.value?.$el);\n\n// `id` and `aria-describedby` arrive as fallthrough attrs rather than props, so\n// they are handed in as this caller's own values: a caller who sets either\n// still beats the row, and the row's description is merged into theirs rather\n// than replacing it. `name`, `required` and `invalid` are absent because this\n// component has no prop for any of them — the row's answer stands unopposed.\n//\n// The resolved `required` then reaches the group through Reka's own prop rather\n// than the `aria-required` in `field.attrs`: RadioGroupRoot underneath writes\n// that attribute itself, so leaving it to the bag is a race — see Checkbox.vue,\n// where the merge order makes the same race a certainty.\nconst field = useFieldControl(() => ({\n  id: attrs.id as string | undefined,\n  describedBy: attrs[\"aria-describedby\"] as string | undefined,\n  // The fieldset beats the prop in both directions, exactly as it does for the\n  // step buttons themselves.\n  disabled: groupDisabled.value ? true : props.disabled,\n  readonly: props.readonly,\n}));\n\n/**\n * The two keys of the resolved bag that a picture of a number may carry.\n *\n * The read-only branch is a `role=\"img\"`, and ARIA allows neither\n * `aria-required` nor `name` on one — `aria-allowed-attr` is a WCAG 4.1.2 rule\n * `e2e/accessibility.e2e.ts` runs over every docs page, so the whole bag\n * spread here would turn that gate red. They would also both be claims about\n * an input, and this branch renders none: nothing is required of a reader who\n * is being shown a number, and nothing is submitted.\n */\nconst pictureAttrs = computed(() =>\n  optional({ id: field.id, \"aria-describedby\": field.attrs[\"aria-describedby\"] }),\n);\n\n/**\n * The score as it is drawn and announced, clamped into the range the stars can\n * actually show. Without the clamp a value of 9 on a 5-star scale paints five\n * stars and announces \"9 of 5\", which is a number no reader can reconcile with\n * the picture beside it.\n */\nconst score = computed(() => Math.min(Math.max(props.modelValue ?? 0, 0), props.length));\n\nconst stars = computed(() => Array.from({ length: props.length }, (_, index) => index + 1));\n\n/**\n * How much of star `n` is painted, as a percentage — the read-only clip\n * window. Rounded, because binary floating point turns a score of 4.2 into a\n * width of `20.000000000000018%`: correct to the pixel and unreadable in a\n * DOM inspector or a test failure.\n */\nfunction fillOf(star: number): string {\n  const filled = Math.min(Math.max(score.value - (star - 1), 0), 1);\n  return `${String(Number((filled * 100).toFixed(2)))}%`;\n}\n</script>\n\n<template>\n  <!-- The read-only branch renders no radio group, because there is no choice\n       to offer: one `role=\"img\"` node carrying the score as its name, and\n       nothing inside it that a Tab reaches. -->\n  <div\n    v-if=\"field.readonly\"\n    v-bind=\"{ ...rest, ...pictureAttrs }\"\n    role=\"img\"\n    :aria-label=\"text.score({ score, length })\"\n    :class=\"cn(rowVariants({ size }), attrs.class as string)\"\n  >\n    <span v-for=\"star in stars\" :key=\"star\" :class=\"cn(starVariants({ size }), 'relative')\">\n      <!-- The empty stars are what say how many there were to earn, so they\n           are a graphical object carrying information and are held to 1.4.11's\n           3:1 rather than painted as a faint hairline — hence the foreground\n           neutral and not a border token. -->\n      <Star\n        aria-hidden=\"true\"\n        :class=\"cn(starVariants({ size }), 'absolute inset-0 text-muted-foreground')\"\n      />\n      <!-- The fill is a window over a whole star, not a second glyph: a\n           fraction of a star drawn by clipping is the only version that stays\n           a star at any width. -->\n      <span class=\"absolute inset-y-0 left-0 overflow-hidden\" :style=\"{ width: fillOf(star) }\">\n        <Star\n          aria-hidden=\"true\"\n          :class=\"cn(starVariants({ size }), 'fill-primary text-primary-text')\"\n        />\n      </span>\n    </span>\n  </div>\n\n  <RatingRoot\n    v-else\n    ref=\"root\"\n    v-slot=\"{ items }\"\n    v-bind=\"{ ...rest, ...optional({ modelValue }), ...field.attrs }\"\n    :length=\"length\"\n    :step=\"step\"\n    :clearable=\"clearable\"\n    :hoverable=\"hoverable\"\n    :disabled=\"field.disabled\"\n    :required=\"field.required\"\n    :class=\"\n      cn(\n        rowVariants({ size }),\n        // Unavailability is painted in measured greys, never as an alpha over\n        // the available state: `opacity-50` here took the empty stars from\n        // 5.25:1 to 2.05:1 on the page ground, and the stars are the control's\n        // *data* — the filled ones are the score, the empty ones the maximum —\n        // which WCAG 1.4.11 holds to 3:1 as graphical objects. The two glyphs\n        // drain to their own tokens below, keyed off `data-disabled` so the\n        // prop and the enclosing fieldset paint the same picture.\n        'group data-[disabled]:cursor-not-allowed',\n        attrs.class as string,\n      )\n    \"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <!-- `as=\"span\"`: Reka renders the item as a `<label>` by default, and a\n         label with no text of its own names nothing while still claiming to.\n         The names live on the radios below, one per step. -->\n    <RatingItem\n      v-for=\"item in items\"\n      :key=\"item\"\n      v-slot=\"{ steps }\"\n      as=\"span\"\n      :item=\"item\"\n      :class=\"cn(starVariants({ size }), 'relative')\"\n    >\n      <Star\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            starVariants({ size }),\n            // The empty star is the maximum, so when the row is unavailable it\n            // keeps a colour of its own rather than taking the row's old\n            // alpha — one measured step lighter than the score, held to the\n            // 3:1 floor `muted-foreground` itself was measured against.\n            'absolute inset-0 text-muted-foreground group-data-[disabled]:text-muted-foreground-soft',\n          )\n        \"\n      />\n      <!-- One radio per step, stacked over the empty star and clipped to the\n           fraction it stands for: with `step` 0.5 the left half of the glyph\n           is a 50%-wide button sitting above the whole-star one, so the\n           pointer lands on the half a reader aimed at. All three custom\n           properties come from Reka — the width of this step, whether a half\n           step is currently worth showing, and the stacking order that keeps\n           the narrower button reachable. -->\n      <RatingItemIndicator\n        v-for=\"stepValue in steps\"\n        :key=\"stepValue\"\n        :step=\"stepValue\"\n        :aria-label=\"text.score({ score: stepValue, length })\"\n        class=\"group/step absolute inset-y-0 left-0 min-h-6 cursor-pointer overflow-hidden rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo disabled:cursor-not-allowed\"\n        style=\"\n          width: var(--reka-rating-item-step-width);\n          opacity: var(--reka-rating-item-step-opacity);\n          z-index: var(--reka-rating-item-step-z-index);\n        \"\n      >\n        <!-- Two of the button's own states, read one level down. `data-state`\n             is `active` on every step at or below the score — or below the\n             pointer, while hovering — and that one only fades: a preview that\n             lags the pointer feels broken, so it rides --duration-instant.\n             `aria-checked` is true on the single step that *is* the score, so\n             the star a reader just chose settles on the spring while the ones\n             it dragged along behind it merely fill.\n             Both are scoped to the state rather than declared bare, which is\n             what lets the animation replay on each new choice instead of\n             running once at mount and never again. -->\n        <Star\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              starVariants({ size }),\n              'fill-primary text-primary-text opacity-0 transition-opacity duration-instant ease-out',\n              // Unavailable, the score drains to the neutral well like every\n              // other control's value — solid still, so it stays distinct from\n              // the hollow maximum beside it.\n              'group-data-[disabled]/step:fill-muted-foreground group-data-[disabled]/step:text-muted-foreground',\n              'group-data-[state=active]/step:opacity-100',\n              'group-aria-checked/step:animate-scale-in',\n            )\n          \"\n        />\n      </RatingItemIndicator>\n    </RatingItem>\n  </RatingRoot>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/rating/src/Rating.vue.d.ts

@@ -0,0 +1,88 @@
+import { type LabelOverrides } from "@ecoma-io/loom-labels";
+import type { RatingLabels } from "@ecoma-io/loom-labels";
+/**
+
+/**
+ * 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.
+ */
+export declare const RATING_LABELS: RatingLabels;
+/**
+ * Star size. Deliberately *not* the control-height scale the text input,
+ * Select and Button share: a rating is a row of glyphs rather than a box a
+ * form row aligns against, so it sizes by the icon. It follows the icon scale
+ * instead — 16 / 20 / 24px — which is the same ladder Spinner uses.
+ */
+export type RatingSize = "sm" | "md" | "lg";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The score, in stars. Leave it unset to let the rating manage its own. */
+    modelValue?: number;
+    /** How many stars the scale has — the maximum, and what a reader is scored out of. */
+    length?: number;
+    /** Granularity of one arrow-key step and of the pointer: whole stars, or halves. */
+    step?: 1 | 0.5;
+    /** Renders the score as a picture of a number rather than an input: no Tab stop, no dimming, and the exact value regardless of `step`. Unset defers to a wrapping Field. */
+    readonly?: boolean | undefined;
+    /** Lets a reader clear the score by choosing the star that is already chosen, which emits `0`. */
+    clearable?: boolean;
+    /** Previews the score under the pointer while hovering, before anything is chosen. */
+    hoverable?: boolean;
+    /** Unavailable: dims the row and refuses both the pointer and the keyboard. For a score that was never editable, use `readonly`. Unset defers to a wrapping Field. */
+    disabled?: boolean | undefined;
+    /** Star size. It follows the icon scale, not the control-height scale. */
+    size?: RatingSize;
+    /**
+     * The name it gives a score, as any subset of `RatingLabels` — the rest
+     * stay as the host's `provideLoomLabels` vocabulary left them, and then as
+     * Loom's English.
+     *
+     * This is the per-instance correction, not the place to localise an
+     * application: the case it exists for is a scale whose stars are not stars
+     * — five chillies for heat, five bars for confidence — where the noun in
+     * the name has to say so however well the application is translated.
+     */
+    labels?: LabelOverrides<RatingLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The score, in stars. Leave it unset to let the rating manage its own. */
+    modelValue?: number;
+    /** How many stars the scale has — the maximum, and what a reader is scored out of. */
+    length?: number;
+    /** Granularity of one arrow-key step and of the pointer: whole stars, or halves. */
+    step?: 1 | 0.5;
+    /** Renders the score as a picture of a number rather than an input: no Tab stop, no dimming, and the exact value regardless of `step`. Unset defers to a wrapping Field. */
+    readonly?: boolean | undefined;
+    /** Lets a reader clear the score by choosing the star that is already chosen, which emits `0`. */
+    clearable?: boolean;
+    /** Previews the score under the pointer while hovering, before anything is chosen. */
+    hoverable?: boolean;
+    /** Unavailable: dims the row and refuses both the pointer and the keyboard. For a score that was never editable, use `readonly`. Unset defers to a wrapping Field. */
+    disabled?: boolean | undefined;
+    /** Star size. It follows the icon scale, not the control-height scale. */
+    size?: RatingSize;
+    /**
+     * The name it gives a score, as any subset of `RatingLabels` — the rest
+     * stay as the host's `provideLoomLabels` vocabulary left them, and then as
+     * Loom's English.
+     *
+     * This is the per-instance correction, not the place to localise an
+     * application: the case it exists for is a scale whose stars are not stars
+     * — five chillies for heat, five bars for confidence — where the noun in
+     * the name has to say so however well the application is translated.
+     */
+    labels?: LabelOverrides<RatingLabels>;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: number) => any;
+}>, {
+    size: RatingSize;
+    length: number;
+    disabled: boolean | undefined;
+    readonly: boolean | undefined;
+    step: 1 | 0.5;
+    clearable: boolean;
+    hoverable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=Rating.vue.d.ts.map

package/dist/packages/primitives/rating/src/Rating.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/rating/src/Rating.vue"],"names":[],"mappings":"AA2YA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,YAE3B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;wBA0BvB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA0Dd,4EAA4E;iBAC/D,MAAM;IACnB,sFAAsF;aAC7E,MAAM;IACf,oFAAoF;WAC7E,CAAC,GAAG,GAAG;IACd,4KAA4K;eACjK,OAAO,GAAG,SAAS;IAC9B,kGAAkG;gBACtF,OAAO;IACnB,sFAAsF;gBAC1E,OAAO;IACnB,sKAAsK;eAC3J,OAAO,GAAG,SAAS;IAC9B,0EAA0E;WACnE,UAAU;IACjB;;;;;;;;;OASG;aACM,cAAc,CAAC,YAAY,CAAC;;;;IA1BrC,4EAA4E;iBAC/D,MAAM;IACnB,sFAAsF;aAC7E,MAAM;IACf,oFAAoF;WAC7E,CAAC,GAAG,GAAG;IACd,4KAA4K;eACjK,OAAO,GAAG,SAAS;IAC9B,kGAAkG;gBACtF,OAAO;IACnB,sFAAsF;gBAC1E,OAAO;IACnB,sKAAsK;eAC3J,OAAO,GAAG,SAAS;IAC9B,0EAA0E;WACnE,UAAU;IACjB;;;;;;;;;OASG;aACM,cAAc,CAAC,YAAY,CAAC;;;;UAX9B,UAAU;YAZR,MAAM;cAUJ,OAAO,GAAG,SAAS;cANnB,OAAO,GAAG,SAAS;UAFvB,CAAC,GAAG,GAAG;eAIF,OAAO;eAEP,OAAO;6EA4bnB,CAAC"}