@selectwin/kit 0.1.196 → 0.1.198

package/dist/internal/dateValue.js

@@ -0,0 +1,12 @@
+//#region src/internal/dateValue.ts
+var e = /^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}))?$/;
+function t(t) {
+	let n = e.exec(t ?? "");
+	if (!n) return null;
+	let r = `${n[3]}/${n[2]}/${n[1]}`;
+	return n[4] == null ? r : `${r} ${n[4]}:${n[5]}`;
+}
+//#endregion
+export { t as formatDateValue };
+
+//# sourceMappingURL=dateValue.js.map

package/dist/internal/document.js

@@ -0,0 +1,16 @@
+//#region src/internal/document.ts
+function e(e) {
+	return (e ?? "").replace(/\D/g, "");
+}
+function t(t) {
+	let n = e(t);
+	return n.length === 11 ? "CPF" : n.length === 14 ? "CNPJ" : "";
+}
+function n(t) {
+	let n = e(t).slice(0, 14);
+	return n.length <= 11 ? n.replace(/^(\d{3})(\d)/, "$1.$2").replace(/^(\d{3})\.(\d{3})(\d)/, "$1.$2.$3").replace(/\.(\d{3})(\d)/, ".$1-$2") : n.replace(/^(\d{2})(\d)/, "$1.$2").replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3").replace(/\.(\d{3})(\d)/, ".$1/$2").replace(/(\d{4})(\d)/, "$1-$2");
+}
+//#endregion
+export { e as cleanDocument, t as documentType, n as formatDocument };
+
+//# sourceMappingURL=document.js.map

package/dist/internal/flags.js

@@ -0,0 +1,187 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/internal/flags.tsx
+var r = {
+	BR: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#009B3A"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M10 1.6 18.2 7 10 12.4 1.8 7Z",
+			fill: "#FEDF00"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "10",
+			cy: "7",
+			r: "3",
+			fill: "#002776"
+		})
+	] }),
+	US: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#B22234"
+		}),
+		[
+			1,
+			3,
+			5,
+			7,
+			9,
+			11
+		].map((e) => /* @__PURE__ */ t("rect", {
+			y: e,
+			width: "20",
+			height: "1.08",
+			fill: "#fff"
+		}, e)),
+		/* @__PURE__ */ t("rect", {
+			width: "9",
+			height: "7.5",
+			fill: "#3C3B6E"
+		})
+	] }),
+	PT: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#DA291C"
+		}),
+		/* @__PURE__ */ t("rect", {
+			width: "7.5",
+			height: "14",
+			fill: "#046A38"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "7.5",
+			cy: "7",
+			r: "2.4",
+			fill: "#FFE900"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "7.5",
+			cy: "7",
+			r: "1.3",
+			fill: "#DA291C"
+		})
+	] }),
+	AR: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#75AADB"
+		}),
+		/* @__PURE__ */ t("rect", {
+			y: "4.66",
+			width: "20",
+			height: "4.68",
+			fill: "#fff"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "10",
+			cy: "7",
+			r: "1.5",
+			fill: "#F6B40E"
+		})
+	] }),
+	MX: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#fff"
+		}),
+		/* @__PURE__ */ t("rect", {
+			width: "6.66",
+			height: "14",
+			fill: "#006847"
+		}),
+		/* @__PURE__ */ t("rect", {
+			x: "13.34",
+			width: "6.66",
+			height: "14",
+			fill: "#CE1126"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "10",
+			cy: "7",
+			r: "1.6",
+			fill: "#8C6239"
+		})
+	] }),
+	ES: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#AA151B"
+		}),
+		/* @__PURE__ */ t("rect", {
+			y: "3.5",
+			width: "20",
+			height: "7",
+			fill: "#F1BF00"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "6.5",
+			cy: "7",
+			r: "1.2",
+			fill: "#AA151B"
+		})
+	] }),
+	GB: /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("rect", {
+			width: "20",
+			height: "14",
+			fill: "#012169"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M0 0 20 14M20 0 0 14",
+			stroke: "#fff",
+			strokeWidth: "2.8"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M0 0 20 14M20 0 0 14",
+			stroke: "#C8102E",
+			strokeWidth: "1.2"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M10 0v14M0 7h20",
+			stroke: "#fff",
+			strokeWidth: "4.6"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M10 0v14M0 7h20",
+			stroke: "#C8102E",
+			strokeWidth: "2.6"
+		})
+	] })
+};
+function i({ iso: e }) {
+	let i = r[e];
+	return i ? /* @__PURE__ */ n("svg", {
+		className: "select-phone__flag",
+		viewBox: "0 0 20 14",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+			id: `flag-${e}`,
+			children: /* @__PURE__ */ t("rect", {
+				width: "20",
+				height: "14",
+				rx: "2"
+			})
+		}) }), /* @__PURE__ */ t("g", {
+			clipPath: `url(#flag-${e})`,
+			children: i
+		})]
+	}) : /* @__PURE__ */ t("span", {
+		className: "select-phone__flagfallback",
+		"aria-hidden": "true",
+		children: e
+	});
+}
+//#endregion
+export { i as CountryFlag };
+
+//# sourceMappingURL=flags.js.map

