@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/radio-group-BFpjhDkV.js

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

package/dist/radio-group.js

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

package/dist/rating-D1EsADFM.js

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

package/dist/rating.js

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