@selectwin/kit 0.1.197 → 0.1.198

package/dist/SelectQuestionStage.js

@@ -0,0 +1,183 @@
+/* empty css           */
+import { createContext as e, forwardRef as t, useContext as n, useEffect as r, useId as i, useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectQuestionStage.tsx
+var l = (e) => e instanceof HTMLTextAreaElement, u = e(void 0), d = t(function({ stepKey: e, progress: t, number: n, title: d, required: f = !1, help: p, children: m, okLabel: h = "OK", onOk: g, okDisabled: _ = !1, okHint: v, onPrev: y, onNext: b, footer: x, height: S = "560px", className: C, style: w, onKeyDown: T, ...E }, D) {
+	let O = i(), k = a(null);
+	r(() => {
+		var e;
+		let t = (e = k.current) == null ? void 0 : e.querySelector("input, textarea, [role=\"radio\"], [role=\"checkbox\"], button");
+		t == null || t.focus({ preventScroll: !0 });
+	}, [e]);
+	let A = (e) => {
+		if (T == null || T(e), !(e.defaultPrevented || e.key !== "Enter" || e.nativeEvent.isComposing)) {
+			if (e.shiftKey) {
+				y && !l(e.target) && (e.preventDefault(), y());
+				return;
+			}
+			(!l(e.target) || e.ctrlKey || e.metaKey) && (e.target instanceof HTMLButtonElement || g && !_ && (e.preventDefault(), g()));
+		}
+	}, j = t && t.max > 0 ? Math.max(0, Math.min(100, t.value / t.max * 100)) : null;
+	return /* @__PURE__ */ c("section", {
+		ref: D,
+		...E,
+		"aria-labelledby": O,
+		className: `select-qstage${C ? " " + C : ""}`,
+		style: {
+			...w,
+			height: S
+		},
+		onKeyDown: A,
+		children: [
+			j == null ? null : /* @__PURE__ */ s("div", {
+				className: "select-qstage__progress",
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": t.max,
+				"aria-valuenow": t.value,
+				"aria-label": "Progresso",
+				children: /* @__PURE__ */ s("span", {
+					className: "select-qstage__progress-bar",
+					style: { width: `${j}%` }
+				})
+			}),
+			/* @__PURE__ */ s(u.Provider, {
+				value: O,
+				children: /* @__PURE__ */ c("div", {
+					ref: k,
+					className: "select-qstage__body",
+					children: [
+						/* @__PURE__ */ c("div", {
+							className: "select-qstage__question",
+							children: [n == null ? null : /* @__PURE__ */ c("span", {
+								className: "select-qstage__number",
+								"aria-hidden": "true",
+								children: [n, " →"]
+							}), /* @__PURE__ */ c("div", {
+								className: "select-qstage__heading",
+								children: [/* @__PURE__ */ c("h3", {
+									id: O,
+									className: "select-qstage__title",
+									children: [d, f ? /* @__PURE__ */ s("span", {
+										className: "select-qstage__required",
+										children: " *"
+									}) : null]
+								}), p ? /* @__PURE__ */ s("p", {
+									className: "select-qstage__help",
+									children: p
+								}) : null]
+							})]
+						}),
+						m ? /* @__PURE__ */ s("div", {
+							className: "select-qstage__answer",
+							children: m
+						}) : null,
+						g ? /* @__PURE__ */ c("div", {
+							className: "select-qstage__ok",
+							children: [/* @__PURE__ */ c("button", {
+								type: "button",
+								className: "select-qstage__okbtn",
+								disabled: _,
+								onClick: g,
+								children: [h, h === "OK" ? /* @__PURE__ */ s("span", {
+									"aria-hidden": "true",
+									children: " ✓"
+								}) : null]
+							}), v === null ? null : /* @__PURE__ */ s("span", {
+								className: "select-qstage__okhint",
+								children: v ?? /* @__PURE__ */ c(o, { children: ["pressione ", /* @__PURE__ */ s("strong", { children: "Enter ↵" })] })
+							})]
+						}) : null
+					]
+				}, e)
+			}),
+			x ? /* @__PURE__ */ s("span", {
+				className: "select-qstage__footer",
+				children: x
+			}) : null,
+			y || b ? /* @__PURE__ */ c("div", {
+				className: "select-qstage__nav",
+				children: [/* @__PURE__ */ s("button", {
+					type: "button",
+					className: "select-qstage__navbtn",
+					"aria-label": "Pergunta anterior",
+					disabled: !y,
+					onClick: y,
+					children: "↑"
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					className: "select-qstage__navbtn",
+					"aria-label": "Próxima pergunta",
+					disabled: !b,
+					onClick: b,
+					children: "↓"
+				})]
+			}) : null
+		]
+	});
+});
+function f({ value: e, onChange: t, type: r = "text", multiline: i = !1, placeholder: a = "Digite sua resposta aqui…", ariaLabel: o, className: c, inputMode: l }) {
+	let d = n(u), f = o ? { "aria-label": o } : { "aria-labelledby": d }, p = `select-qstage__input${i ? " select-qstage__input--multi" : ""}${c ? " " + c : ""}`;
+	return i ? /* @__PURE__ */ s("textarea", {
+		className: p,
+		value: e,
+		placeholder: a,
+		...f,
+		rows: 3,
+		onChange: (e) => t(e.target.value)
+	}) : /* @__PURE__ */ s("input", {
+		className: p,
+		type: r,
+		inputMode: l,
+		value: e,
+		placeholder: a,
+		...f,
+		onChange: (e) => t(e.target.value)
+	});
+}
+var p = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+function m({ options: e, value: t, multiple: r = !1, onChange: i, keys: a, ariaLabel: o }) {
+	let l = n(u), d = Array.isArray(t) ? t : t ? [t] : [], f = (e) => ((a == null ? void 0 : a[e]) ?? p[e] ?? "").toUpperCase(), m = (e) => {
+		i(r ? d.includes(e) ? d.filter((t) => t !== e) : [...d, e] : e);
+	}, h = (t) => {
+		if (t.ctrlKey || t.metaKey || t.altKey || t.key.length !== 1) return;
+		let n = e.findIndex((e, n) => f(n) === t.key.toUpperCase());
+		n >= 0 && (t.preventDefault(), m(e[n]));
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "select-qstage__choices",
+		role: r ? "group" : "radiogroup",
+		...o ? { "aria-label": o } : { "aria-labelledby": l },
+		onKeyDown: h,
+		children: e.map((e, t) => {
+			let n = d.includes(e);
+			return /* @__PURE__ */ c("button", {
+				type: "button",
+				role: r ? "checkbox" : "radio",
+				"aria-checked": n,
+				className: `select-qstage__choice${n ? " is-on" : ""}`,
+				onClick: () => m(e),
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "select-qstage__key",
+						"aria-hidden": "true",
+						children: f(t)
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "select-qstage__choicetext",
+						children: e
+					}),
+					n ? /* @__PURE__ */ s("span", {
+						className: "select-qstage__check",
+						"aria-hidden": "true",
+						children: "✓"
+					}) : null
+				]
+			}, e);
+		})
+	});
+}
+//#endregion
+export { m as SelectQuestionChoices, f as SelectQuestionInput, d as SelectQuestionStage };
+
+//# sourceMappingURL=SelectQuestionStage.js.map

