@selectwin/kit 0.1.197 → 0.1.198

package/README.md

@@ -46,7 +46,7 @@ Peer deps: **react**, **react-dom** (obrigatórios); **gsap** (opcional — só
 ## Build
 
 ```bash
-npm run build   # → dist/index.js (ESM) + dist/style.css + dist/index.d.ts
+npm run build   # → dist/index.js (o barril) + um módulo ESM por componente + dist/style.css + os .d.ts
 ```
 
 `npm publish` roda `prepublishOnly` (= build) e publica só `dist/` (sem sourcemaps).

package/dist/SelectAccordion.js

@@ -0,0 +1,54 @@
+/* empty css           */
+import { ChevronDownIcon as e } from "./icons.js";
+import { forwardRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectAccordion.tsx
+var a = t(function({ items: t, multiple: a = !1, defaultOpenIds: o = [], className: s, ...c }, l) {
+	let [u, d] = n(() => new Set(o)), f = (e) => d((t) => {
+		let n = t.has(e), r = new Set(a ? t : []);
+		return n ? r.delete(e) : r.add(e), r;
+	});
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		...c,
+		className: `select-accordion${s ? " " + s : ""}`,
+		children: t.map((t) => {
+			let n = u.has(t.id);
+			return /* @__PURE__ */ i("div", {
+				className: "select-accordion__item",
+				children: [/* @__PURE__ */ i("button", {
+					type: "button",
+					className: "select-accordion__header",
+					"aria-expanded": n,
+					"aria-controls": `select-acc-${t.id}`,
+					disabled: t.disabled,
+					onClick: () => f(t.id),
+					children: [/* @__PURE__ */ r("span", {
+						className: "select-accordion__title",
+						children: t.title
+					}), /* @__PURE__ */ r("span", {
+						className: `select-accordion__chevron${n ? " is-open" : ""}`,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ r(e, {})
+					})]
+				}), /* @__PURE__ */ r("div", {
+					id: `select-acc-${t.id}`,
+					className: "select-accordion__collapse",
+					"data-open": n,
+					"aria-hidden": !n,
+					children: /* @__PURE__ */ r("div", {
+						className: "select-accordion__panelwrap",
+						children: /* @__PURE__ */ r("div", {
+							className: "select-accordion__panel",
+							children: t.content
+						})
+					})
+				})]
+			}, t.id);
+		})
+	});
+});
+//#endregion
+export { a as SelectAccordion };
+
+//# sourceMappingURL=SelectAccordion.js.map

package/dist/SelectActionCard.js

@@ -0,0 +1,45 @@
+import { CloseIcon as e } from "./icons.js";
+import { SelectIconButton as t } from "./SelectIconButton.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectActionCard.tsx
+var a = n(function({ icon: n, title: a, description: o, action: s, onDismiss: c, className: l, ...u }, d) {
+	return /* @__PURE__ */ i("div", {
+		ref: d,
+		...u,
+		className: `select-actioncard${l ? " " + l : ""}`,
+		children: [
+			c && /* @__PURE__ */ r("div", {
+				className: "select-actioncard__dismiss",
+				children: /* @__PURE__ */ r(t, {
+					size: "sm",
+					icon: /* @__PURE__ */ r(e, {}),
+					label: "Dispensar",
+					onClick: c
+				})
+			}),
+			n && /* @__PURE__ */ r("span", {
+				className: "select-actioncard__icon",
+				children: n
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "select-actioncard__text",
+				children: [/* @__PURE__ */ r("h4", {
+					className: "select-actioncard__title",
+					children: a
+				}), o && /* @__PURE__ */ r("p", {
+					className: "select-actioncard__desc",
+					children: o
+				})]
+			}),
+			s && /* @__PURE__ */ r("div", {
+				className: "select-actioncard__action",
+				children: s
+			})
+		]
+	});
+});
+//#endregion
+export { a as SelectActionCard };
+
+//# sourceMappingURL=SelectActionCard.js.map

package/dist/SelectActionList.js