package/dist/internal/frame.js

@@ -0,0 +1,17 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/internal/frame.tsx
+var r = e(!1);
+function i() {
+	return t(r);
+}
+function a({ children: e }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: !0,
+		children: e
+	});
+}
+//#endregion
+export { a as FrameBody, i as useInsideFrame };
+
+//# sourceMappingURL=frame.js.map

package/dist/internal/inert.js

@@ -0,0 +1,13 @@
+import { version as e } from "react";
+//#region src/internal/inert.ts
+var t = Number.parseInt(e, 10);
+function n(e, n = t) {
+	return e ? {
+		inert: n >= 19 || "",
+		"aria-hidden": !0
+	} : {};
+}
+//#endregion
+export { n as inertProps };
+
+//# sourceMappingURL=inert.js.map

package/dist/internal/layers.d.ts

@@ -0,0 +1,8 @@
+/** Quem abre camadas dentro desta (o conteúdo do modal, o painel do popover) fica sob este provider. */
+export declare const LayerProvider: import('react').Provider<object | null>;
+/** A camada de onde esta nasceu (o modal ou o popover em volta), ou `null`. */
+export declare function useParentLayer(): object | null;
+/** Inscreve uma camada aberta; devolve a função que a tira (ao fechar ou desmontar). */
+export declare function openLayer(token: object, parent?: object | null): () => void;
+/** A camada é a de cima (a que o Esc fecha): sem filha aberta e a última aberta entre as que não têm. */
+export declare function isTopLayer(token: object): boolean;

package/dist/internal/layers.js

@@ -0,0 +1,35 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/internal/layers.ts
+var n = [], r = e(null), i = r.Provider;
+function a() {
+	return t(r);
+}
+function o(e, t = null) {
+	let r = {
+		token: e,
+		parent: t
+	};
+	return n.push(r), () => {
+		let e = n.lastIndexOf(r);
+		e !== -1 && n.splice(e, 1);
+	};
+}
+function s(e, t) {
+	let r = e.parent;
+	for (let e = 0; r && e < n.length + 1; e++) {
+		var i;
+		if (r === t) return !0;
+		let e = r;
+		r = ((i = n.find((t) => t.token === e)) == null ? void 0 : i.parent) ?? null;
+	}
+	return !1;
+}
+function c(e) {
+	var t;
+	let r = n.filter((e) => !n.some((t) => t !== e && s(t, e.token)));
+	return ((t = r[r.length - 1]) == null ? void 0 : t.token) === e;
+}
+//#endregion
+export { i as LayerProvider, c as isTopLayer, o as openLayer, a as useParentLayer };
+
+//# sourceMappingURL=layers.js.map

package/dist/internal/listChrome.js