package/dist/SelectRadar.js

@@ -0,0 +1,118 @@
+/* empty css           */
+import { chartColor as e, formatCompact as t, niceMax as n } from "./chartUtils.js";
+import { ChartTooltip as r, useChartTooltip as i } from "./chartTip.js";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectRadar.tsx
+var l = a(function({ axes: a, series: l, size: u = 240, max: d, format: f = t, levels: p = 4, legend: m = !0, className: h, ...g }, _) {
+	let v = i(), y = o(), b = a.length, x = u / 2, S = u / 2, C = u / 2 - 30, w = d ?? n(Math.max(1, ...l.flatMap((e) => e.values))), T = (e) => (-90 + e * 360 / b) * Math.PI / 180, E = (e, t) => [x + t * Math.cos(T(e)), S + t * Math.sin(T(e))], D = (e) => e.map((e, t) => `${t === 0 ? "M" : "L"}${E(t, e).map((e) => e.toFixed(2)).join(",")}`).join(" ") + " Z";
+	return /* @__PURE__ */ c("div", {
+		ref: _,
+		...g,
+		className: `select-donut-wrap${h ? " " + h : ""}`,
+		children: [/* @__PURE__ */ c("div", {
+			className: "select-radar",
+			style: {
+				width: u,
+				aspectRatio: "1"
+			},
+			children: [/* @__PURE__ */ c("svg", {
+				width: u,
+				height: u,
+				viewBox: `0 0 ${u} ${u}`,
+				className: "select-chart",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ s("defs", { children: l.map((t, n) => {
+						let r = t.color ?? e(n);
+						return /* @__PURE__ */ c("radialGradient", {
+							id: `${y}-rd${n}`,
+							children: [/* @__PURE__ */ s("stop", {
+								offset: "0%",
+								stopColor: r,
+								stopOpacity: .32
+							}), /* @__PURE__ */ s("stop", {
+								offset: "100%",
+								stopColor: r,
+								stopOpacity: .12
+							})]
+						}, n);
+					}) }),
+					Array.from({ length: p }, (e, t) => {
+						let n = C * (t + 1) / p;
+						return /* @__PURE__ */ s("path", {
+							d: D(a.map(() => n)),
+							className: "select-chart__grid",
+							fill: "none"
+						}, t);
+					}),
+					a.map((e, t) => {
+						let [n, r] = E(t, C), [i, a] = E(t, C + 14);
+						return /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("line", {
+							x1: x,
+							y1: S,
+							x2: n,
+							y2: r,
+							className: "select-chart__grid"
+						}), /* @__PURE__ */ s("text", {
+							x: i,
+							y: a,
+							className: "select-chart__xlabel",
+							textAnchor: Math.abs(i - x) < 4 ? "middle" : i > x ? "start" : "end",
+							dominantBaseline: "middle",
+							children: e
+						})] }, t);
+					}),
+					l.map((t, n) => {
+						let r = t.color ?? e(n), i = t.values.map((e) => Math.max(0, e) / w * C);
+						return /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("path", {
+							d: D(i),
+							fill: `url(#${y}-rd${n})`,
+							stroke: r,
+							strokeWidth: 2,
+							strokeLinejoin: "round",
+							className: "select-chart__area"
+						}), i.map((e, n) => {
+							let [i, o] = E(n, e);
+							return /* @__PURE__ */ s("circle", {
+								cx: i,
+								cy: o,
+								r: 3,
+								fill: r,
+								className: "select-chart__dot",
+								onMouseEnter: () => v.show({
+									x: i,
+									y: o,
+									place: o < 44 ? "bottom" : "top",
+									title: a[n],
+									rows: [{
+										label: t.name,
+										value: f(t.values[n] ?? 0),
+										color: r
+									}]
+								}),
+								onMouseLeave: v.hide
+							}, n);
+						})] }, n);
+					})
+				]
+			}), /* @__PURE__ */ s(r, { tip: v.tip })]
+		}), m && l.length > 1 && /* @__PURE__ */ s("ul", {
+			className: "select-donut__legend",
+			children: l.map((t, n) => /* @__PURE__ */ c("li", {
+				className: "select-donut__legitem",
+				children: [/* @__PURE__ */ s("span", {
+					className: "select-donut__dot",
+					style: { background: t.color ?? e(n) }
+				}), /* @__PURE__ */ s("span", {
+					className: "select-donut__leglabel",
+					children: t.name
+				})]
+			}, n))
+		})]
+	});
+});
+//#endregion
+export { l as SelectRadar };
+
+//# sourceMappingURL=SelectRadar.js.map

