@selectwin/kit 0.1.196 → 0.1.198

package/dist/SelectCopyRow.js

@@ -0,0 +1,61 @@
+import { SelectButton as e } from "./SelectButton.js";
+import { CheckIcon as t, CopyIcon as n, ExternalLinkIcon as r } from "./icons.js";
+import { useSelectMessages as i } from "./SelectLocale.js";
+import { SelectIconButton as a } from "./SelectIconButton.js";
+import { safeHref as o } from "./internal/safeHref.js";
+import { forwardRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/SelectCopyRow.tsx
+var d = s(function({ label: s, value: d, href: f, onCopy: p, prose: m = !1, truncate: h = "end", className: g, ..._ }, v) {
+	let y = i(), [b, x] = c(!1), S = o(f), C = () => {
+		navigator.clipboard.writeText(d).then(() => {
+			x(!0), setTimeout(() => x(!1), 1200), p == null || p(d);
+		});
+	};
+	return /* @__PURE__ */ u("div", {
+		ref: v,
+		..._,
+		className: `select-copyrow${m ? " select-copyrow--prose" : ""}${h === "start" && !m ? " select-copyrow--truncate-start" : ""}${g ? " " + g : ""}`,
+		children: [s && /* @__PURE__ */ l("span", {
+			className: "select-copyrow__label",
+			children: s
+		}), /* @__PURE__ */ u("div", {
+			className: "select-copyrow__value",
+			children: [/* @__PURE__ */ l("span", {
+				className: "select-copyrow__text",
+				title: h === "start" && !m ? d : void 0,
+				children: h === "start" && !m ? /* @__PURE__ */ l("bdi", {
+					dir: "ltr",
+					children: d
+				}) : d
+			}), /* @__PURE__ */ u("div", {
+				className: "select-copyrow__actions",
+				children: [S && /* @__PURE__ */ l("a", {
+					className: "select-iconbtn select-iconbtn--sm",
+					href: S,
+					target: "_blank",
+					rel: "noreferrer",
+					"aria-label": y.common.open,
+					title: y.common.open,
+					children: /* @__PURE__ */ l(r, {})
+				}), m ? /* @__PURE__ */ l(e, {
+					variant: "secondary",
+					size: "sm",
+					inline: !0,
+					icon: l(b ? t : n, {}),
+					onClick: C,
+					children: b ? y.common.copied : y.common.copy
+				}) : /* @__PURE__ */ l(a, {
+					size: "sm",
+					icon: l(b ? t : n, {}),
+					label: b ? y.common.copied : y.common.copy,
+					onClick: C
+				})]
+			})]
+		})]
+	});
+});
+//#endregion
+export { d as SelectCopyRow };
+
+//# sourceMappingURL=SelectCopyRow.js.map

package/dist/SelectCopyableId.js

@@ -0,0 +1,45 @@
+/* empty css           */
+import { CheckIcon as e, CopyIcon as t } from "./icons.js";
+import { SelectTooltip as n } from "./SelectTooltip.js";
+import { useSelectMessages as r } from "./SelectLocale.js";
+import { safeHref as i } from "./internal/safeHref.js";
+import { useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Link as l } from "react-router-dom";
+//#region src/SelectCopyableId.tsx
+function u({ value: u, children: d, truncate: f, label: p, fallback: m = "—", to: h, reveal: g = "hover", variant: _ = "inline" }) {
+	let v = _ === "code", y = r(), b = p ?? (v ? y.copyable.copyCode : y.copyable.copyId), [x, S] = a(!1);
+	if (!u) return /* @__PURE__ */ s(o, { children: m });
+	let C = d == null && f != null && f > 0 && u.length > f, w = d ?? (C ? `${u.slice(0, Math.max(1, f - 1))}…` : u), T = C ? u : void 0, E = i(h);
+	return /* @__PURE__ */ c("span", {
+		className: `select-copyid${g === "always" || v ? " select-copyid--always" : ""}${v ? " select-copyid--code" : ""}`,
+		children: [E ? /* @__PURE__ */ s(l, {
+			className: "select-copyid__text select-copyid__link",
+			to: E,
+			title: T,
+			onClick: (e) => e.stopPropagation(),
+			children: w
+		}) : /* @__PURE__ */ s("span", {
+			className: "select-copyid__text",
+			title: T,
+			children: w
+		}), /* @__PURE__ */ s(n, {
+			content: x ? y.common.copied : b,
+			children: /* @__PURE__ */ s("button", {
+				type: "button",
+				className: `select-copyid__btn${x ? " is-copied" : ""}`,
+				onClick: (e) => {
+					e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(u).then(() => {
+						S(!0), setTimeout(() => S(!1), 1200);
+					});
+				},
+				"aria-label": x ? y.common.copied : b,
+				children: s(x ? e : t, {})
+			})
+		})]
+	});
+}
+//#endregion
+export { u as SelectCopyableId };
+
+//# sourceMappingURL=SelectCopyableId.js.map

package/dist/SelectDataTable.js

@@ -0,0 +1,247 @@
+import { CheckIcon as e, SettingsIcon as t } from "./icons.js";
+import { selectIntlLocale as n, useSelectLocale as r, useSelectMessages as i } from "./SelectLocale.js";
+import { useMatchMedia as a } from "./internal/useMatchMedia.js";
+import { SelectPopover as ee } from "./SelectPopover.js";
+import { SelectIconButton as o } from "./SelectIconButton.js";
+import { SelectListFooter as te } from "./internal/listChrome.js";
+import { SelectTable as ne, SelectTableCell as s, SelectTableEmpty as re, SelectTableRow as c } from "./SelectTable.js";
+import { useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/SelectDataTable.tsx
+var p = "9.5rem", m = {
+	minWidth: "9.5rem",
+	grow: 2
+};
+function h(e) {
+	return [e.wrap ? "select-table__td--wrap" : "", e.tone ? `select-table__td--${e.tone}` : ""].filter(Boolean).join(" ") || void 0;
+}
+var g = "select-datatable:hidden-cols:";
+function ie(e) {
+	try {
+		let t = localStorage.getItem(g + e), n = t ? JSON.parse(t) : null;
+		return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
+	} catch {
+		return [];
+	}
+}
+function _(e, t) {
+	try {
+		t.length === 0 ? localStorage.removeItem(g + e) : localStorage.setItem(g + e, JSON.stringify(t));
+	} catch {}
+}
+function v(e) {
+	return e.hideable ?? !!e.title;
+}
+var y = "select-datatable:col-widths:";
+function ae(e) {
+	try {
+		let t = localStorage.getItem(y + e), n = t ? JSON.parse(t) : null;
+		if (!n || typeof n != "object" || Array.isArray(n)) return {};
+		let r = {};
+		for (let [e, t] of Object.entries(n)) typeof t == "string" && t && (r[e] = t);
+		return r;
+	} catch {
+		return {};
+	}
+}
+function b(e, t) {
+	try {
+		Object.keys(t).length === 0 ? localStorage.removeItem(y + e) : localStorage.setItem(y + e, JSON.stringify(t));
+	} catch {}
+}
+var x = "select-datatable:page-size:";
+function S(e, t, n) {
+	let [r, i] = u(() => {
+		try {
+			let r = Number(localStorage.getItem(x + e));
+			return Number.isInteger(r) && r > 0 && (!n || n.includes(r)) ? r : t;
+		} catch {
+			return t;
+		}
+	});
+	return [r, (t) => {
+		i(t);
+		try {
+			localStorage.setItem(x + e, String(t));
+		} catch {}
+	}];
+}
+function oe(e, t, n, r = "pt-BR") {
+	let i = e == null || e === "", a = t == null || t === "";
+	return i || a ? i && a ? 0 : i ? 1 : -1 : typeof e == "number" && typeof t == "number" ? n * (e - t) : n * String(e).localeCompare(String(t), r, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+}
+function C({ columns: p = [], items: m, getId: g, loading: y = !1, empty: x, pagination: S, onRowClick: C, title: se, help: ce, description: le, action: ue, filters: w, columnsKey: T, getChildren: E, defaultExpanded: D, compactRow: O, compactQuery: de = "(max-width: 40rem)", onCompactRowClick: k, listRow: A, footer: j, flush: M = !1 }) {
+	let [N, fe] = u(() => T ? ie(T) : []), [P, F] = u(!1), I = i().dataTable, L = n(r()), R = a(O && !A ? de : void 0) && O != null, z = A != null || R, B = A ?? O, pe = A != null || p.some((e) => e.wrap), [V, H] = u(() => T ? ae(T) : {}), U = l(() => new Set(N), [N]), W = p.filter(v), me = W.length > 0 && W.every((e) => U.has(e.key)), G = (e) => !me && U.has(e.key) && v(e), K = p.filter((e) => !G(e)), he = W.filter((e) => !G(e)), [q, J] = u(null), [ge, _e] = u(() => /* @__PURE__ */ new Set()), ve = (e) => ((D == null ? void 0 : D(e)) ?? !1) !== ge.has(g(e)), ye = (e) => _e((t) => {
+		let n = new Set(t), r = g(e);
+		return n.delete(r) || n.add(r), n;
+	}), be = (e) => {
+		fe((t) => {
+			let n = !t.includes(e.key), r = n ? [...t, e.key] : t.filter((t) => t !== e.key);
+			return T && _(T, r), n && J((t) => t && t.key === e.key ? null : t), r;
+		});
+	}, xe = (e) => {
+		J((t) => {
+			let n = e.sortDefault ?? "asc";
+			return !t || t.key !== e.key ? {
+				key: e.key,
+				dir: n
+			} : t.dir === n ? {
+				key: e.key,
+				dir: n === "asc" ? "desc" : "asc"
+			} : null;
+		});
+	}, Y = q ? p.find((e) => e.key === q.key) : void 0, X = l(() => {
+		let e = Y == null ? void 0 : Y.sortValue;
+		if (!q || !e) return (e) => e;
+		let t = q.dir === "asc" ? 1 : -1;
+		return (n) => [...n].sort((n, r) => oe(e(n), e(r), t, L));
+	}, [
+		q,
+		Y,
+		L
+	]), Z = l(() => X(m), [m, X]), Q = (e) => (E == null ? void 0 : E(e)) ?? [], Se = !!E && m.some((e) => Q(e).length > 0), Ce = z ? [{
+		label: "",
+		grow: 1
+	}] : K.map((e) => ({
+		label: e.title,
+		align: e.align,
+		width: V[e.key] ?? e.width,
+		minWidth: e.minWidth,
+		grow: e.grow,
+		sortable: !!e.sortValue,
+		sortDir: (q == null ? void 0 : q.key) === e.key ? q.dir : null,
+		onSort: e.sortValue ? () => xe(e) : void 0,
+		resizable: !!e.title,
+		tone: e.tone
+	})), $ = (e, t) => {
+		let n = K[e];
+		n && H((e) => {
+			let r = { ...e };
+			return t ? r[n.key] = t : delete r[n.key], T && b(T, r), r;
+		});
+	}, we = () => {
+		H({}), T && b(T, {});
+	}, Te = Object.keys(V).length > 0, Ee = !y && x ? /* @__PURE__ */ d(re, {
+		icon: x.icon,
+		title: x.heading,
+		subtitle: x.text,
+		action: x.action
+	}) : void 0, De = T && W.length > 0 ? /* @__PURE__ */ d(ee, {
+		active: P,
+		onClose: () => F(!1),
+		placement: "bottom-end",
+		role: "menu",
+		activator: /* @__PURE__ */ d(o, {
+			icon: /* @__PURE__ */ d(t, {}),
+			label: I.columns,
+			size: "sm",
+			active: P,
+			"aria-expanded": P,
+			onClick: () => F((e) => !e)
+		}),
+		children: /* @__PURE__ */ f("div", {
+			className: "select-facet__panel",
+			children: [/* @__PURE__ */ d("div", {
+				className: "select-facet__options",
+				role: "menu",
+				children: W.map((t) => {
+					let n = !G(t), r = n && he.length === 1;
+					return /* @__PURE__ */ f("button", {
+						type: "button",
+						role: "menuitemcheckbox",
+						"aria-checked": n,
+						disabled: r,
+						className: "select-facet__opt",
+						onClick: () => be(t),
+						children: [/* @__PURE__ */ d("span", { children: t.title }), n && /* @__PURE__ */ d("span", {
+							className: "select-facet__check",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ d(e, {})
+						})]
+					}, t.key);
+				})
+			}), Te && /* @__PURE__ */ d("div", {
+				className: "select-facet__options select-facet__options--footer",
+				role: "menu",
+				children: /* @__PURE__ */ d("button", {
+					type: "button",
+					role: "menuitem",
+					className: "select-facet__opt",
+					onClick: () => {
+						we(), F(!1);
+					},
+					children: /* @__PURE__ */ d("span", { children: I.resetWidths })
+				})
+			})]
+		})
+	}) : null;
+	return /* @__PURE__ */ f("div", {
+		className: `select-datatable${M ? " select-datatable--flush" : ""}`,
+		children: [/* @__PURE__ */ d(ne, {
+			columns: Ce,
+			empty: Ee,
+			footer: j,
+			title: se,
+			help: ce,
+			description: le,
+			filters: w,
+			action: ue,
+			tools: z ? null : De,
+			className: z ? "select-table--compact" : void 0,
+			flush: M,
+			onColumnResize: z ? void 0 : (e, t) => $(e, t),
+			onColumnResizeReset: z ? void 0 : (e) => $(e, null),
+			children: z && B ? y ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(s, { children: /* @__PURE__ */ d("span", { className: "select-skeleton select-datatable__skel" }) }) }, `skeleton-${t}`)) : Z.map((e) => /* @__PURE__ */ d(c, {
+				onClick: k ?? C ? () => (k ?? C)(e) : void 0,
+				children: /* @__PURE__ */ d(s, {
+					className: pe ? "select-table__td--wrap" : void 0,
+					children: B(e)
+				})
+			}, g(e))) : y ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ d(c, { children: K.map((e, t) => /* @__PURE__ */ d(s, {
+				align: e.align,
+				width: e.width,
+				children: /* @__PURE__ */ d("span", { className: "select-skeleton select-datatable__skel" })
+			}, t)) }, `skeleton-${t}`)) : Z.flatMap((e) => {
+				let t = Q(e);
+				if (t.length === 0) return [/* @__PURE__ */ d(c, {
+					onClick: C ? () => C(e) : void 0,
+					children: K.map((t, n) => /* @__PURE__ */ d(s, {
+						align: t.align,
+						width: t.width,
+						className: h(t),
+						disclosure: Se && n === 0 ? "none" : void 0,
+						children: t.render(e)
+					}, n))
+				}, g(e))];
+				let n = ve(e);
+				return [/* @__PURE__ */ d(c, {
+					onClick: () => ye(e),
+					expanded: n,
+					children: K.map((t, r) => /* @__PURE__ */ d(s, {
+						align: t.align,
+						width: t.width,
+						className: h(t),
+						disclosure: r === 0 ? n ? "open" : "closed" : void 0,
+						children: t.render(e)
+					}, r))
+				}, g(e)), ...n ? X(t).map((t) => /* @__PURE__ */ d(c, {
+					nested: !0,
+					onClick: C ? () => C(t) : void 0,
+					children: K.map((e, n) => /* @__PURE__ */ d(s, {
+						align: e.align,
+						width: e.width,
+						className: h(e),
+						children: e.render(t)
+					}, n))
+				}, `${g(e)}/${g(t)}`)) : []];
+			})
+		}), S && /* @__PURE__ */ d(te, { pagination: S })]
+	});
+}
+//#endregion
+export { p as SELECT_COL_DATETIME, m as SELECT_COL_ID, C as SelectDataTable, S as useSelectPageSize };
+
+//# sourceMappingURL=SelectDataTable.js.map