@@ -0,0 +1,150 @@
+import { CheckIcon as e, ChevronDownIcon as t } from "../icons.js";
+import { formatSelectNumber as n, useSelectLocale as r, useSelectMessages as i } from "../SelectLocale.js";
+import { SelectInfoTip as a } from "../SelectInfoTip.js";
+import { SelectPopover as o } from "../SelectPopover.js";
+import { SelectPagination as s } from "../SelectPagination.js";
+import { useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/internal/listChrome.tsx
+function f({ title: e, description: t, action: n, filters: r, tools: i }) {
+	let a = r != null, o = a ? null : i, s = e != null || t != null;
+	return {
+		hasFilters: a,
+		inlineTools: o,
+		hasIdentity: s,
+		hasTitleRow: s || n != null || o != null
+	};
+}
+function p({ title: e, help: n, description: r, action: i, filters: o, tools: s, toggle: c }) {
+	let { hasFilters: p, inlineTools: m, hasIdentity: h, hasTitleRow: g } = f({
+		title: e,
+		description: r,
+		action: i,
+		filters: o,
+		tools: s
+	});
+	return /* @__PURE__ */ d(l, { children: [g && /* @__PURE__ */ d("div", {
+		className: "select-table__title",
+		children: [c ? /* @__PURE__ */ d("button", {
+			type: "button",
+			className: "select-table__toggle",
+			"aria-expanded": c.open,
+			"aria-controls": c.controls,
+			onClick: c.onToggle,
+			children: [/* @__PURE__ */ d("span", {
+				className: "select-table__heading",
+				children: [e != null && /* @__PURE__ */ u("span", {
+					className: "select-table__titletext",
+					children: e
+				}), r != null && /* @__PURE__ */ u("span", {
+					className: "select-table__desc",
+					children: r
+				})]
+			}), /* @__PURE__ */ u("span", {
+				className: "select-table__chevron",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u(t, {})
+			})]
+		}) : h && /* @__PURE__ */ d("div", {
+			className: "select-table__heading",
+			children: [e != null && /* @__PURE__ */ d("h3", {
+				className: `select-table__titletext${n == null ? "" : " select-table__titletext--help"}`,
+				children: [e, n != null && /* @__PURE__ */ u(a, { content: n })]
+			}), r != null && /* @__PURE__ */ u("p", {
+				className: "select-table__desc",
+				children: r
+			})]
+		}), (i != null || m != null) && /* @__PURE__ */ d("div", {
+			className: "select-table__actions",
+			children: [i, m]
+		})]
+	}), p && /* @__PURE__ */ d("div", {
+		className: "select-table__toolbar",
+		children: [/* @__PURE__ */ u("div", {
+			className: "select-table__filters",
+			children: o
+		}), s != null && /* @__PURE__ */ u("div", {
+			className: "select-table__tools",
+			children: s
+		})]
+	})] });
+}
+function m(e, t, n) {
+	if (!e || e.length === 0) return [];
+	let r = [...e].sort((e, t) => e - t);
+	if (t == null) return r;
+	if (t <= Math.min(...r)) return [];
+	let i = [];
+	for (let e of r) if (i.push(e), e >= t) break;
+	return n != null && r.includes(n) && !i.includes(n) && (i.push(n), i.sort((e, t) => e - t)), i;
+}
+function h({ pagination: a }) {
+	let l = i().pagination, f = r(), [p, h] = c(!1), g = m(a.pageSizeOptions, a.total, a.pageSize), _ = g.length > 1 && a.onPageSizeChange != null;
+	return !_ && !a.hasPrevious && !a.hasNext ? null : /* @__PURE__ */ d("div", {
+		className: "select-datatable__pagination",
+		children: [_ && a.onPageSizeChange && /* @__PURE__ */ u("div", {
+			className: "select-datatable__pagesize",
+			children: /* @__PURE__ */ u(o, {
+				active: p,
+				onClose: () => h(!1),
+				placement: "top-start",
+				role: "listbox",
+				activator: /* @__PURE__ */ d("button", {
+					type: "button",
+					className: `select-facet${p ? " is-active" : ""}`,
+					onClick: () => h((e) => !e),
+					"aria-expanded": p,
+					"aria-haspopup": "listbox",
+					children: [/* @__PURE__ */ u("span", {
+						className: "select-facet__label",
+						children: l.perPage(a.pageSize == null ? "—" : n(a.pageSize, f))
+					}), /* @__PURE__ */ u("span", {
+						className: `select-facet__caret${p ? " is-open" : ""}`,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ u(t, {})
+					})]
+				}),
+				children: /* @__PURE__ */ u("div", {
+					className: "select-facet__panel",
+					children: /* @__PURE__ */ u("div", {
+						className: "select-facet__options",
+						role: "listbox",
+						children: g.map((t) => {
+							let r = t === a.pageSize;
+							return /* @__PURE__ */ d("button", {
+								type: "button",
+								role: "option",
+								"aria-selected": r,
+								className: `select-facet__opt${r ? " is-selected" : ""}`,
+								onClick: () => {
+									var e;
+									(e = a.onPageSizeChange) == null || e.call(a, t), h(!1);
+								},
+								children: [/* @__PURE__ */ u("span", { children: l.perPage(n(t, f)) }), r && /* @__PURE__ */ u("span", {
+									className: "select-facet__check",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ u(e, {})
+								})]
+							}, t);
+						})
+					})
+				})
+			})
+		}), /* @__PURE__ */ u(s, {
+			page: a.page ?? 1,
+			pageCount: a.pageCount,
+			total: a.total,
+			pageSize: a.pageSize,
+			hasPrevious: a.hasPrevious,
+			hasNext: a.hasNext,
+			onPrevious: a.onPrevious,
+			onNext: a.onNext,
+			onPage: a.onPage,
+			noun: a.noun
+		})]
+	});
+}
+//#endregion
+export { p as SelectListChrome, h as SelectListFooter, f as listChromeShape, m as usablePageSizes };
+
+//# sourceMappingURL=listChrome.js.map

package/dist/internal/money.js

@@ -0,0 +1,16 @@
+//#region src/internal/money.ts
+var e = new Intl.NumberFormat("pt-BR", {
+	style: "currency",
+	currency: "BRL"
+});
+function t(e) {
+	let t = typeof e == "string" ? Number(e) : e;
+	return typeof t == "number" && Number.isFinite(t) ? t : 0;
+}
+function n(n) {
+	return e.format(t(n) / 100);
+}
+//#endregion
+export { n as centsToBRL, t as toNumber };
+
+//# sourceMappingURL=money.js.map

package/dist/internal/nativeProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Os atributos NATIVOS que um campo do kit repassa ao controle de verdade (0.1.198): o `<input>`, a `<textarea>`, o
+ * `<select>`. Quem usa o kit no lugar de um campo próprio não pode perder o `inputMode`, o `spellCheck`, o `form`, o
+ * `aria-*` ou o `data-*` que a tela já mandava.
+ *
+ * A prop que o kit já tem (o `name`, o `placeholder`…) ganha da nativa quando vem preenchida; vazia, vale a nativa —
+ * senão o `undefined` da prop do kit apagaria o que veio em `inputProps`.
+ */
+export declare function mergeNative<T extends object>(native: T | undefined, own: Record<string, unknown>): T;
+/** Junta os ids de `aria-describedby` (a dica ou o erro do kit e o que a tela já apontava), sem os vazios. */
+export declare function joinIds(...ids: Array<string | null | undefined | false>): string | undefined;

package/dist/internal/nativeProps.js

@@ -0,0 +1,14 @@
+//#region src/internal/nativeProps.ts
+function e(e, t) {
+	let n = { ...e ?? {} };
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	return n;
+}
+function t(...e) {
+	let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
+	return t.length ? t.join(" ") : void 0;
+}
+//#endregion
+export { t as joinIds, e as mergeNative };
+
+//# sourceMappingURL=nativeProps.js.map

package/dist/internal/phone.js

@@ -0,0 +1,52 @@
+//#region src/internal/phone.ts
+var e = {
+	US: "(###) ###-####",
+	MX: "## #### ####",
+	AR: "## ####-####",
+	PT: "### ### ###",
+	ES: "### ### ###",
+	GB: "##### ######"
+};
+function t(e) {
+	let t = 0;
+	for (let n of e) n === "#" && (t += 1);
+	return t;
+}
+function n(e, t) {
+	let n = "", r = 0;
+	for (let i of e) {
+		if (r >= t.length) break;
+		i === "#" ? (n += t[r], r += 1) : n += i;
+	}
+	return r < t.length && (n += t.slice(r)), n;
+}
+function r(n) {
+	if (n === "BR") return 11;
+	let r = e[n];
+	return r ? t(r) : 15;
+}
+function i(e) {
+	return (e ?? "").replace(/\D/g, "").slice(0, 11);
+}
+function a(e, t) {
+	return (t ?? "").replace(/\D/g, "").slice(0, r(e));
+}
+function o(e) {
+	let t = i(e);
+	return t.length === 0 ? "" : t.length <= 2 ? `(${t}` : t.length <= 6 ? `(${t.slice(0, 2)}) ${t.slice(2)}` : t.length <= 10 ? `(${t.slice(0, 2)}) ${t.slice(2, 6)}-${t.slice(6)}` : `(${t.slice(0, 2)}) ${t.slice(2, 7)}-${t.slice(7)}`;
+}
+function s(t, r) {
+	let i = a(t, r);
+	if (t === "BR") return o(i);
+	let s = e[t];
+	return s ? n(s, i) : i;
+}
+function c(t) {
+	if (t === "BR") return "(00) 00000-0000";
+	let n = e[t];
+	return n ? n.replace(/#/g, "0") : "";
+}
+//#endregion
+export { a as cleanNationalPhone, i as cleanPhone, s as formatNationalPhone, o as formatPhone, r as nationalMaxDigits, c as phonePlaceholder };
+
+//# sourceMappingURL=phone.js.map

package/dist/internal/safeHref.js

@@ -0,0 +1,17 @@
+//#region src/internal/safeHref.ts
+var e = /* @__PURE__ */ new Set([
+	"http",
+	"https",
+	"mailto",
+	"tel"
+]);
+function t(t) {
+	var n;
+	if (!t) return;
+	let r = t.replace(/^[\x00-\x20]+|[\x00-\x20]+$/g, "").replace(/[\t\n\r]/g, ""), i = (n = /^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(r)) == null ? void 0 : n[1];
+	return i === void 0 ? r ? t : void 0 : e.has(i.toLowerCase()) ? t : void 0;
+}
+//#endregion
+export { t as safeHref };
+
+//# sourceMappingURL=safeHref.js.map

package/dist/internal/useFocusTrap.d.ts

@@ -1,2 +1,8 @@
 import { RefObject } from 'react';
-export declare function useFocusTrap(active: boolean, ref: RefObject<HTMLElement | null>): void;
+/**
+ * `initialFocus: false` (0.1.198): só prende o Tab, sem mover o foco ao ativar — quem usa escolhe onde ele entra (o
+ * SelectModal: o campo com `autoFocus`/`data-autofocus`, ou a caixa, para o ✕ não acender o anel).
+ */
+export declare function useFocusTrap(active: boolean, ref: RefObject<HTMLElement | null>, { initialFocus }?: {
+    initialFocus?: boolean;
+}): void;

package/dist/internal/useFocusTrap.js

@@ -0,0 +1,40 @@
+import { useEffect as e } from "react";
+//#region src/internal/useFocusTrap.ts
+var t = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function n(e) {
+	return Array.from(e.querySelectorAll(t)).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e === document.activeElement);
+}
+function r(t, r, { initialFocus: i = !0 } = {}) {
+	e(() => {
+		if (!t) return;
+		let e = r.current;
+		if (!e) return;
+		i && (n(e)[0] ?? e).focus({ preventScroll: !0 });
+		let a = (t) => {
+			if (t.key !== "Tab") return;
+			let r = n(e);
+			if (r.length === 0) {
+				t.preventDefault();
+				return;
+			}
+			let i = r[0], a = r[r.length - 1], o = document.activeElement;
+			t.shiftKey && o === i ? (t.preventDefault(), a.focus()) : !t.shiftKey && o === a ? (t.preventDefault(), i.focus()) : e.contains(o) || (t.preventDefault(), i.focus());
+		};
+		return e.addEventListener("keydown", a), () => e.removeEventListener("keydown", a);
+	}, [
+		t,
+		r,
+		i
+	]);
+}
+//#endregion
+export { r as useFocusTrap };
+
+//# sourceMappingURL=useFocusTrap.js.map

package/dist/internal/useMatchMedia.js

@@ -0,0 +1,18 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/internal/useMatchMedia.ts
+function n(n) {
+	let [r, i] = t(() => n && typeof window < "u" && window.matchMedia ? window.matchMedia(n).matches : !1);
+	return e(() => {
+		var e;
+		if (!n || typeof window > "u" || !window.matchMedia) return;
+		let t = window.matchMedia(n), r = () => i(t.matches);
+		return r(), (e = t.addEventListener) == null || e.call(t, "change", r), () => {
+			var e;
+			return (e = t.removeEventListener) == null ? void 0 : e.call(t, "change", r);
+		};
+	}, [n]), r;
+}
+//#endregion
+export { n as useMatchMedia };
+
+//# sourceMappingURL=useMatchMedia.js.map