package/dist/SelectRadialBar.js

@@ -0,0 +1,103 @@
+/* empty css           */
+import { chartColor as e } from "./chartUtils.js";
+import { forwardRef as t, useId as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectRadialBar.tsx
+var a = (e) => Number.isFinite(e) ? Math.max(0, Math.min(100, e)) : 0, o = t(function({ series: t, size: o = 200, thickness: s = 14, gap: c = 8, format: l = (e) => `${Math.round(e)}%`, centerLabel: u, legend: d = !0, className: f, ...p }, m) {
+	let h = n(), g = o / 2, _ = o / 2;
+	return /* @__PURE__ */ i("div", {
+		ref: m,
+		...p,
+		className: `select-donut-wrap${f ? " " + f : ""}`,
+		children: [/* @__PURE__ */ i("div", {
+			className: "select-radial",
+			style: {
+				width: o,
+				aspectRatio: "1"
+			},
+			children: [/* @__PURE__ */ i("svg", {
+				width: o,
+				height: o,
+				viewBox: `0 0 ${o} ${o}`,
+				className: "select-chart",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ r("defs", { children: t.map((t, n) => {
+					let a = t.color ?? e(n);
+					return /* @__PURE__ */ i("linearGradient", {
+						id: `${h}-r${n}`,
+						gradientUnits: "userSpaceOnUse",
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: o,
+						children: [/* @__PURE__ */ r("stop", {
+							offset: "0%",
+							stopColor: a,
+							stopOpacity: 1
+						}), /* @__PURE__ */ r("stop", {
+							offset: "100%",
+							stopColor: a,
+							stopOpacity: .5
+						})]
+					}, n);
+				}) }), t.map((e, t) => {
+					let n = o / 2 - 2 - s / 2 - t * (s + c);
+					if (n <= s / 2) return null;
+					let l = a(e.value);
+					return /* @__PURE__ */ i("g", {
+						transform: `rotate(-90 ${g} ${_})`,
+						children: [/* @__PURE__ */ r("circle", {
+							cx: g,
+							cy: _,
+							r: n,
+							fill: "none",
+							strokeWidth: s,
+							className: "select-radial__track"
+						}), /* @__PURE__ */ r("circle", {
+							cx: g,
+							cy: _,
+							r: n,
+							fill: "none",
+							stroke: `url(#${h}-r${t})`,
+							strokeWidth: s,
+							strokeLinecap: "round",
+							pathLength: 100,
+							strokeDasharray: `${l} 100`,
+							strokeDashoffset: l,
+							className: "select-radial__arc"
+						})]
+					}, t);
+				})]
+			}), /* @__PURE__ */ r("div", {
+				className: "select-radial__center",
+				children: u ?? (t.length === 1 ? /* @__PURE__ */ r("strong", {
+					className: "select-radial__value",
+					children: l(a(t[0].value))
+				}) : null)
+			})]
+		}), d && /* @__PURE__ */ r("ul", {
+			className: "select-donut__legend",
+			children: t.map((t, n) => /* @__PURE__ */ i("li", {
+				className: "select-donut__legitem",
+				children: [
+					/* @__PURE__ */ r("span", {
+						className: "select-donut__dot",
+						style: { background: t.color ?? e(n) }
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "select-donut__leglabel",
+						children: t.label
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "select-donut__legval",
+						children: l(a(t.value))
+					})
+				]
+			}, n))
+		})]
+	});
+});
+//#endregion
+export { o as SelectRadialBar };
+
+//# sourceMappingURL=SelectRadialBar.js.map

