@selectwin/kit 0.1.197 → 0.1.199

package/dist/SelectLauncher.js

@@ -0,0 +1,58 @@
+import { Children as e, forwardRef as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectLauncher.tsx
+var a = t(function({ title: t, empty: n, children: a, className: o, ...s }, c) {
+	let l = e.toArray(a);
+	return l.length === 0 && n == null ? null : /* @__PURE__ */ i("section", {
+		ref: c,
+		...s,
+		className: `select-launcher${o ? " " + o : ""}`,
+		children: [/* @__PURE__ */ r("h3", {
+			className: "select-launcher__title",
+			children: t
+		}), l.length > 0 ? /* @__PURE__ */ r("div", {
+			className: "select-launcher__grid",
+			children: a
+		}) : /* @__PURE__ */ r("p", {
+			className: "select-launcher__empty",
+			children: n
+		})]
+	});
+}), o = t(function({ media: e, title: t, description: a, onOpen: o, openLabel: s, action: c, className: l, ...u }, d) {
+	let f = /* @__PURE__ */ i(n, { children: [e && /* @__PURE__ */ r("span", {
+		className: "select-launcher__media",
+		"aria-hidden": "true",
+		children: e
+	}), /* @__PURE__ */ i("span", {
+		className: "select-launcher__text",
+		children: [/* @__PURE__ */ r("span", {
+			className: "select-launcher__name",
+			children: t
+		}), a && /* @__PURE__ */ r("span", {
+			className: "select-launcher__desc",
+			children: a
+		})]
+	})] });
+	return /* @__PURE__ */ i("div", {
+		ref: d,
+		...u,
+		className: `select-launcher__item${l ? " " + l : ""}`,
+		children: [o ? /* @__PURE__ */ r("button", {
+			type: "button",
+			className: "select-launcher__main",
+			onClick: o,
+			"aria-label": s,
+			children: f
+		}) : /* @__PURE__ */ r("span", {
+			className: "select-launcher__main",
+			children: f
+		}), c && /* @__PURE__ */ r("span", {
+			className: "select-launcher__action",
+			children: c
+		})]
+	});
+});
+//#endregion
+export { o as SelectLauncherItem, a as SelectLauncherSection };
+
+//# sourceMappingURL=SelectLauncher.js.map

package/dist/SelectLayout.js

@@ -0,0 +1,100 @@
+/* empty css           */
+import { SELECT_SPACE as e } from "./spacing.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/SelectLayout.tsx
+var n = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	"space-between": "space-between",
+	"space-around": "space-around",
+	"space-evenly": "space-evenly",
+	baseline: "baseline",
+	stretch: "stretch"
+};
+function r(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function i({ children: i, gap: a, align: o, inlineAlign: s, as: c = "div", className: l, fill: u = !1, growLast: d = !1, ...f }) {
+	let p = c, m = {
+		rowGap: a ? e[a] : void 0,
+		justifyContent: o ? n[o] : void 0,
+		alignItems: s ? n[s] : void 0,
+		...u ? {
+			height: "100%",
+			flex: "1 1 auto"
+		} : null
+	};
+	return /* @__PURE__ */ t(p, {
+		...f,
+		className: r("select-stack", d && "select-stack--grow-last", l),
+		style: m,
+		children: i
+	});
+}
+function a({ children: i, gap: a, align: o, blockAlign: s = "center", wrap: c = !0, as: l = "div", className: u, ...d }) {
+	let f = l, p = {
+		columnGap: a ? e[a] : void 0,
+		rowGap: a ? e[a] : void 0,
+		justifyContent: o ? n[o] : void 0,
+		alignItems: n[s],
+		flexWrap: c ? "wrap" : "nowrap"
+	};
+	return /* @__PURE__ */ t(f, {
+		...d,
+		className: r("select-inline", u),
+		style: p,
+		children: i
+	});
+}
+function o({ children: i, columns: a = 2, gap: o = "400", alignItems: s, collapseBelow: c, as: l = "div", className: u, ...d }) {
+	let f = l, p = {
+		"--select-grid-columns": typeof a == "number" ? `repeat(${a}, minmax(0, 1fr))` : a,
+		gap: e[o],
+		alignItems: s ? n[s] : void 0
+	};
+	return /* @__PURE__ */ t(f, {
+		...d,
+		className: r("select-grid", c && `select-grid--collapse-${c}`, u),
+		style: p,
+		children: i
+	});
+}
+var s = {
+	surface: "var(--select-surface)",
+	"surface-secondary": "var(--select-card-muted)",
+	"surface-sunken": "var(--select-surface-sunken)",
+	card: "var(--select-card-bg)",
+	transparent: "transparent"
+}, c = {
+	sm: "var(--select-radius-sm)",
+	base: "var(--select-radius)",
+	lg: "var(--select-radius-lg)",
+	card: "var(--select-radius-card)",
+	full: "999px"
+};
+function l({ children: n, padding: i, paddingInline: a, paddingBlock: o, background: l, borderRadius: u, border: d = !1, shadow: f = !1, width: p, minHeight: m, as: h = "div", className: g, style: _, ...v }) {
+	let y = h, b = {
+		padding: i ? e[i] : void 0,
+		paddingInline: a ? e[a] : void 0,
+		paddingBlock: o ? e[o] : void 0,
+		background: l ? s[l] : void 0,
+		borderRadius: u ? c[u] : void 0,
+		border: d ? "1px solid var(--select-border)" : void 0,
+		boxShadow: f ? "var(--select-shadow-card)" : void 0,
+		width: p,
+		minHeight: m,
+		..._
+	};
+	return /* @__PURE__ */ t(y, {
+		...v,
+		"data-bg": l,
+		className: r("select-box", g),
+		style: b,
+		children: n
+	});
+}
+//#endregion
+export { l as SelectBox, o as SelectGrid, a as SelectInline, i as SelectStack };
+
+//# sourceMappingURL=SelectLayout.js.map

package/dist/SelectLineChart.js

@@ -0,0 +1,161 @@
+/* empty css           */
+import { CHART_PAD as e, chartColor as t, formatCompact as n, niceTicks as r, smoothAreaPath as i, smoothLinePath as a, useChartSize as o, yAxisPad as s } from "./chartUtils.js";
+import { ChartTooltip as c, useChartTooltip as l } from "./chartTip.js";
+import { Fragment as u, useId as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/SelectLineChart.tsx
+var h = (e) => e != null && Number.isFinite(e), g = 64;
+function _(e, t) {
+	let n = [], r = [];
+	for (let i = 0; i < t; i++) h(e[i]) ? r.push(i) : r.length && (n.push(r), r = []);
+	return r.length && n.push(r), n;
+}
+function v({ series: v, labels: y, height: b = 240, format: x = n, area: S = !1, fill: C = !1, className: w, style: T, ...E }) {
+	let { ref: D, width: O, boxHeight: k } = o(b), A = C ? Math.max(b, Math.floor(k)) : b, j = l(), M = d(), [N, P] = f(null), { max: F, values: I } = r(Math.max(0, ...v.flatMap((e) => e.data.filter((e) => Number.isFinite(e))))), L = {
+		...e,
+		left: s(I.map(x), D.current)
+	}, R = Math.max(0, O - L.left - L.right), z = A - L.top - L.bottom, B = y.length, V = (e) => L.left + (B <= 1 ? R / 2 : e / (B - 1) * R), H = (e) => L.top + z - e / F * z, U = B > 1 ? R / (B - 1) : R, W = Math.max(1, Math.ceil(B / 7), Math.ceil(g / Math.max(U, 1))), G = (e) => e === B - 1 || e % W === 0 && (B - 1 - e) * U >= g, K = L.top + z;
+	return /* @__PURE__ */ m("div", {
+		...E,
+		className: `select-chart-wrap${C ? " select-chart-wrap--fill" : ""}${w ? " " + w : ""}`,
+		style: C ? {
+			minHeight: b,
+			...T
+		} : T,
+		ref: D,
+		children: [O > 0 && /* @__PURE__ */ m("svg", {
+			width: O,
+			height: A,
+			className: "select-chart",
+			children: [
+				/* @__PURE__ */ p("defs", { children: v.map((e, n) => {
+					let r = e.color ?? t(n);
+					return /* @__PURE__ */ m("linearGradient", {
+						id: `${M}-a${n}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ p("stop", {
+							offset: "0%",
+							stopColor: r,
+							stopOpacity: .32
+						}), /* @__PURE__ */ p("stop", {
+							offset: "100%",
+							stopColor: r,
+							stopOpacity: 0
+						})]
+					}, n);
+				}) }),
+				I.map((e, t) => /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("line", {
+					x1: L.left,
+					x2: O - L.right,
+					y1: H(e),
+					y2: H(e),
+					className: e === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ p("text", {
+					x: L.left - 8,
+					y: H(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: x(e)
+				})] }, t)),
+				N != null && /* @__PURE__ */ p("line", {
+					x1: V(N),
+					x2: V(N),
+					y1: L.top,
+					y2: K,
+					className: "select-chart__crosshair"
+				}),
+				v.map((e, t) => ({
+					s: e,
+					si: t
+				})).sort((e, t) => Number(!!t.s.dashed) - Number(!!e.s.dashed)).map(({ s: e, si: n }) => {
+					let r = e.color ?? t(n);
+					return /* @__PURE__ */ p("g", { children: _(e.data, B).map((t, o) => {
+						let s = t.map((t) => [V(t), H(e.data[t])]);
+						return s.length === 1 ? /* @__PURE__ */ p("circle", {
+							cx: s[0][0],
+							cy: s[0][1],
+							r: 3,
+							fill: r,
+							className: "select-chart__dot select-chart__dot--lone"
+						}, o) : /* @__PURE__ */ m(u, { children: [S && !e.dashed && /* @__PURE__ */ p("path", {
+							d: i(s, K),
+							fill: `url(#${M}-a${n})`,
+							className: "select-chart__area"
+						}), /* @__PURE__ */ p("path", {
+							d: a(s),
+							fill: "none",
+							stroke: r,
+							strokeWidth: e.dashed ? 1.75 : 2.25,
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeOpacity: e.dashed ? .55 : void 0,
+							strokeDasharray: e.dashed ? "5 4" : void 0,
+							pathLength: e.dashed ? void 0 : 1,
+							className: e.dashed ? "select-chart__line select-chart__line--dashed" : "select-chart__line"
+						})] }, o);
+					}) }, n);
+				}),
+				N != null && v.map((e, n) => h(e.data[N]) ? /* @__PURE__ */ p("circle", {
+					cx: V(N),
+					cy: H(e.data[N] ?? 0),
+					r: 3.5,
+					fill: e.dashed ? "var(--select-surface)" : e.color ?? t(n),
+					stroke: e.dashed ? e.color ?? t(n) : void 0,
+					strokeWidth: e.dashed ? 2 : void 0,
+					className: "select-chart__dot select-chart__dot--active"
+				}, n) : null),
+				y.map((e, t) => G(t) ? /* @__PURE__ */ p("text", {
+					x: V(t),
+					y: A - L.bottom + 16,
+					className: "select-chart__xlabel",
+					textAnchor: t === 0 ? "start" : t === B - 1 ? "end" : "middle",
+					children: e
+				}, t) : null),
+				y.map((e, n) => /* @__PURE__ */ p("rect", {
+					x: V(n) - U / 2,
+					y: L.top,
+					width: U,
+					height: z,
+					fill: "transparent",
+					onMouseEnter: () => {
+						P(n);
+						let r = v.map((e, t) => ({
+							s: e,
+							si: t
+						})).filter(({ s: e }) => h(e.data[n]));
+						if (!r.length) {
+							j.hide();
+							return;
+						}
+						let i = Math.min(...r.map(({ s: e }) => H(e.data[n])));
+						j.show({
+							x: V(n),
+							y: i,
+							place: i < L.top + 52 ? "bottom" : "top",
+							title: e,
+							rows: r.map(({ s: e, si: r }) => {
+								var i;
+								return {
+									label: e.name,
+									value: ((i = e.valueLabels) == null ? void 0 : i[n]) ?? x(e.data[n]),
+									color: e.color ?? t(r)
+								};
+							})
+						});
+					},
+					onMouseLeave: () => {
+						P(null), j.hide();
+					}
+				}, `h${n}`))
+			]
+		}), /* @__PURE__ */ p(c, { tip: j.tip })]
+	});
+}
+//#endregion
+export { v as SelectLineChart };
+
+//# sourceMappingURL=SelectLineChart.js.map