@@ -0,0 +1,55 @@
+import { useEffect as e, useRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectActionList.tsx
+function i({ items: i, sections: a, onAction: o, autoFocus: s = !0, className: c, ...l }) {
+	let u = t(null), d = a ?? (i ? [{ items: i }] : []);
+	e(() => {
+		var e;
+		s && ((e = u.current) == null || (e = e.querySelector("[role=\"menuitem\"]:not(:disabled)")) == null || e.focus({ preventScroll: !0 }));
+	}, [s]);
+	let f = (e) => {
+		let t = u.current;
+		if (!t) return;
+		let n = Array.from(t.querySelectorAll("[role=\"menuitem\"]:not(:disabled)"));
+		if (n.length === 0) return;
+		let r = n.indexOf(document.activeElement);
+		e.key === "ArrowDown" ? (e.preventDefault(), (n[(r + 1) % n.length] ?? n[0]).focus()) : e.key === "ArrowUp" ? (e.preventDefault(), (n[(r - 1 + n.length) % n.length] ?? n[0]).focus()) : e.key === "Home" ? (e.preventDefault(), n[0].focus()) : e.key === "End" && (e.preventDefault(), n[n.length - 1].focus());
+	};
+	return /* @__PURE__ */ n("div", {
+		...l,
+		className: `select-actionlist${c ? " " + c : ""}`,
+		role: "menu",
+		ref: u,
+		onKeyDown: f,
+		children: d.map((e, t) => /* @__PURE__ */ r("div", {
+			className: "select-actionlist__section",
+			role: "group",
+			"aria-label": e.title,
+			children: [e.title && /* @__PURE__ */ n("div", {
+				className: "select-actionlist__title",
+				children: e.title
+			}), e.items.map((e, t) => /* @__PURE__ */ r("button", {
+				type: "button",
+				role: "menuitem",
+				tabIndex: -1,
+				disabled: e.disabled,
+				className: `select-menu__item${e.destructive ? " select-menu__item--critical" : ""}`,
+				onClick: () => {
+					var t;
+					(t = e.onAction) == null || t.call(e), o == null || o();
+				},
+				children: [e.icon && /* @__PURE__ */ n("span", {
+					className: "select-menu__icon",
+					children: e.icon
+				}), /* @__PURE__ */ n("span", {
+					className: "select-menu__label",
+					children: e.content
+				})]
+			}, t))]
+		}, t))
+	});
+}
+//#endregion
+export { i as SelectActionList };
+
+//# sourceMappingURL=SelectActionList.js.map

package/dist/SelectActionMenu.js

@@ -0,0 +1,33 @@
+import { SelectButton as e } from "./SelectButton.js";
+import { ChevronDownIcon as t } from "./icons.js";
+import { useSelectMessages as n } from "./SelectLocale.js";
+import { SelectPopover as r } from "./SelectPopover.js";
+import { SelectActionList as i } from "./SelectActionList.js";
+import { useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/SelectActionMenu.tsx
+function s({ items: s, label: c, disabled: l }) {
+	let u = n().common.actions, d = c ?? u, [f, p] = a(!1);
+	return /* @__PURE__ */ o(r, {
+		active: f,
+		onClose: () => p(!1),
+		placement: "bottom-end",
+		activator: /* @__PURE__ */ o(e, {
+			variant: "secondary",
+			size: "sm",
+			inline: !0,
+			trailingIcon: /* @__PURE__ */ o(t, {}),
+			disabled: l,
+			onClick: () => p((e) => !e),
+			children: d
+		}),
+		children: /* @__PURE__ */ o(i, {
+			items: s,
+			onAction: () => p(!1)
+		})
+	});
+}
+//#endregion
+export { s as SelectActionMenu };
+
+//# sourceMappingURL=SelectActionMenu.js.map

package/dist/SelectAddButton.js

@@ -0,0 +1,22 @@
+import { PlusIcon as e } from "./icons.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectAddButton.tsx
+var i = t(function({ children: t, onClick: i, icon: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ r("button", {
+		ref: c,
+		...s,
+		type: "button",
+		className: `select-addbtn${o ? " " + o : ""}`,
+		onClick: i,
+		children: [/* @__PURE__ */ n("span", {
+			className: "select-addbtn__icon",
+			"aria-hidden": "true",
+			children: a ?? /* @__PURE__ */ n(e, {})
+		}), t]
+	});
+});
+//#endregion
+export { i as SelectAddButton };
+
+//# sourceMappingURL=SelectAddButton.js.map

package/dist/SelectAddCard.js

@@ -0,0 +1,32 @@
+import { PlusIcon as e } from "./icons.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectAddCard.tsx
+var i = t(function({ label: t, description: i, onClick: a, icon: o, className: s, ...c }, l) {
+	return /* @__PURE__ */ r("button", {
+		ref: l,
+		...c,
+		type: "button",
+		className: `select-addcard${s ? " " + s : ""}`,
+		onClick: a,
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "select-addcard__glyph",
+				"aria-hidden": "true",
+				children: o ?? /* @__PURE__ */ n(e, {})
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "select-addcard__label",
+				children: t
+			}),
+			i && /* @__PURE__ */ n("span", {
+				className: "select-addcard__desc",
+				children: i
+			})
+		]
+	});
+});
+//#endregion
+export { i as SelectAddCard };
+
+//# sourceMappingURL=SelectAddCard.js.map