package/dist/SelectRadioGroup.js

@@ -0,0 +1,54 @@
+import { forwardRef as e, useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectRadioGroup.tsx
+var i = e(function({ value: e, onChange: i, options: a, name: o, className: s, ...c }, l) {
+	let u = t(), d = o ?? u;
+	return /* @__PURE__ */ n("div", {
+		ref: l,
+		...c,
+		className: `select-radiogroup${s ? " " + s : ""}`,
+		role: "radiogroup",
+		children: a.map((t) => {
+			let a = t.value === e;
+			return /* @__PURE__ */ r("label", {
+				className: `select-radio${a ? " select-radio--selected" : ""}${t.disabled ? " select-radio--disabled" : ""}`,
+				children: [
+					/* @__PURE__ */ n("input", {
+						type: "radio",
+						name: d,
+						value: t.value,
+						checked: a,
+						disabled: t.disabled,
+						onChange: () => i(t.value)
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "select-radio__dot",
+						"aria-hidden": "true"
+					}),
+					t.leading && /* @__PURE__ */ n("span", {
+						className: "select-radio__leading",
+						children: t.leading
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "select-radio__text",
+						children: [/* @__PURE__ */ n("span", {
+							className: "select-radio__label",
+							children: t.label
+						}), t.description && /* @__PURE__ */ n("span", {
+							className: "select-radio__desc",
+							children: t.description
+						})]
+					}),
+					t.trailing && /* @__PURE__ */ n("span", {
+						className: "select-radio__trailing",
+						children: t.trailing
+					})
+				]
+			}, t.value);
+		})
+	});
+});
+//#endregion
+export { i as SelectRadioGroup };
+
+//# sourceMappingURL=SelectRadioGroup.js.map

package/dist/SelectRangeBar.js

@@ -0,0 +1,89 @@
+/* empty css           */
+import { chartColor as e, formatCompact as t, useChartSize as n } from "./chartUtils.js";
+import { ChartTooltip as r, useChartTooltip as i } from "./chartTip.js";
+import { useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/SelectRangeBar.tsx
+function c({ data: c, height: l, min: u, max: d, format: f = t, labelWidth: p = 96, className: m, ...h }) {
+	let g = l ?? c.length * 36 + 6 + 26, { ref: _, width: v } = n(g), y = i(), b = a(), x = u ?? Math.min(0, ...c.map((e) => e.start)), S = (d ?? Math.max(1, ...c.map((e) => e.end))) - x || 1, C = p, w = Math.max(0, v - C - 14), T = g - 6 - 26, E = c.length ? T / c.length : 0, D = Math.min(E * .6, 22), O = (e) => C + (e - x) / S * w, k = Array.from({ length: 5 }, (e, t) => x + S * t / 4);
+	return /* @__PURE__ */ s("div", {
+		...h,
+		className: `select-chart-wrap${m ? " " + m : ""}`,
+		ref: _,
+		children: [v > 0 && /* @__PURE__ */ s("svg", {
+			width: v,
+			height: g,
+			className: "select-chart",
+			children: [
+				/* @__PURE__ */ o("defs", { children: c.map((t, n) => {
+					let r = t.color ?? e(n);
+					return /* @__PURE__ */ s("linearGradient", {
+						id: `${b}-rg${n}`,
+						x1: "0",
+						y1: "0",
+						x2: "1",
+						y2: "0",
+						children: [/* @__PURE__ */ o("stop", {
+							offset: "0%",
+							stopColor: r,
+							stopOpacity: 1
+						}), /* @__PURE__ */ o("stop", {
+							offset: "100%",
+							stopColor: r,
+							stopOpacity: .55
+						})]
+					}, n);
+				}) }),
+				k.map((e, t) => /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("line", {
+					x1: O(e),
+					x2: O(e),
+					y1: 6,
+					y2: 6 + T,
+					className: t === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ o("text", {
+					x: O(e),
+					y: g - 26 + 16,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: f(e)
+				})] }, t)),
+				c.map((t, n) => {
+					let r = 6 + E * n + E / 2, i = O(t.start), a = Math.max(2, O(t.end) - O(t.start)), c = t.color ?? e(n);
+					return /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("rect", {
+						x: i,
+						y: r - D / 2,
+						width: a,
+						height: D,
+						rx: 5,
+						fill: `url(#${b}-rg${n})`,
+						className: "select-chart__hbar",
+						style: { animationDelay: `${n * 40}ms` },
+						onMouseEnter: () => y.show({
+							x: i + a / 2,
+							y: r - D / 2,
+							place: r - D / 2 < 50 ? "bottom" : "top",
+							title: t.label,
+							rows: [{
+								label: "Intervalo",
+								value: `${f(t.start)} – ${f(t.end)}`,
+								color: c
+							}]
+						}),
+						onMouseLeave: y.hide
+					}), /* @__PURE__ */ o("text", {
+						x: C - 8,
+						y: r,
+						className: "select-chart__ylabel",
+						dominantBaseline: "middle",
+						textAnchor: "end",
+						children: t.label
+					})] }, n);
+				})
+			]
+		}), /* @__PURE__ */ o(r, { tip: y.tip })]
+	});
+}
+//#endregion
+export { c as SelectRangeBar };
+
+//# sourceMappingURL=SelectRangeBar.js.map