package/dist/SelectDateField.js

@@ -0,0 +1,255 @@
+/* empty css           */
+import { SelectButton as e } from "./SelectButton.js";
+import { CalendarIcon as t, ChevronDownIcon as n, ChevronLeftIcon as r, ChevronRightIcon as i } from "./icons.js";
+import { SelectLabelRow as a } from "./SelectField.js";
+import { SelectPopover as o } from "./SelectPopover.js";
+import { forwardRef as s, useId as ee, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/SelectDateField.tsx
+var d = [
+	"Dom",
+	"Seg",
+	"Ter",
+	"Qua",
+	"Qui",
+	"Sex",
+	"Sáb"
+], f = [
+	"Janeiro",
+	"Fevereiro",
+	"Março",
+	"Abril",
+	"Maio",
+	"Junho",
+	"Julho",
+	"Agosto",
+	"Setembro",
+	"Outubro",
+	"Novembro",
+	"Dezembro"
+], p = [
+	"Jan",
+	"Fev",
+	"Mar",
+	"Abr",
+	"Mai",
+	"Jun",
+	"Jul",
+	"Ago",
+	"Set",
+	"Out",
+	"Nov",
+	"Dez"
+], m = 12, h = (e) => String(e).padStart(2, "0"), g = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), _ = (e) => new Date(e.getFullYear(), e.getMonth(), 1), v = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), y = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, 1), b = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+function x(e) {
+	let t = /^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}))?/.exec(e || "");
+	return t ? new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]), Number(t[4] ?? 0), Number(t[5] ?? 0)) : null;
+}
+function S(e, t) {
+	let n = `${e.getFullYear()}-${h(e.getMonth() + 1)}-${h(e.getDate())}`;
+	return t ? `${n}T${h(e.getHours())}:${h(e.getMinutes())}` : n;
+}
+function C(e, t) {
+	let n = `${h(e.getDate())}/${h(e.getMonth() + 1)}/${e.getFullYear()}`;
+	return t ? `${n} ${h(e.getHours())}:${h(e.getMinutes())}` : n;
+}
+var w = s(function({ label: s, value: w, onChange: T, showTime: E = !1, placeholder: te, required: ne, disabled: D, error: O, hint: k, minDate: A, maxDate: j, clearable: re = !0, openTo: ie = "day", id: ae, className: M, ...N }, P) {
+	let F = ee(), I = ae ?? F, [L, R] = c(!1), z = x(w), B = A ? g(A) : null, V = j ? g(j) : null, H = (e) => !!B && g(e) < B || !!V && g(e) > V, U = () => {
+		if (z) return z;
+		let e = /* @__PURE__ */ new Date();
+		return V && e > V ? V : B && e < B ? B : e;
+	}, [W, G] = c(() => _(U())), [K, q] = c("day"), oe = (e) => !!B && e < B.getFullYear() || !!V && e > V.getFullYear(), se = (e, t) => !!B && new Date(e, t + 1, 0) < B || !!V && new Date(e, t, 1) > V, J = W.getFullYear() - W.getFullYear() % m, ce = v(_(W), -_(W).getDay()), Y = Array.from({ length: 42 }, (e, t) => v(ce, t)), X = g(/* @__PURE__ */ new Date()), le = () => {
+		D || (G(_(U())), q(!z && ie === "year" ? "year" : "day"), R((e) => !e));
+	}, Z = (e) => G((t) => K === "day" ? y(t, e) : new Date(t.getFullYear() + e * (K === "year" ? m : 1), t.getMonth(), 1)), Q = K === "day" ? ["Mês anterior", "Próximo mês"] : K === "month" ? ["Ano anterior", "Próximo ano"] : ["Anos anteriores", "Próximos anos"], $ = (e) => {
+		if (H(e)) return;
+		let t = new Date(e);
+		E && t.setHours((z == null ? void 0 : z.getHours()) ?? 0, (z == null ? void 0 : z.getMinutes()) ?? 0, 0, 0), T(S(t, E)), E || R(!1);
+	}, ue = (e) => {
+		let [t = "", n = ""] = e.split(":"), r = Number(t), i = Number(n), a = new Date(z ?? X);
+		a.setHours(Number.isFinite(r) ? r : 0, Number.isFinite(i) ? i : 0, 0, 0), T(S(a, !0));
+	}, de = () => {
+		T(""), R(!1);
+	}, fe = /* @__PURE__ */ u("div", {
+		className: `select-input-wrap${O ? " select-input-wrap--error" : ""}`,
+		children: [/* @__PURE__ */ l("button", {
+			id: I,
+			type: "button",
+			className: `select-input select-datefield__activator${O ? " select-input--error" : ""}`,
+			onClick: le,
+			disabled: D,
+			"aria-haspopup": "dialog",
+			"aria-expanded": L,
+			"aria-invalid": O ? !0 : void 0,
+			children: z ? C(z, E) : /* @__PURE__ */ l("span", {
+				className: "select-datefield__ph",
+				children: te ?? (E ? "Selecione data e hora" : "Selecione uma data")
+			})
+		}), /* @__PURE__ */ l("span", {
+			className: "select-datefield__icon",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ l(t, {})
+		})]
+	});
+	return /* @__PURE__ */ u("div", {
+		ref: P,
+		...N,
+		className: `select-field${M ? " " + M : ""}`,
+		children: [
+			s && /* @__PURE__ */ l(a, {
+				htmlFor: I,
+				label: ne ? `${s} *` : s
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "select-datefield",
+				children: /* @__PURE__ */ l(o, {
+					active: L,
+					onClose: () => R(!1),
+					placement: "bottom-start",
+					role: "dialog",
+					activator: fe,
+					children: /* @__PURE__ */ u("div", {
+						className: "select-datefield__pop",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "select-datepicker__calhead",
+								children: [
+									/* @__PURE__ */ l("button", {
+										type: "button",
+										className: "select-datepicker__nav",
+										"aria-label": Q[0],
+										onClick: () => Z(-1),
+										children: /* @__PURE__ */ l(r, {})
+									}),
+									K === "year" ? /* @__PURE__ */ u("span", {
+										className: "select-datepicker__monthlabel",
+										children: [
+											J,
+											" – ",
+											J + m - 1
+										]
+									}) : /* @__PURE__ */ u("button", {
+										type: "button",
+										className: "select-datepicker__monthlabel select-datefield__modebtn",
+										"aria-label": K === "day" ? "Escolher o ano e o mês" : "Escolher o ano",
+										onClick: () => q("year"),
+										children: [K === "day" ? `${f[W.getMonth()]} ${W.getFullYear()}` : W.getFullYear(), /* @__PURE__ */ l(n, {})]
+									}),
+									/* @__PURE__ */ l("button", {
+										type: "button",
+										className: "select-datepicker__nav",
+										"aria-label": Q[1],
+										onClick: () => Z(1),
+										children: /* @__PURE__ */ l(i, {})
+									})
+								]
+							}),
+							K === "year" && /* @__PURE__ */ l("div", {
+								className: "select-datefield__cells",
+								role: "grid",
+								"aria-label": "Anos",
+								children: Array.from({ length: m }, (e, t) => J + t).map((e) => {
+									let t = (z == null ? void 0 : z.getFullYear()) === e;
+									return /* @__PURE__ */ l("button", {
+										type: "button",
+										className: `select-datefield__cell${t ? " is-selected" : ""}${e === X.getFullYear() && !t ? " is-today" : ""}`,
+										disabled: oe(e),
+										onClick: () => {
+											G(new Date(e, W.getMonth(), 1)), q("month");
+										},
+										children: e
+									}, e);
+								})
+							}),
+							K === "month" && /* @__PURE__ */ l("div", {
+								className: "select-datefield__cells",
+								role: "grid",
+								"aria-label": `Meses de ${W.getFullYear()}`,
+								children: p.map((e, t) => {
+									let n = W.getFullYear(), r = !!z && z.getFullYear() === n && z.getMonth() === t;
+									return /* @__PURE__ */ l("button", {
+										type: "button",
+										"aria-label": `${f[t]} de ${n}`,
+										className: `select-datefield__cell${r ? " is-selected" : ""}`,
+										disabled: se(n, t),
+										onClick: () => {
+											G(new Date(n, t, 1)), q("day");
+										},
+										children: e
+									}, e);
+								})
+							}),
+							K === "day" && /* @__PURE__ */ u("div", {
+								className: "select-datepicker__grid",
+								role: "grid",
+								children: [d.map((e) => /* @__PURE__ */ l("div", {
+									className: "select-datepicker__weekday",
+									children: e
+								}, e)), Y.map((e) => {
+									let t = e.getMonth() !== W.getMonth(), n = !!z && b(e, z), r = "select-datepicker__daybtn" + (n ? " is-selected" : "") + (b(e, X) && !n ? " is-today" : "") + (t ? " is-outside" : "");
+									return /* @__PURE__ */ l("div", {
+										className: "select-datepicker__day",
+										children: /* @__PURE__ */ l("button", {
+											type: "button",
+											className: r,
+											disabled: H(e),
+											onClick: () => $(e),
+											children: e.getDate()
+										})
+									}, e.getTime());
+								})]
+							}),
+							E && /* @__PURE__ */ u("div", {
+								className: "select-datefield__time",
+								children: [/* @__PURE__ */ l("span", {
+									className: "select-datefield__time-label",
+									children: "Horário"
+								}), /* @__PURE__ */ l("input", {
+									type: "time",
+									className: "select-input select-datefield__time-input",
+									"aria-label": "Horário",
+									value: z ? `${h(z.getHours())}:${h(z.getMinutes())}` : "",
+									onChange: (e) => ue(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "select-datefield__footer",
+								children: [re && z ? /* @__PURE__ */ l(e, {
+									variant: "secondary",
+									inline: !0,
+									onClick: de,
+									children: "Limpar"
+								}) : /* @__PURE__ */ l("span", {}), /* @__PURE__ */ u("div", {
+									className: "select-datefield__footer-right",
+									children: [!H(X) && /* @__PURE__ */ l(e, {
+										variant: "secondary",
+										inline: !0,
+										onClick: () => $(X),
+										children: "Hoje"
+									}), E && /* @__PURE__ */ l(e, {
+										variant: "primary",
+										inline: !0,
+										onClick: () => R(!1),
+										children: "Concluir"
+									})]
+								})]
+							})
+						]
+					})
+				})
+			}),
+			O ? /* @__PURE__ */ l("p", {
+				id: `${I}-err`,
+				className: "select-field__error",
+				children: O
+			}) : k ? /* @__PURE__ */ l("p", {
+				id: `${I}-hint`,
+				className: "select-field__hint",
+				children: k
+			}) : null
+		]
+	});
+});
+//#endregion
+export { w as SelectDateField };
+
+//# sourceMappingURL=SelectDateField.js.map