@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/radio-group-B90c6yUE.js

@@ -0,0 +1,143 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { b as n, f as r } from "./field-DKA-qsCV.js";
+import { r as i } from "./field-group-DFBcVPei.js";
+import { keyedProps as a, withSelectorKey as o } from "@slotted/core/selector-key";
+import { createControllable as s } from "@slotted/core/state";
+import { createContext as c, useContext as l, useEffect as u, useId as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/radio-group/radio-group-defaults.tsx
+var g = c({
+	labelPlacement: "end",
+	variant: "plain",
+	orientation: "vertical",
+	size: "md"
+});
+function _() {
+	return l(g);
+}
+function v({ children: e, ...t }) {
+	let n = _();
+	return /* @__PURE__ */ m(g.Provider, {
+		value: {
+			labelPlacement: t.labelPlacement ?? n.labelPlacement,
+			variant: t.variant ?? n.variant,
+			orientation: t.orientation ?? n.orientation,
+			size: t.size ?? n.size
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/radio-group/radio-group.tsx
+var y = c(void 0);
+function b() {
+	let e = l(y);
+	if (e === void 0) throw Error("Radio must be rendered inside a RadioGroup.");
+	return e;
+}
+function x({ "aria-describedby": e, "aria-invalid": t, "aria-label": o, "aria-labelledby": c, "aria-readonly": l, "aria-orientation": p, "aria-required": h, children: g, className: v, defaultValue: b, disabled: x, invalid: S, labelPlacement: C, variant: w, name: T, onValueChange: E, orientation: D, readOnly: O, ref: k, render: A, required: j, role: M, size: N, style: P, value: F, ...I }) {
+	let L = n(), R = i(), z = r(), B = _(), V = d(), [ee, te] = f(b), H = F ?? ee, U = N ?? L?.size ?? R?.size ?? B.size, W = D ?? B.orientation, G = C ?? B.labelPlacement, K = w ?? B.variant, q = x ?? L?.disabled ?? z.disabled, J = O ?? L?.readOnly ?? z.readOnly, Y = S ?? L?.invalid ?? R?.invalid, X = j ?? L?.required ?? R?.required, Z = M ?? (R === void 0 ? "radiogroup" : void 0), Q = L?.registerControl;
+	u(() => Q?.(), [Q]);
+	let ne = {
+		disabled: q,
+		invalid: Y,
+		labelPlacement: G,
+		variant: K,
+		name: T ?? `slotted-radio-group-${V}`,
+		readOnly: J,
+		required: X,
+		select: (e, t, n) => {
+			if (J === !0) return !1;
+			let r = !1, i = s({
+				controlled: F,
+				initial: H,
+				onRequest: (e) => {
+					r = e.cancelled, e.value !== void 0 && E?.(e.value, e);
+				}
+			}).request(e, t, n);
+			return !r && (i && te(e), !0);
+		},
+		size: U,
+		value: H
+	}, $ = a({
+		...I,
+		"aria-label": o,
+		"aria-labelledby": c ?? (o === void 0 ? L?.ids.label : void 0),
+		"aria-describedby": [e, L?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": t ?? (Y === !0 || void 0),
+		"aria-orientation": p ?? (Z === "radiogroup" && W === "horizontal" ? "horizontal" : void 0),
+		"aria-readonly": l ?? (J === !0 || void 0),
+		"aria-required": h ?? (X === !0 || void 0),
+		children: g,
+		className: v,
+		...q === !0 ? { "data-disabled": "" } : {},
+		...Y === !0 ? { "data-invalid": "" } : {},
+		...J === !0 ? { "data-readonly": "" } : {},
+		"data-label-placement": G,
+		"data-orientation": W,
+		"data-part": "root",
+		"data-size": U,
+		"data-ui": "radio-group",
+		"data-variant": K,
+		role: Z,
+		style: P
+	});
+	return /* @__PURE__ */ m(y.Provider, {
+		value: ne,
+		children: A === void 0 ? /* @__PURE__ */ m("div", {
+			...$,
+			ref: k
+		}) : A($)
+	});
+}
+//#endregion
+//#region src/radio-group/radio-group-parts.tsx
+function S(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function C({ "aria-describedby": n, children: r, className: i, description: s, disabled: c, id: l, onChange: u, onClick: f, ref: g, render: _, style: v, value: y, ...x }) {
+	let C = b(), w = d(), T = l ?? `slotted-radio-${w}`, E = `${T}-description`, D = C.value === y, O = c ?? C.disabled, k = a({
+		children: /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ m("input", {
+				...o(x, "part", "control"),
+				"aria-describedby": [n, s === void 0 ? void 0 : E].filter(Boolean).join(" ") || void 0,
+				checked: D,
+				disabled: O,
+				id: T,
+				name: C.name,
+				onChange: u ?? (() => void 0),
+				onClick: (e) => {
+					f?.(e), !e.defaultPrevented && (C.select(y, S(e), e) || e.preventDefault());
+				},
+				ref: g,
+				type: "radio",
+				value: y
+			}),
+			/* @__PURE__ */ m("span", {
+				"data-part": "indicator",
+				"data-part-indicator": "",
+				children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "dot" }) })
+			}),
+			r === void 0 ? null : /* @__PURE__ */ m("label", {
+				"data-part": "label",
+				"data-part-label": "",
+				htmlFor: T,
+				children: r
+			}),
+			s === void 0 ? null : /* @__PURE__ */ m("p", {
+				"data-part": "description",
+				"data-part-description": "",
+				id: E,
+				children: s
+			})
+		] }),
+		className: i,
+		...D ? { "data-checked": "" } : {},
+		...O === !0 ? { "data-disabled": "" } : {},
+		"data-part": "item",
+		style: v
+	});
+	return _ === void 0 ? /* @__PURE__ */ m("div", { ...k }) : _(k);
+}
+//#endregion
+export { _ as a, v as i, x as n, b as r, C as t };