package/dist/SelectRating.js

@@ -0,0 +1,58 @@
+/* empty css           */
+import { forwardRef as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectRating.tsx
+function i({ size: e }) {
+	return /* @__PURE__ */ n("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			fill: "currentColor",
+			d: "M12 .587l3.668 7.431 8.2 1.193-5.934 5.787 1.401 8.169L12 18.896l-7.335 3.871 1.401-8.169L.132 9.211l8.2-1.193z"
+		})
+	});
+}
+var a = e(function({ value: e, max: a = 5, onChange: o, size: s = 20, label: c, disabled: l = !1, className: u, ...d }, f) {
+	let p = !!o && !l, [m, h] = t(null), g = m ?? e;
+	return /* @__PURE__ */ n("div", {
+		ref: f,
+		...d,
+		className: `select-rating${p ? " select-rating--interactive" : ""}${u ? " " + u : ""}`,
+		role: p ? "slider" : "img",
+		"aria-label": c ?? `Avaliação ${e} de ${a}`,
+		"aria-valuenow": p ? e : void 0,
+		"aria-valuemin": p ? 0 : void 0,
+		"aria-valuemax": p ? a : void 0,
+		onMouseLeave: () => p && h(null),
+		children: Array.from({ length: a }, (e, t) => {
+			let a = p ? +(t < g) : Math.max(0, Math.min(1, g - t)), c = a >= .95 ? 1 : a <= .05 ? 0 : a, l = c > 0 && c < 1 ? /* @__PURE__ */ r("span", {
+				className: "select-rating__star select-rating__star--part",
+				style: { "--select-rating-fill": `${Math.round(c * 100)}%` },
+				children: [/* @__PURE__ */ n(i, { size: s }), /* @__PURE__ */ n("span", {
+					className: "select-rating__fill",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ n(i, { size: s })
+				})]
+			}) : /* @__PURE__ */ n("span", {
+				className: `select-rating__star${c === 1 ? " is-filled" : ""}`,
+				children: /* @__PURE__ */ n(i, { size: s })
+			});
+			return p ? /* @__PURE__ */ n("button", {
+				type: "button",
+				className: "select-rating__btn",
+				"aria-label": `${t + 1} ${t + 1 === 1 ? "estrela" : "estrelas"}`,
+				onMouseEnter: () => h(t + 1),
+				onFocus: () => h(t + 1),
+				onBlur: () => h(null),
+				onClick: () => o == null ? void 0 : o(t + 1),
+				children: l
+			}, t) : /* @__PURE__ */ n("span", { children: l }, t);
+		})
+	});
+});
+//#endregion
+export { a as SelectRating };
+
+//# sourceMappingURL=SelectRating.js.map

package/dist/SelectRatingQuote.js

@@ -0,0 +1,31 @@
+import { SelectRating as e } from "./SelectRating.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectRatingQuote.tsx
+var i = t(function({ stars: t, max: i = 5, title: a, text: o, className: s, ...c }, l) {
+	let u = Number(t), d = Number.isFinite(u) && u > 0;
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		...c,
+		className: `select-quote${s ? " " + s : ""}`,
+		children: [
+			d && /* @__PURE__ */ n(e, {
+				value: u,
+				max: i,
+				size: 13
+			}),
+			a != null && /* @__PURE__ */ n("span", {
+				className: "select-quote__title",
+				children: a
+			}),
+			o != null && /* @__PURE__ */ n("p", {
+				className: "select-quote__text",
+				children: o
+			})
+		]
+	});
+});
+//#endregion
+export { i as SelectRatingQuote };
+
+//# sourceMappingURL=SelectRatingQuote.js.map