package/dist/SelectLinkButton.js

@@ -0,0 +1,18 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/SelectLinkButton.tsx
+var n = e(function({ children: e, onClick: n, disabled: r = !1, tone: i = "default", className: a, ...o }, s) {
+	return /* @__PURE__ */ t("button", {
+		ref: s,
+		...o,
+		type: "button",
+		className: `select-linkbtn${i === "critical" ? " select-linkbtn--critical" : ""}${a ? " " + a : ""}`,
+		onClick: n,
+		disabled: r,
+		children: e
+	});
+});
+//#endregion
+export { n as SelectLinkButton };
+
+//# sourceMappingURL=SelectLinkButton.js.map

package/dist/SelectListCard.js

@@ -0,0 +1,89 @@
+import { SelectInfoTip as e } from "./SelectInfoTip.js";
+import { safeHref as t } from "./internal/safeHref.js";
+import { forwardRef as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectListCard.tsx
+var o = n(function({ title: t, help: n, description: r, headerAction: o, footer: s, dense: c = !1, spread: l = !1, flush: u = !1, children: d, className: f, ...p }, m) {
+	return /* @__PURE__ */ a("div", {
+		ref: m,
+		...p,
+		className: `select-listcard${c ? " select-listcard--dense" : ""}${l ? " select-listcard--spread" : ""}${u ? " select-listcard--flush" : ""}${f ? " " + f : ""}`,
+		children: [
+			(t || o) && /* @__PURE__ */ a("div", {
+				className: "select-listcard__head",
+				children: [/* @__PURE__ */ a("div", {
+					className: "select-listcard__heading",
+					children: [t && /* @__PURE__ */ a("h3", {
+						className: `select-listcard__title${n == null ? "" : " select-listcard__title--help"}`,
+						children: [t, n != null && /* @__PURE__ */ i(e, { content: n })]
+					}), r && /* @__PURE__ */ i("p", {
+						className: "select-listcard__desc",
+						children: r
+					})]
+				}), o && /* @__PURE__ */ i("div", {
+					className: "select-listcard__headeraction",
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "select-listcard__body",
+				children: /* @__PURE__ */ i("div", {
+					className: "select-listcard__rows",
+					children: d
+				})
+			}),
+			s && /* @__PURE__ */ i("div", {
+				className: "select-listcard__footer",
+				children: s
+			})
+		]
+	});
+});
+function s({ media: e, mediaSize: n = "icon", title: o, secondary: s, action: c, muted: l = !1, wrap: u = !1, onClick: d, href: f }) {
+	let p = /* @__PURE__ */ a(r, { children: [
+		e && /* @__PURE__ */ i("span", {
+			className: `select-listrow__media${n === "auto" ? " select-listrow__media--auto" : ""}`,
+			"aria-hidden": "true",
+			children: e
+		}),
+		/* @__PURE__ */ a("span", {
+			className: "select-listrow__text",
+			children: [/* @__PURE__ */ i("span", {
+				className: "select-listrow__title",
+				children: o
+			}), s && /* @__PURE__ */ i("span", {
+				className: "select-listrow__secondary",
+				children: s
+			})]
+		}),
+		c && /* @__PURE__ */ i("span", {
+			className: "select-listrow__action",
+			children: c
+		})
+	] }), m = `select-listrow${l ? " select-listrow--muted" : ""}${u ? " select-listrow--wrap" : ""}`, h = t(f);
+	return h ? /* @__PURE__ */ i("a", {
+		className: `${m} select-listrow--clickable`,
+		href: h,
+		target: "_blank",
+		rel: "noreferrer",
+		children: p
+	}) : d ? /* @__PURE__ */ i("button", {
+		type: "button",
+		className: `${m} select-listrow--clickable`,
+		onClick: d,
+		children: p
+	}) : /* @__PURE__ */ i("div", {
+		className: m,
+		children: p
+	});
+}
+function c({ children: e }) {
+	return /* @__PURE__ */ i("div", {
+		className: "select-listlabel",
+		children: e
+	});
+}
+//#endregion
+export { o as SelectListCard, c as SelectListLabel, s as SelectListRow };
+
+//# sourceMappingURL=SelectListCard.js.map

package/dist/SelectLoader.js

@@ -0,0 +1,27 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SelectLoader.tsx
+var r = e(function({ label: e, mark: r, className: i, ...a }, o) {
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		...a,
+		className: `select-loader${i ? " " + i : ""}`,
+		role: "status",
+		"aria-live": "polite",
+		children: [r == null ? /* @__PURE__ */ t("span", {
+			className: "select-loader__spinner",
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ t("span", {
+			className: "select-loader__mark",
+			"aria-hidden": "true",
+			children: r
+		}), e && /* @__PURE__ */ t("span", {
+			className: "select-loader__label",
+			children: e
+		})]
+	});
+});
+//#endregion
+export { r as SelectLoader };
+
+//# sourceMappingURL=SelectLoader.js.map

package/dist/SelectLocale.d.ts

@@ -21,6 +21,8 @@ export interface SelectKitMessages {
         remove: (what: string) => string;
         showPassword: string;
         hidePassword: string;
+        /** 0.1.198: a marca do campo opcional, depois do rótulo ("(opcional)"). */
+        optional: string;
         notifications: string;
         needsAttention: string;
     };

package/dist/SelectLocale.js

@@ -0,0 +1,191 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	"pt-BR": {
+		common: {
+			close: "Fechar",
+			cancel: "Cancelar",
+			confirm: "Confirmar",
+			save: "Salvar",
+			copy: "Copiar",
+			copied: "Copiado",
+			open: "Abrir",
+			back: "Voltar",
+			actions: "Ações",
+			moreInfo: "Mais informações",
+			search: "Buscar",
+			searchPlaceholder: "Buscar…",
+			selectPlaceholder: "Selecionar…",
+			loading: "Carregando…",
+			nothingFound: "Nada encontrado",
+			noResults: "Nenhum resultado",
+			remove: (e) => `Remover ${e}`,
+			showPassword: "Mostrar senha",
+			hidePassword: "Ocultar senha",
+			optional: "(opcional)",
+			notifications: "Notificações",
+			needsAttention: "precisa de atenção"
+		},
+		pagination: {
+			label: "Paginação",
+			previous: "Página anterior",
+			next: "Próxima página",
+			page: (e) => `Página ${e}`,
+			pageOf: (e, t) => `Página ${e} de ${t}`,
+			range: (e, t, n, r) => `${e}–${t} de ${n} ${r}`,
+			count: (e, t) => `${e} ${t}`,
+			noun: "resultados",
+			perPage: (e) => `${e} por página`
+		},
+		filterBar: {
+			moreFilters: "Mais filtros",
+			clear: "Limpar",
+			clearAll: "Limpar tudo",
+			clearSearch: "Limpar busca",
+			searchOption: "Buscar opção…",
+			removeFilter: (e) => `Remover filtro ${e}`
+		},
+		dataTable: {
+			columns: "Colunas",
+			resetWidths: "Restaurar larguras"
+		},
+		dns: {
+			label: "Registros DNS",
+			type: "Tipo",
+			name: "Nome",
+			value: "Valor"
+		},
+		copyable: {
+			copyCode: "Copiar código",
+			copyId: "Copiar id"
+		},
+		assistant: {
+			send: "Enviar",
+			input: "Sua pergunta",
+			typing: "Escrevendo…"
+		},
+		chipInput: { limit: (e) => `Limite de ${e} atingido.` },
+		factStrip: {
+			done: "feito",
+			todo: "falta fazer",
+			wait: "esperando",
+			critical: "precisa de atenção"
+		},
+		setupGuide: {
+			done: "feito",
+			todo: "a fazer",
+			next: "próximo passo",
+			skipped: "pulado",
+			waiting: "aguardando",
+			progressLabel: "Progresso",
+			progress: (e, t) => `${e} de ${t}`
+		},
+		sideNav: { pending: (e) => `${e} (com pendências)` }
+	},
+	en: {
+		common: {
+			close: "Close",
+			cancel: "Cancel",
+			confirm: "Confirm",
+			save: "Save",
+			copy: "Copy",
+			copied: "Copied",
+			open: "Open",
+			back: "Back",
+			actions: "Actions",
+			moreInfo: "More information",
+			search: "Search",
+			searchPlaceholder: "Search…",
+			selectPlaceholder: "Select…",
+			loading: "Loading…",
+			nothingFound: "Nothing found",
+			noResults: "No results",
+			remove: (e) => `Remove ${e}`,
+			showPassword: "Show password",
+			hidePassword: "Hide password",
+			optional: "(optional)",
+			notifications: "Notifications",
+			needsAttention: "needs attention"
+		},
+		pagination: {
+			label: "Pagination",
+			previous: "Previous page",
+			next: "Next page",
+			page: (e) => `Page ${e}`,
+			pageOf: (e, t) => `Page ${e} of ${t}`,
+			range: (e, t, n, r) => `${e}–${t} of ${n} ${r}`,
+			count: (e, t) => `${e} ${t}`,
+			noun: "results",
+			perPage: (e) => `${e} per page`
+		},
+		filterBar: {
+			moreFilters: "More filters",
+			clear: "Clear",
+			clearAll: "Clear all",
+			clearSearch: "Clear search",
+			searchOption: "Search options…",
+			removeFilter: (e) => `Remove ${e} filter`
+		},
+		dataTable: {
+			columns: "Columns",
+			resetWidths: "Reset widths"
+		},
+		dns: {
+			label: "DNS records",
+			type: "Type",
+			name: "Name",
+			value: "Value"
+		},
+		copyable: {
+			copyCode: "Copy code",
+			copyId: "Copy ID"
+		},
+		assistant: {
+			send: "Send",
+			input: "Your question",
+			typing: "Typing…"
+		},
+		chipInput: { limit: (e) => `Limit of ${e} reached.` },
+		factStrip: {
+			done: "done",
+			todo: "to do",
+			wait: "waiting",
+			critical: "needs attention"
+		},
+		setupGuide: {
+			done: "done",
+			todo: "to do",
+			next: "next step",
+			skipped: "skipped",
+			waiting: "waiting",
+			progressLabel: "Progress",
+			progress: (e, t) => `${e} of ${t}`
+		},
+		sideNav: { pending: (e) => `${e} (pending)` }
+	}
+}, i = e(null);
+function a({ locale: e, children: t }) {
+	return /* @__PURE__ */ n(i.Provider, {
+		value: e,
+		children: t
+	});
+}
+function o() {
+	return t(i) ?? "pt-BR";
+}
+function s() {
+	return t(i);
+}
+function c() {
+	return r[o()];
+}
+function l(e) {
+	return e === "en" ? "en-US" : "pt-BR";
+}
+function u(e, t = "pt-BR") {
+	return e.toLocaleString(l(t));
+}
+//#endregion
+export { a as SelectLocaleProvider, u as formatSelectNumber, l as selectIntlLocale, r as selectKitMessages, o as useSelectLocale, s as useSelectLocaleIfSet, c as useSelectMessages };
+
+//# sourceMappingURL=SelectLocale.js.map