package/dist/SelectAlert.js

@@ -0,0 +1,36 @@
+import { WarningIcon as e } from "./icons.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectAlert.tsx
+var i = t(function({ children: t, tone: i = "critical", title: a, action: o, className: s, ...c }, l) {
+	let u = i === "critical";
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		...c,
+		className: `select-alert select-alert--${i}${u ? " select-alert--icon" : ""}${s ? " " + s : ""}`,
+		role: "alert",
+		children: [
+			u && /* @__PURE__ */ n("span", {
+				className: "select-alert__icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ n(e, {})
+			}),
+			a != null && /* @__PURE__ */ n("p", {
+				className: "select-alert__title",
+				children: a
+			}),
+			t != null && /* @__PURE__ */ n("div", {
+				className: "select-alert__body",
+				children: t
+			}),
+			o != null && /* @__PURE__ */ n("div", {
+				className: "select-alert__action",
+				children: o
+			})
+		]
+	});
+});
+//#endregion
+export { i as SelectAlert };
+
+//# sourceMappingURL=SelectAlert.js.map

package/dist/SelectAssistant.js

@@ -0,0 +1,184 @@
+/* empty css           */
+import { CloseIcon as e, SendIcon as t } from "./icons.js";
+import { useSelectMessages as n } from "./SelectLocale.js";
+import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectAssistant.tsx
+var l = 240;
+function u({ open: u, onOpenChange: d, icon: f, title: h, subtitle: g, launcherLabel: _, badge: v, children: y, scrollKey: b, suggestions: x, onSuggestion: S, onSend: C, placeholder: w, disabled: T = !1, typing: E = !1, headerAction: D, anchor: O = "viewport", closeLabel: k, sendLabel: A, inputLabel: j, className: M }) {
+	let N = n(), P = k ?? N.common.close, F = A ?? N.assistant.send, I = j ?? N.assistant.input, L = i(), R = a(null), z = a(null), B = a(null), [V, H] = o(""), U = a(0), W = E !== !1;
+	r(() => {
+		let e = R.current;
+		if (!u || !e) {
+			U.current = 0;
+			return;
+		}
+		let t = U.current === 0, n = e.children[U.current];
+		U.current = e.children.length;
+		let r = e.querySelectorAll(":scope > .select-chat__turn"), i = r.length > 0 ? r[r.length - 1] : null;
+		if (!i && n && !t) {
+			let e = n.previousElementSibling;
+			i = e != null && e.classList.contains("select-chat__msg--user") ? e : n;
+		}
+		let a = e.scrollHeight - e.clientHeight, o = i ? Math.min(a, i.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop - 12) : a;
+		t ? e.scrollTop = o : o > e.scrollTop + 1 && (typeof e.scrollTo == "function" ? e.scrollTo({
+			top: o,
+			behavior: m() ? "auto" : "smooth"
+		}) : e.scrollTop = o);
+	}, [
+		u,
+		b,
+		W
+	]), r(() => {
+		var e;
+		u && typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover) and (pointer: fine)").matches && ((e = z.current) == null || e.focus());
+	}, [u]);
+	let G = () => {
+		var e;
+		d(!1), (e = B.current) == null || e.focus();
+	}, K = (e) => {
+		e.key === "Escape" && (e.stopPropagation(), G());
+	}, q = (e) => {
+		e.preventDefault();
+		let t = V.trim();
+		!t || T || W || (C == null || C(t), H(""));
+	}, J = typeof v == "number" && v > 0;
+	return /* @__PURE__ */ c("div", {
+		className: "select-assistant" + (O === "container" ? " select-assistant--container" : "") + (u ? " is-open" : "") + (M ? " " + M : ""),
+		children: [u && /* @__PURE__ */ c("section", {
+			id: L,
+			className: "select-assistant__panel",
+			role: "dialog",
+			"aria-modal": "false",
+			"aria-label": typeof h == "string" ? h : _,
+			onKeyDown: K,
+			children: [
+				/* @__PURE__ */ c("header", {
+					className: "select-assistant__head",
+					children: [
+						/* @__PURE__ */ s("span", {
+							className: "select-assistant__mark",
+							"aria-hidden": "true",
+							children: f
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "select-assistant__heading",
+							children: [/* @__PURE__ */ s("span", {
+								className: "select-assistant__title",
+								children: h
+							}), g != null && /* @__PURE__ */ s("span", {
+								className: "select-assistant__subtitle",
+								children: g
+							})]
+						}),
+						D,
+						/* @__PURE__ */ s("button", {
+							type: "button",
+							className: "select-assistant__close",
+							onClick: G,
+							"aria-label": P,
+							title: P,
+							children: /* @__PURE__ */ s(e, {})
+						})
+					]
+				}),
+				/* @__PURE__ */ c("div", {
+					ref: R,
+					className: "select-assistant__body",
+					role: "log",
+					"aria-live": "polite",
+					children: [y, W ? /* @__PURE__ */ s(p, { label: typeof E == "string" ? E : void 0 }) : null]
+				}),
+				(C || x && x.length > 0) && /* @__PURE__ */ c("footer", {
+					className: "select-assistant__foot",
+					children: [x && x.length > 0 && /* @__PURE__ */ s("div", {
+						className: "select-assistant__suggestions",
+						children: x.map((e) => /* @__PURE__ */ s("button", {
+							type: "button",
+							className: "select-assistant__chip",
+							disabled: T || W,
+							onClick: () => S == null ? void 0 : S(e.id),
+							children: e.label
+						}, e.id))
+					}), C && /* @__PURE__ */ c("form", {
+						className: "select-assistant__composer",
+						onSubmit: q,
+						children: [/* @__PURE__ */ s("input", {
+							ref: z,
+							className: "select-assistant__input",
+							type: "text",
+							value: V,
+							onChange: (e) => H(e.target.value),
+							placeholder: w,
+							"aria-label": I,
+							maxLength: l,
+							autoComplete: "off",
+							enterKeyHint: "send",
+							disabled: T
+						}), /* @__PURE__ */ s("button", {
+							type: "submit",
+							className: "select-assistant__send",
+							disabled: T || W || V.trim() === "",
+							"aria-label": F,
+							title: F,
+							children: /* @__PURE__ */ s(t, {})
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ c("button", {
+			ref: B,
+			type: "button",
+			className: "select-assistant__launcher",
+			onClick: () => d(!u),
+			"aria-expanded": u,
+			"aria-controls": u ? L : void 0,
+			"aria-label": J ? `${_} (${v})` : _,
+			title: _,
+			children: [u ? /* @__PURE__ */ s(e, {}) : f, J && !u && /* @__PURE__ */ s("span", {
+				className: "select-assistant__badge",
+				"aria-hidden": "true",
+				children: v > 99 ? "99+" : v
+			})]
+		})]
+	});
+}
+function d({ from: e, bare: t = !1, children: n }) {
+	return /* @__PURE__ */ s("div", {
+		className: `select-chat__msg select-chat__msg--${e}${t ? " select-chat__msg--bare" : ""}`,
+		children: /* @__PURE__ */ s("div", {
+			className: "select-chat__bubble",
+			children: n
+		})
+	});
+}
+function f({ children: e }) {
+	return /* @__PURE__ */ s("div", {
+		className: "select-chat__turn",
+		children: e
+	});
+}
+function p({ label: e }) {
+	let t = n().assistant.typing;
+	return /* @__PURE__ */ s("div", {
+		className: "select-chat__msg select-chat__msg--assistant select-chat__msg--typing",
+		role: "status",
+		"aria-label": e ?? t,
+		children: /* @__PURE__ */ c("div", {
+			className: "select-chat__bubble",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ s("span", { className: "select-chat__dot" }),
+				/* @__PURE__ */ s("span", { className: "select-chat__dot" }),
+				/* @__PURE__ */ s("span", { className: "select-chat__dot" })
+			]
+		})
+	});
+}
+function m() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+//#endregion
+export { u as SelectAssistant, d as SelectChatMessage, f as SelectChatTurn, p as SelectChatTyping };
+
+//# sourceMappingURL=SelectAssistant.js.map