package/dist/radio-group.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./radio-group-D8csBZ8Z.js";
+import { a as e, i as t, n, r, t as i } from "./radio-group-B90c6yUE.js";
 export { i as Radio, n as RadioGroup, t as RadioGroupDefaultsProvider, r as useRadioGroup, e as useRadioGroupDefaults };

package/dist/rating-DQ8ekf4J.js

@@ -0,0 +1,501 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { b as i, f as a } from "./field-DKA-qsCV.js";
+import { keyedProps as o, selectorKeyProps as s } from "@slotted/core/selector-key";
+import { createControllable as ee } from "@slotted/core/state";
+import { createContext as c, createElement as l, useContext as u, useEffect as te, useId as d, useImperativeHandle as ne, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ratingMessages as re } from "@slotted/core/i18n";
+import { RATING_INSIGHT_THRESHOLDS as _, formatRating as v, formatRatingValue as y, formatShare as b, normaliseRating as x, ratingAtPoint as ie, ratingFills as S, ratingForKey as C, summariseRatings as w } from "@slotted/core/rating";
+//#region src/rating/rating-defaults.tsx
+var T = c({
+	size: "md",
+	tone: "warning",
+	max: 5,
+	clearable: !0,
+	insightThresholds: _
+});
+function E() {
+	return u(T);
+}
+function D({ children: e, ...t }) {
+	let n = E();
+	return /* @__PURE__ */ h(T.Provider, {
+		value: {
+			size: t.size ?? n.size,
+			tone: t.tone ?? n.tone,
+			max: t.max ?? n.max,
+			clearable: t.clearable ?? n.clearable,
+			insightThresholds: {
+				...n.insightThresholds,
+				...t.insightThresholds
+			}
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/rating/rating-display.tsx
+function O(e) {
+	return String(Math.round(e * 1e4) / 1e4);
+}
+function k() {
+	return /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "star" }) });
+}
+function A({ fill: e, index: t, renderSymbol: n }) {
+	let r = n === void 0 ? /* @__PURE__ */ h(k, {}) : n({
+		index: t,
+		fill: e
+	});
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+		"data-part": "symbol",
+		"data-part-symbol": "",
+		children: r
+	}), /* @__PURE__ */ h("span", {
+		"data-part": "fill",
+		"data-part-fill": "",
+		children: r
+	})] });
+}
+function j({ "aria-label": e, className: t, count: i, distribution: a, locale: s, max: ee, messages: c, ref: l, render: u, renderSymbol: te, role: d, showValue: ne, size: f, style: p, tone: _, value: b, variant: x, ...ie }) {
+	let C = E(), w = r(re, c), T = n(), D = Math.max(1, Math.floor(ee ?? C.max)), k = x ?? "full", j = s ?? T, M = Number.isFinite(b) ? Math.min(Math.max(b, 0), D) : 0, N = k === "full" ? S(M, D) : [+(M > 0)], P = new Intl.NumberFormat(j), ae = Math.max(0, ...a ?? []), F = o({
+		...ie,
+		"aria-label": e ?? (i === void 0 ? w("displayLabel", {
+			value: y(M, j),
+			max: D
+		}) : w("displayLabelWithCount", {
+			value: y(M, j),
+			max: D,
+			count: i
+		})),
+		children: /* @__PURE__ */ g(m, { children: [
+			/* @__PURE__ */ h("div", {
+				"data-part": "symbols",
+				"data-part-symbols": "",
+				children: N.map((e, t) => /* @__PURE__ */ h("span", {
+					"data-part": "item",
+					"data-part-item": "",
+					style: { "--slotted-rating-fill": String(e) },
+					children: /* @__PURE__ */ h(A, {
+						fill: e,
+						index: t,
+						renderSymbol: te
+					})
+				}, t))
+			}),
+			ne === !1 ? null : /* @__PURE__ */ h("span", {
+				"data-part": "value",
+				"data-part-value": "",
+				"aria-hidden": "true",
+				children: v(M, j)
+			}),
+			k === "histogram" && a !== void 0 ? /* @__PURE__ */ h("span", {
+				"data-part": "histogram",
+				"data-part-histogram": "",
+				"aria-hidden": "true",
+				children: a.map((e, t) => /* @__PURE__ */ h("span", {
+					"data-part": "bar",
+					"data-part-bar": "",
+					style: { "--slotted-rating-share": O(ae === 0 ? 0 : Math.max(0, e) / ae) }
+				}, t))
+			}) : null,
+			i === void 0 ? null : /* @__PURE__ */ h("span", {
+				"data-part": "count",
+				"data-part-count": "",
+				"aria-hidden": "true",
+				children: k === "histogram" ? P.format(i) : `(${P.format(i)})`
+			})
+		] }),
+		className: t,
+		"data-part": "root",
+		"data-size": f ?? C.size,
+		"data-tone": _ ?? C.tone,
+		"data-ui": "rating",
+		...k === "full" ? {} : { "data-variant": k },
+		role: d ?? "img",
+		style: p
+	});
+	return u === void 0 ? /* @__PURE__ */ h("div", {
+		...F,
+		ref: l
+	}) : u(F);
+}
+//#endregion
+//#region src/rating/rating.tsx
+function M(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function N(e) {
+	return getComputedStyle(e).direction === "rtl" || e.closest("[dir]")?.getAttribute("dir")?.toLowerCase() === "rtl";
+}
+function P({ "aria-describedby": e, "aria-invalid": t, "aria-label": s, "aria-labelledby": c, "aria-readonly": l, "aria-required": u, caption: _, className: v, clearable: b, defaultValue: w, disabled: T, form: D, handle: O, invalid: k, locale: j, max: P, messages: ae, name: F, onKeyDown: oe, onPointerDown: se, onPointerLeave: I, onPointerOver: ce, onPreviewChange: L, onValueChange: le, readOnly: ue, ref: R, render: z, renderSymbol: de, required: fe, role: pe, size: me, step: B, style: he, tone: ge, value: V, ..._e }) {
+	let H = i(), ve = a(), U = E(), ye = r(re, ae), be = n(), xe = d(), W = Math.max(1, Math.floor(P ?? U.max)), G = B ?? 1, K = {
+		max: W,
+		step: G
+	}, Se = me ?? H?.size ?? U.size, Ce = ge ?? U.tone, we = b ?? U.clearable, Te = j ?? be, q = T ?? H?.disabled ?? ve.disabled, J = ue ?? H?.readOnly ?? ve.readOnly, Ee = k ?? H?.invalid, De = fe ?? H?.required, Y = q === !0 || J === !0, [Oe, ke] = p(() => x(w, K)), X = x(V === void 0 ? Oe : V, K), [Ae, je] = p(null), [Me, Ne] = p(!1), Pe = f(null), Fe = f(null), Z = f(/* @__PURE__ */ new Map()), Q = f(void 0), Ie = f(!1), Le = H?.registerControl;
+	te(() => Le?.(), [Le]), ne(O, () => ({ focus: () => {
+		((X === null ? void 0 : Z.current.get(X)) ?? Z.current.get(G))?.focus();
+	} }), [X, G]);
+	let $ = (e, t, n) => {
+		if (Y) return !1;
+		let r = !1, i = ee({
+			controlled: V === void 0 ? void 0 : X,
+			initial: X,
+			onRequest: (e) => {
+				le?.(e.value, e), r = e.cancelled;
+			}
+		}).request(e, t, n);
+		return !r && (i && ke(e), !0);
+	}, Re = (e) => {
+		e !== Ae && (je(e), L?.(e));
+	}, ze = (e) => {
+		if (oe?.(e), e.defaultPrevented || q === !0) return;
+		let t = C(e.key, X, K, {
+			rtl: N(e.currentTarget),
+			clearable: we
+		});
+		t !== void 0 && (e.preventDefault(), J !== !0 && t !== X && $(t, t === null ? "clear" : "keyboard", e) && t !== null && Z.current.get(t)?.focus());
+	}, Be = (e, t) => {
+		if (Y || Ie.current) {
+			Ie.current = !1, e.preventDefault();
+			return;
+		}
+		if (t === X) {
+			we && e.detail > 0 && $(null, "clear", e);
+			return;
+		}
+		$(t, M(e), e) || e.preventDefault();
+	}, Ve = (e) => {
+		se?.(e), Ie.current = !1, !(e.defaultPrevented || Y || e.pointerType === "mouse") && (Q.current = {
+			pointerId: e.pointerId,
+			moved: !1
+		}, Ne(!0));
+	}, He = (e) => {
+		let t = Q.current, n = Fe.current;
+		if (t === void 0 || n === null || e.pointerId !== t.pointerId) return;
+		let r = Pe.current ?? n, i = ie({ x: e.clientX }, n.getBoundingClientRect(), K, N(r));
+		if (i !== X) {
+			if (!t.moved) {
+				t.moved = !0, Ie.current = !0;
+				try {
+					n.setPointerCapture(e.pointerId);
+				} catch {}
+			}
+			$(i, "pointer", e);
+		}
+	}, Ue = (e) => {
+		Q.current?.pointerId === e.pointerId && (Q.current = void 0, Ne(!1));
+	}, We = S(X, W), Ge = o({
+		..._e,
+		"aria-describedby": [e, H?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": t ?? (Ee === !0 || void 0),
+		"aria-label": s,
+		"aria-labelledby": c ?? (s === void 0 && H !== void 0 ? H.ids.label : void 0),
+		"aria-readonly": l ?? (J === !0 || void 0),
+		"aria-required": u ?? (De === !0 || void 0),
+		children: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+			"data-part": "symbols",
+			"data-part-symbols": "",
+			onPointerCancel: Ue,
+			onPointerMove: He,
+			onPointerUp: Ue,
+			ref: Fe,
+			children: We.map((e, t) => {
+				let n = t + 1, r = G === .5 ? [t + .5, n] : [n];
+				return /* @__PURE__ */ g("span", {
+					"data-part": "item",
+					"data-part-item": "",
+					...X !== null && X > t && X <= n ? { "data-checked": "" } : {},
+					children: [r.map((e) => /* @__PURE__ */ h("input", {
+						"aria-label": ye("itemLabel", {
+							value: y(e, Te),
+							max: W
+						}),
+						checked: e === X,
+						"data-part": "input",
+						"data-part-input": "",
+						disabled: q,
+						form: D,
+						name: F ?? `slotted-rating-${xe}`,
+						onChange: () => void 0,
+						onClick: (t) => Be(t, e),
+						ref: (t) => {
+							t === null ? Z.current.delete(e) : Z.current.set(e, t);
+						},
+						type: "radio",
+						value: e,
+						...e === n ? {} : { "data-half": "" }
+					}, e)), /* @__PURE__ */ h(A, {
+						fill: e,
+						index: t,
+						renderSymbol: de
+					})]
+				}, n);
+			})
+		}), _ === void 0 ? null : /* @__PURE__ */ h("span", {
+			"data-part": "value",
+			"data-part-value": "",
+			"aria-hidden": "true",
+			children: typeof _ == "function" ? _({
+				value: X,
+				preview: Ae
+			}) : _
+		})] }),
+		className: v,
+		...q === !0 ? { "data-disabled": "" } : {},
+		...Me ? { "data-dragging": "" } : {},
+		...Ee === !0 ? { "data-invalid": "" } : {},
+		"data-max": W,
+		"data-part": "root",
+		...J === !0 ? { "data-readonly": "" } : {},
+		"data-size": Se,
+		...G === .5 ? { "data-step": G } : {},
+		"data-tone": Ce,
+		"data-ui": "rating",
+		onKeyDown: ze,
+		onPointerDown: Ve,
+		onPointerLeave: (e) => {
+			I?.(e), Re(null);
+		},
+		onPointerOver: (e) => {
+			ce?.(e);
+			let t = e.target;
+			!Y && t instanceof HTMLInputElement && t.dataset.part === "input" && Re(Number(t.value));
+		},
+		role: pe ?? "radiogroup",
+		style: he
+	});
+	return z === void 0 ? /* @__PURE__ */ h("div", {
+		...Ge,
+		ref: (e) => {
+			if (Pe.current = e, typeof R == "function") return R(e);
+			R && (R.current = e);
+		}
+	}) : z(Ge);
+}
+//#endregion
+//#region src/rating/rating-summary.tsx
+var ae = {
+	divided: "warning",
+	few: "secondary",
+	consensus: "success",
+	mixed: "secondary"
+}, F = "";
+function oe(e, t) {
+	let [n = "", ...r] = e.split(F);
+	return /* @__PURE__ */ g(m, { children: [
+		n,
+		/* @__PURE__ */ h("strong", { children: t }),
+		r.join(t)
+	] });
+}
+var se = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
+function I({ className: e, counts: t, defaultSelectedLevels: i, filterable: a, insightThresholds: c, locale: u, max: te, messages: d, onSelectedLevelsChange: ne, ref: f, render: _, selectedLevels: y, showInsight: x, size: ie, style: S, tone: C, variant: T, ...D }) {
+	let A = E(), M = Math.max(1, Math.floor(te ?? A.max)), N = T ?? "bars", P = C ?? A.tone, I = r(re, d), ce = n(), L = u ?? ce, le = Array.from({ length: M }, (e, n) => t[n] ?? 0), ue = {
+		...A.insightThresholds,
+		...c
+	}, R = w(le, ue), z = R.total > 0, de = new Intl.NumberFormat(L), fe = new Intl.NumberFormat(L, {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	}), [pe, me] = p(i ?? []), B = y ?? pe, he = (e, t) => {
+		let n = B.includes(e) ? B.filter((t) => t !== e) : [...B, e].sort((e, t) => e - t), r = !1, i = ee({
+			controlled: y,
+			initial: B,
+			equals: se,
+			onRequest: (e) => {
+				ne?.(e.value, e), r = e.cancelled;
+			}
+		}).request(n, t.detail === 0 ? "keyboard" : "pointer", t);
+		!r && i && me(n);
+	}, ge = (e, t, n) => I("levelLabel", {
+		level: e,
+		count: t,
+		share: b(n, L)
+	}), V = (e, t, n, r) => {
+		let i = ge(t.level, t.count, t.share);
+		if (a !== !0) return /* @__PURE__ */ l("div", {
+			"aria-label": i,
+			"data-part": e,
+			...s("part", e),
+			key: t.level,
+			role: "group",
+			style: r
+		}, n);
+		let o = B.includes(t.level);
+		return /* @__PURE__ */ l("button", {
+			"aria-label": i,
+			"aria-pressed": o,
+			"data-part": e,
+			...s("part", e),
+			disabled: t.count === 0,
+			key: t.level,
+			onClick: (e) => he(t.level, e),
+			style: r,
+			type: "button",
+			...o ? { "data-pressed": "" } : {}
+		}, n);
+	}, _e = (e) => /* @__PURE__ */ g("span", {
+		"data-part": N === "spectrum" ? "tick-label" : "level-label",
+		...s("part", N === "spectrum" ? "tick-label" : "level-label"),
+		children: [/* @__PURE__ */ h("span", { children: de.format(e) }), /* @__PURE__ */ h(k, {})]
+	}), H = z ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+		"data-part": "value",
+		"data-part-value": "",
+		children: v(R.average ?? 0, L)
+	}), /* @__PURE__ */ h("span", {
+		"data-part": "scale",
+		"data-part-scale": "",
+		children: I("scale", { max: M })
+	})] }) : null, ve = /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+		"data-part": "aggregate",
+		"data-part-aggregate": "",
+		children: [
+			H,
+			/* @__PURE__ */ h(j, {
+				locale: L,
+				max: M,
+				messages: d,
+				showValue: !1,
+				size: "sm",
+				tone: P,
+				value: R.average ?? 0
+			}),
+			/* @__PURE__ */ h("span", {
+				"data-part": "count",
+				"data-part-count": "",
+				children: z ? I("summaryCount", { count: R.total }) : I("summaryEmpty")
+			})
+		]
+	}), /* @__PURE__ */ h("ul", {
+		"aria-label": I("distributionLabel"),
+		"data-part": "distribution",
+		"data-part-distribution": "",
+		children: R.levels.map((e) => /* @__PURE__ */ h("li", { children: V("level", e, /* @__PURE__ */ g(m, { children: [
+			_e(e.level),
+			/* @__PURE__ */ h("span", {
+				"aria-hidden": "true",
+				"data-part": "track",
+				"data-part-track": "",
+				children: /* @__PURE__ */ h("span", {
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					style: { "--slotted-rating-share": O(e.share) }
+				})
+			}),
+			/* @__PURE__ */ h("span", {
+				"data-part": "level-count",
+				"data-part-level-count": "",
+				children: de.format(e.count)
+			})
+		] })) }, e.level))
+	})] }), U = [...R.levels].reverse(), ye = Math.max(0, ...U.map((e) => e.count)), be = z ? (R.margin ?? 0) >= ue.margin ? I("spectrumUncertain", {
+		count: R.total,
+		low: v(R.interval?.[0] ?? 0, L),
+		high: v(R.interval?.[1] ?? 0, L)
+	}) : I("spectrumCount", {
+		count: R.total,
+		margin: fe.format(R.margin ?? 0)
+	}) : I("summaryEmpty"), xe = /* @__PURE__ */ g(m, { children: [
+		/* @__PURE__ */ g("div", {
+			"data-part": "aggregate",
+			"data-part-aggregate": "",
+			children: [
+				H,
+				x !== !1 && R.insight !== null ? /* @__PURE__ */ h("span", {
+					"data-part": "insight",
+					"data-part-insight": "",
+					"data-tone": ae[R.insight],
+					children: I(R.insight)
+				}) : null,
+				/* @__PURE__ */ h("span", {
+					"data-part": "count",
+					"data-part-count": "",
+					children: be
+				})
+			]
+		}),
+		/* @__PURE__ */ g("div", {
+			"data-part": "plot",
+			"data-part-plot": "",
+			children: [/* @__PURE__ */ g("div", {
+				"data-part": "field",
+				"data-part-field": "",
+				children: [/* @__PURE__ */ h("div", {
+					"data-part": "columns",
+					"data-part-columns": "",
+					children: U.map((e) => V("column", e, /* @__PURE__ */ h("span", {
+						"data-part": "bar",
+						"data-part-bar": ""
+					}), { "--slotted-rating-share": O(ye === 0 ? 0 : e.count / ye) }))
+				}), z ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+					"aria-hidden": "true",
+					"data-part": "interval",
+					"data-part-interval": ""
+				}), /* @__PURE__ */ h("span", {
+					"aria-hidden": "true",
+					"data-part": "mean",
+					"data-part-mean": "",
+					children: /* @__PURE__ */ h("span", {
+						"data-part": "mean-label",
+						"data-part-mean-label": "",
+						children: v(R.average ?? 0, L)
+					})
+				})] }) : null]
+			}), /* @__PURE__ */ h("div", {
+				"aria-hidden": "true",
+				"data-part": "axis",
+				"data-part-axis": "",
+				children: U.map((e) => /* @__PURE__ */ g("span", {
+					"data-part": "tick",
+					"data-part-tick": "",
+					children: [_e(e.level), /* @__PURE__ */ h("span", {
+						"data-part": "tick-share",
+						"data-part-tick-share": "",
+						children: b(e.share, L)
+					})]
+				}, e.level))
+			})]
+		}),
+		z ? /* @__PURE__ */ h("p", {
+			"data-part": "sentiment",
+			"data-part-sentiment": "",
+			children: [
+				["positive", "success"],
+				["neutral", "secondary"],
+				["negative", "danger"]
+			].map(([e, t]) => /* @__PURE__ */ g("span", {
+				"data-part": "bucket",
+				"data-part-bucket": "",
+				"data-tone": t,
+				children: [/* @__PURE__ */ h("span", {
+					"aria-hidden": "true",
+					"data-part": "swatch",
+					"data-part-swatch": ""
+				}), oe(I(e, { share: F }), b(R.buckets[e], L))]
+			}, e))
+		}) : null
+	] }), W = N === "spectrum" && R.mean !== null && R.interval !== null ? {
+		"--slotted-rating-mean": String(R.mean),
+		"--slotted-rating-low": String(R.interval[0]),
+		"--slotted-rating-high": String(R.interval[1])
+	} : void 0, G = o({
+		...D,
+		children: N === "spectrum" ? xe : ve,
+		className: e,
+		"data-part": "root",
+		"data-size": ie ?? A.size,
+		"data-tone": P,
+		"data-ui": "rating",
+		"data-variant": N === "spectrum" ? "spectrum" : "summary",
+		style: W === void 0 ? S : {
+			...W,
+			...S
+		}
+	});
+	return _ === void 0 ? /* @__PURE__ */ h("section", {
+		...G,
+		ref: f
+	}) : _(G);
+}
+//#endregion
+export { E as a, D as i, P as n, j as r, I as t };

package/dist/rating.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./rating-rI3b5zII.js";
+import { a as e, i as t, n, r, t as i } from "./rating-DQ8ekf4J.js";
 export { n as Rating, r as RatingDisplay, t as RatingProvider, i as RatingSummary, e as useRatingDefaults };