@selectwin/kit 0.1.197 → 0.1.199

package/dist/SelectMail.js

@@ -0,0 +1,811 @@
+/* empty css           */
+import { ArrowLeftIcon as e, ArrowUpRightIcon as t, ChevronDownIcon as n, ChevronUpIcon as r, CloseIcon as i, ExternalLinkIcon as a, FileDownloadIcon as o, InfoIcon as s, PaperclipIcon as c, PlusIcon as l, RefreshIcon as u, ShieldTickIcon as d, StarIcon as f, TargetIcon as p, WarningIcon as m } from "./icons.js";
+import { SelectPopover as h } from "./SelectPopover.js";
+import { SelectIconButton as g } from "./SelectIconButton.js";
+import { SelectAvatar as _ } from "./SelectAvatar.js";
+import { useRef as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/SelectMail.tsx
+function C(e) {
+	var t;
+	return e ? ((t = e.name) == null ? void 0 : t.trim()) || e.address : "Remetente desconhecido";
+}
+var w = (...e) => e.filter(Boolean).join(" ");
+function T({ toolbar: e, banner: t, list: n, reader: r, readerOpen: i = !1, children: a, fullBody: o, aside: s, asideLabel: c = "Sobre a conversa", "aria-label": l }) {
+	return /* @__PURE__ */ S("div", {
+		className: w("select-inbox", i && "is-reading"),
+		"aria-label": l,
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "select-inbox__toolbar",
+				children: e
+			}),
+			t,
+			o ? /* @__PURE__ */ x("div", {
+				className: "select-inbox__body select-inbox__body--full",
+				children: o
+			}) : /* @__PURE__ */ S("div", {
+				className: "select-inbox__body",
+				children: [
+					/* @__PURE__ */ x("section", {
+						className: "select-inbox__list",
+						"aria-label": "Conversas",
+						children: n
+					}),
+					/* @__PURE__ */ x("section", {
+						className: "select-inbox__reader",
+						"aria-label": "Conversa aberta",
+						children: r
+					}),
+					s ? /* @__PURE__ */ x("aside", {
+						className: "select-inbox__aside",
+						"aria-label": c,
+						children: s
+					}) : null
+				]
+			}),
+			a
+		]
+	});
+}
+function E({ tone: e = "warning", children: t, action: n }) {
+	return /* @__PURE__ */ S("div", {
+		className: `select-inbox-banner select-inbox-banner--${e}`,
+		role: e === "info" ? "status" : "alert",
+		children: [
+			/* @__PURE__ */ x("span", {
+				className: "select-inbox-banner__icon",
+				"aria-hidden": "true",
+				children: x(e === "info" ? s : m, {})
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "select-inbox-banner__text",
+				children: t
+			}),
+			n ? /* @__PURE__ */ x("span", {
+				className: "select-inbox-banner__action",
+				children: n
+			}) : null
+		]
+	});
+}
+function D({ title: e, status: t, children: n, actions: r }) {
+	return /* @__PURE__ */ S("div", {
+		className: "select-inboxbar",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "select-inboxbar__title",
+				children: [/* @__PURE__ */ x("h1", {
+					className: "select-inboxbar__heading",
+					children: e
+				}), t]
+			}),
+			n ? /* @__PURE__ */ x("div", {
+				className: "select-inboxbar__controls",
+				children: n
+			}) : null,
+			/* @__PURE__ */ x("span", { className: "select-inboxbar__spacer" }),
+			r ? /* @__PURE__ */ x("div", {
+				className: "select-inboxbar__actions",
+				children: r
+			}) : null
+		]
+	});
+}
+function O({ tone: e, children: t }) {
+	return /* @__PURE__ */ S("span", {
+		className: `select-mailbox-status select-mailbox-status--${e}`,
+		children: [/* @__PURE__ */ x("span", {
+			className: "select-mailbox-status__dot",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ x("span", {
+			className: "select-mailbox-status__text",
+			children: t
+		})]
+	});
+}
+function k({ icon: e, title: t, children: n, details: r, action: i, tone: a = "neutral" }) {
+	return /* @__PURE__ */ S("div", {
+		className: `select-inbox-empty select-inbox-empty--${a}`,
+		children: [
+			e ? /* @__PURE__ */ x("span", {
+				className: "select-inbox-empty__icon",
+				"aria-hidden": "true",
+				children: e
+			}) : null,
+			/* @__PURE__ */ x("div", {
+				className: "select-inbox-empty__title",
+				children: t
+			}),
+			n ? /* @__PURE__ */ x("div", {
+				className: "select-inbox-empty__text",
+				children: n
+			}) : null,
+			r ? /* @__PURE__ */ x("div", {
+				className: "select-inbox-empty__details",
+				children: r
+			}) : null,
+			i ? /* @__PURE__ */ x("div", {
+				className: "select-inbox-empty__action",
+				children: i
+			}) : null
+		]
+	});
+}
+function A({ children: e, "aria-label": t }) {
+	return /* @__PURE__ */ x("div", {
+		className: "select-maillist",
+		"aria-label": t,
+		children: e
+	});
+}
+function j({ label: e, children: t }) {
+	return /* @__PURE__ */ S("div", {
+		className: "select-maillist__group",
+		role: "group",
+		"aria-label": e,
+		children: [/* @__PURE__ */ x("div", {
+			className: "select-maillist__grouplabel",
+			"aria-hidden": "true",
+			children: e
+		}), /* @__PURE__ */ x("div", {
+			className: "select-maillist__items",
+			children: t
+		})]
+	});
+}
+function M({ from: e, avatar: t, subject: n, snippet: r, date: i, count: a, attachments: o, active: s = !1, unread: l = !1, flagged: u = !1, onClick: d }) {
+	let p = t === !1 ? void 0 : t ?? (typeof e == "string" ? e : void 0);
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		className: w("select-maillist__row", s && "is-active", l && "is-unread"),
+		"aria-current": s || void 0,
+		onClick: d,
+		children: [t === !1 ? null : /* @__PURE__ */ x(_, {
+			name: p,
+			initials: 2,
+			className: "select-maillist__avatar"
+		}), /* @__PURE__ */ S("span", {
+			className: "select-maillist__main",
+			children: [
+				/* @__PURE__ */ S("span", {
+					className: "select-maillist__line",
+					children: [
+						l ? /* @__PURE__ */ x("span", {
+							className: "select-maillist__sr",
+							children: "Não lida: "
+						}) : null,
+						/* @__PURE__ */ x("span", {
+							className: "select-maillist__from",
+							children: e
+						}),
+						a && a > 1 ? /* @__PURE__ */ x("span", {
+							className: "select-maillist__count",
+							"aria-label": `${a} mensagens`,
+							children: a
+						}) : null,
+						l ? /* @__PURE__ */ x("span", {
+							className: "select-maillist__dot",
+							"aria-hidden": "true"
+						}) : null,
+						u ? /* @__PURE__ */ x("span", {
+							className: "select-maillist__star",
+							role: "img",
+							"aria-label": "Com estrela",
+							children: /* @__PURE__ */ x(f, { filled: !0 })
+						}) : null,
+						i ? /* @__PURE__ */ x("span", {
+							className: "select-maillist__date",
+							children: i
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ x("span", {
+					className: "select-maillist__subject",
+					children: n
+				}),
+				r || o ? /* @__PURE__ */ S("span", {
+					className: "select-maillist__line",
+					children: [/* @__PURE__ */ x("span", {
+						className: "select-maillist__snippet",
+						children: r
+					}), o ? /* @__PURE__ */ x("span", {
+						className: "select-maillist__clip",
+						role: "img",
+						"aria-label": o === 1 ? "1 anexo" : `${o} anexos`,
+						children: /* @__PURE__ */ x(c, {})
+					}) : null]
+				}) : null
+			]
+		})]
+	});
+}
+function N({ rows: e = 6 }) {
+	return /* @__PURE__ */ x("div", {
+		className: "select-maillist__skeleton",
+		"aria-hidden": "true",
+		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ S("div", {
+			className: "select-maillist__skelrow",
+			children: [/* @__PURE__ */ x("span", { className: "select-maillist__skel select-maillist__skel--avatar" }), /* @__PURE__ */ S("span", {
+				className: "select-maillist__skelcol",
+				children: [/* @__PURE__ */ x("span", {
+					className: "select-maillist__skel",
+					style: { width: `${38 + t * 7 % 18}%` }
+				}), /* @__PURE__ */ x("span", {
+					className: "select-maillist__skel",
+					style: { width: `${62 + t * 11 % 22}%` }
+				})]
+			})]
+		}, t))
+	});
+}
+function ee({ children: e, tone: t = "muted" }) {
+	return /* @__PURE__ */ x("div", {
+		className: `select-maillist__note select-maillist__note--${t}`,
+		children: e
+	});
+}
+function te({ title: t, meta: n, actions: r, tools: i, onBack: a, children: o, footer: s, variant: c = "mail" }) {
+	return /* @__PURE__ */ S("div", {
+		className: w("select-mailreader", c === "chat" && "select-mailreader--chat"),
+		children: [
+			/* @__PURE__ */ S("header", {
+				className: "select-mailreader__head",
+				children: [
+					a ? /* @__PURE__ */ x("span", {
+						className: "select-mailreader__back",
+						children: /* @__PURE__ */ x(g, {
+							icon: /* @__PURE__ */ x(e, {}),
+							label: "Voltar para a lista",
+							size: "sm",
+							onClick: a
+						})
+					}) : null,
+					/* @__PURE__ */ S("div", {
+						className: "select-mailreader__titles",
+						children: [/* @__PURE__ */ x("h2", {
+							className: "select-mailreader__title",
+							children: t
+						}), n ? /* @__PURE__ */ x("div", {
+							className: "select-mailreader__meta",
+							children: n
+						}) : null]
+					}),
+					r || i ? /* @__PURE__ */ S("div", {
+						className: "select-mailreader__actions",
+						children: [
+							r,
+							r && i ? /* @__PURE__ */ x("span", {
+								className: "select-mailreader__sep",
+								"aria-hidden": "true"
+							}) : null,
+							i ? /* @__PURE__ */ x("span", {
+								className: "select-mailreader__tools",
+								role: "group",
+								"aria-label": "Organizar a conversa",
+								children: i
+							}) : null
+						]
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "select-mailreader__thread",
+				children: o
+			}),
+			s ? /* @__PURE__ */ x("div", {
+				className: "select-mailreader__footer",
+				children: s
+			}) : null
+		]
+	});
+}
+function P({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle: s, actions: l, notice: u, text: d, children: f, attachments: p, collapsed: m = !1, snippet: h, hasAttachments: v = !1, onToggle: y }) {
+	let b = (e) => !!e && !!a && e.address.toLowerCase() === a.toLowerCase(), w = (e) => (e ?? []).map((e) => b(e) ? "você" : C(e)).join(", "), T = C(e);
+	if (m) return /* @__PURE__ */ S("button", {
+		type: "button",
+		className: "select-mailmsg select-mailmsg--collapsed",
+		"aria-expanded": !1,
+		onClick: y,
+		children: [
+			/* @__PURE__ */ x(_, {
+				name: T,
+				initials: 2,
+				className: "select-mailmsg__avatar select-mailmsg__avatar--sm"
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "select-mailmsg__from",
+				children: b(e) ? "Você" : T
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "select-mailmsg__snippet",
+				children: h
+			}),
+			v ? /* @__PURE__ */ x("span", {
+				className: "select-mailmsg__clip",
+				role: "img",
+				"aria-label": "Com anexo",
+				children: /* @__PURE__ */ x(c, {})
+			}) : null,
+			/* @__PURE__ */ x("span", {
+				className: "select-mailmsg__date",
+				title: s,
+				children: o
+			})
+		]
+	});
+	let E = [
+		t != null && t.length ? `para ${w(t)}` : "",
+		n != null && n.length ? `cc ${w(n)}` : "",
+		i != null && i.length ? `cco ${w(i)}` : ""
+	].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ S("article", {
+		className: "select-mailmsg",
+		children: [
+			/* @__PURE__ */ S("header", {
+				className: "select-mailmsg__head",
+				children: [
+					/* @__PURE__ */ x(_, {
+						name: T,
+						initials: 2,
+						className: "select-mailmsg__avatar"
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "select-mailmsg__who",
+						children: [/* @__PURE__ */ S("span", {
+							className: "select-mailmsg__line",
+							children: [/* @__PURE__ */ x("span", {
+								className: "select-mailmsg__from",
+								children: T
+							}), e != null && e.name ? /* @__PURE__ */ x("span", {
+								className: "select-mailmsg__address",
+								children: e.address
+							}) : null]
+						}), E ? /* @__PURE__ */ x("span", {
+							className: "select-mailmsg__to",
+							children: E
+						}) : null]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "select-mailmsg__side",
+						children: [
+							/* @__PURE__ */ x("span", {
+								className: "select-mailmsg__date",
+								title: s,
+								children: o
+							}),
+							l,
+							y ? /* @__PURE__ */ x(g, {
+								icon: /* @__PURE__ */ x(r, {}),
+								label: "Recolher a mensagem",
+								size: "sm",
+								onClick: y,
+								"aria-expanded": !0
+							}) : null
+						]
+					})
+				]
+			}),
+			u ? /* @__PURE__ */ x("div", {
+				className: "select-mailmsg__notices",
+				children: u
+			}) : null,
+			f ? /* @__PURE__ */ x("div", {
+				className: "select-mailmsg__body",
+				children: f
+			}) : d ? /* @__PURE__ */ x("div", {
+				className: "select-mailmsg__text",
+				children: d
+			}) : null,
+			p ? /* @__PURE__ */ x("div", {
+				className: "select-mailmsg__attachments",
+				children: p
+			}) : null
+		]
+	});
+}
+function F({ tone: e = "info", icon: t, children: n }) {
+	return /* @__PURE__ */ S("div", {
+		className: `select-mailnotice select-mailnotice--${e}`,
+		children: [/* @__PURE__ */ x("span", {
+			className: "select-mailnotice__icon",
+			"aria-hidden": "true",
+			children: t ?? x(e === "warning" ? s : d, {})
+		}), /* @__PURE__ */ x("span", { children: n })]
+	});
+}
+var I = /* @__PURE__ */ new Set([
+	"JPG",
+	"JPEG",
+	"PNG",
+	"GIF",
+	"WEBP",
+	"HEIC",
+	"SVG"
+]), L = /* @__PURE__ */ new Set([
+	"XLS",
+	"XLSX",
+	"CSV",
+	"ODS"
+]);
+function R(e) {
+	let t = e.lastIndexOf("."), n = t > 0 ? e.slice(t + 1).toUpperCase() : "";
+	return /^[A-Z0-9]{1,4}$/.test(n) ? n : "ARQ";
+}
+function z(e) {
+	return e === "PDF" ? "pdf" : I.has(e) ? "image" : L.has(e) ? "sheet" : "other";
+}
+function B({ name: e, size: t, state: n = "idle", onClick: r, loadingLabel: i = "Gerando o link…", readyLabel: s = "Abrir", failedLabel: c = "Não deu para pegar · tentar de novo" }) {
+	let l = R(e), u = n === "loading" ? i : n === "ready" ? s : n === "failed" ? c : t, d = n === "ready" ? `Abrir ${e} em outra aba` : n === "loading" ? `${e}: gerando o link` : `Pegar o anexo ${e}`;
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		className: `select-mailatt select-mailatt--${n}`,
+		onClick: r,
+		"aria-label": d,
+		"aria-busy": n === "loading" || void 0,
+		children: [
+			/* @__PURE__ */ x("span", {
+				className: `select-mailatt__ext select-mailatt__ext--${z(l)}`,
+				"aria-hidden": "true",
+				children: l
+			}),
+			/* @__PURE__ */ S("span", {
+				className: "select-mailatt__text",
+				children: [/* @__PURE__ */ x("span", {
+					className: "select-mailatt__name",
+					children: e
+				}), u ? /* @__PURE__ */ x("span", {
+					className: "select-mailatt__sub",
+					children: u
+				}) : null]
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "select-mailatt__icon",
+				"aria-hidden": "true",
+				children: x(n === "ready" ? a : n === "failed" ? m : o, {})
+			})
+		]
+	});
+}
+function V({ children: e, onClick: n, variant: r = "link", title: i }) {
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		className: `select-leadchip select-leadchip--${r}`,
+		onClick: n,
+		title: i,
+		children: [
+			/* @__PURE__ */ x("span", {
+				className: "select-leadchip__icon",
+				"aria-hidden": "true",
+				children: x(r === "create" ? l : p, {})
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "select-leadchip__label",
+				children: e
+			}),
+			r === "link" ? /* @__PURE__ */ x("span", {
+				className: "select-leadchip__go",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ x(t, {})
+			}) : null
+		]
+	});
+}
+var H = (e) => {
+	var t;
+	return Array.from(((t = e.dataTransfer) == null ? void 0 : t.types) ?? []).includes("Files");
+};
+function U({ variant: e = "inline", title: t, minimized: a = !1, onToggleMinimize: o, onClose: l, closeLabel: u = "Fechar e descartar", error: d, attachments: f, onFiles: p, dropLabel: m = "Solte para anexar", footer: h, children: _, "aria-label": C }) {
+	let T = e === "dock", [E, D] = y(!1), O = v(0), k = p ? {
+		onDragEnter: (e) => {
+			H(e) && (e.preventDefault(), O.current += 1, D(!0));
+		},
+		onDragOver: (e) => {
+			H(e) && e.preventDefault();
+		},
+		onDragLeave: (e) => {
+			H(e) && (O.current = Math.max(0, O.current - 1), O.current === 0 && D(!1));
+		},
+		onDrop: (e) => {
+			if (!H(e)) return;
+			e.preventDefault(), O.current = 0, D(!1);
+			let t = Array.from(e.dataTransfer.files);
+			t.length && p(t);
+		}
+	} : {};
+	return /* @__PURE__ */ S("div", {
+		className: w("select-mailcomposer", `select-mailcomposer--${e}`, a && "is-minimized", E && "is-dragging"),
+		role: T ? "dialog" : "group",
+		"aria-label": C,
+		...k,
+		children: [
+			T ? /* @__PURE__ */ S("div", {
+				className: "select-mailcomposer__bar",
+				children: [
+					/* @__PURE__ */ x("span", {
+						className: "select-mailcomposer__title",
+						children: t
+					}),
+					o ? /* @__PURE__ */ x(g, {
+						icon: x(a ? r : n, {}),
+						label: a ? "Abrir a janela" : "Minimizar",
+						size: "sm",
+						onClick: o
+					}) : null,
+					l ? /* @__PURE__ */ x(g, {
+						icon: /* @__PURE__ */ x(i, {}),
+						label: u,
+						size: "sm",
+						onClick: l
+					}) : null
+				]
+			}) : null,
+			E && !a ? /* @__PURE__ */ S("div", {
+				className: "select-mailcomposer__drop",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ x(c, {}), /* @__PURE__ */ x("span", { children: m })]
+			}) : null,
+			a ? null : /* @__PURE__ */ S(b, { children: [
+				/* @__PURE__ */ x("div", {
+					className: "select-mailcomposer__fields",
+					children: _
+				}),
+				f,
+				d ? /* @__PURE__ */ S("div", {
+					className: "select-mailcomposer__error",
+					role: "alert",
+					children: [/* @__PURE__ */ x("span", {
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ x(s, {})
+					}), /* @__PURE__ */ x("span", { children: d })]
+				}) : null,
+				/* @__PURE__ */ x("div", {
+					className: "select-mailcomposer__footer",
+					children: h
+				})
+			] })
+		]
+	});
+}
+function W({ label: e, children: t, action: n }) {
+	return /* @__PURE__ */ S("div", {
+		className: "select-mailcomposer__row",
+		children: [
+			e ? /* @__PURE__ */ x("span", {
+				className: "select-mailcomposer__label",
+				children: e
+			}) : null,
+			/* @__PURE__ */ x("div", {
+				className: "select-mailcomposer__control",
+				children: t
+			}),
+			n ? /* @__PURE__ */ x("div", {
+				className: "select-mailcomposer__rowaction",
+				children: n
+			}) : null
+		]
+	});
+}
+function G({ value: e, onChange: t, placeholder: n, "aria-label": r, maxLength: i }) {
+	return /* @__PURE__ */ x("input", {
+		className: "select-mailcomposer__input",
+		value: e,
+		onChange: (e) => t(e.target.value),
+		placeholder: n,
+		"aria-label": r,
+		maxLength: i
+	});
+}
+function K({ value: e, onChange: t, placeholder: n, rows: r = 6, "aria-label": i = "Mensagem", maxLength: a }) {
+	return /* @__PURE__ */ x("textarea", {
+		className: "select-mailcomposer__body",
+		value: e,
+		onChange: (e) => t(e.target.value),
+		placeholder: n,
+		rows: r,
+		"aria-label": i,
+		maxLength: a
+	});
+}
+function q({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i = "Anexar arquivo" }) {
+	let a = v(null);
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
+		icon: /* @__PURE__ */ x(c, {}),
+		label: i,
+		size: "sm",
+		disabled: r,
+		onClick: () => {
+			var e;
+			return (e = a.current) == null ? void 0 : e.click();
+		}
+	}), /* @__PURE__ */ x("input", {
+		ref: a,
+		type: "file",
+		className: "select-mailcomposer__file",
+		accept: t,
+		multiple: n,
+		tabIndex: -1,
+		"aria-hidden": "true",
+		onChange: (t) => {
+			let n = Array.from(t.target.files ?? []);
+			t.target.value = "", n.length && e(n);
+		}
+	})] });
+}
+function J({ children: e, note: t }) {
+	return /* @__PURE__ */ S("div", {
+		className: "select-mailcomposer__attachments",
+		role: "list",
+		"aria-label": "Anexos",
+		children: [e, t ? /* @__PURE__ */ x("span", {
+			className: "select-mailcomposer__attnote",
+			children: t
+		}) : null]
+	});
+}
+function Y({ name: e, size: t, state: n = "done", progress: r, error: a, onRemove: o, onRetry: s }) {
+	let c = R(e), l = r == null ? null : Math.round(Math.min(1, Math.max(0, r)) * 100), d = n === "uploading" ? l == null ? "Subindo…" : `Subindo… ${l}%` : n === "failed" ? a ?? "Não subiu" : t;
+	return /* @__PURE__ */ S("span", {
+		className: `select-mailupload select-mailupload--${n}`,
+		role: "listitem",
+		"aria-busy": n === "uploading" || void 0,
+		children: [
+			/* @__PURE__ */ x("span", {
+				className: `select-mailatt__ext select-mailatt__ext--${z(c)} select-mailupload__ext`,
+				"aria-hidden": "true",
+				children: c
+			}),
+			/* @__PURE__ */ S("span", {
+				className: "select-mailupload__text",
+				children: [/* @__PURE__ */ x("span", {
+					className: "select-mailupload__name",
+					title: e,
+					children: e
+				}), d ? /* @__PURE__ */ x("span", {
+					className: "select-mailupload__sub",
+					children: d
+				}) : null]
+			}),
+			n === "failed" && s ? /* @__PURE__ */ x("button", {
+				type: "button",
+				className: "select-mailupload__btn",
+				onClick: s,
+				"aria-label": `Subir ${e} de novo`,
+				title: "Tentar de novo",
+				children: /* @__PURE__ */ x(u, {})
+			}) : null,
+			/* @__PURE__ */ x("button", {
+				type: "button",
+				className: "select-mailupload__btn",
+				onClick: o,
+				"aria-label": `Tirar o anexo ${e}`,
+				title: "Tirar",
+				children: /* @__PURE__ */ x(i, {})
+			}),
+			n === "uploading" ? /* @__PURE__ */ x("span", {
+				className: "select-mailupload__bar",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ x("span", {
+					className: l == null ? "is-indeterminate" : void 0,
+					style: l == null ? void 0 : { width: `${l}%` }
+				})
+			}) : null
+		]
+	});
+}
+function X({ start: e, note: t, end: n }) {
+	return /* @__PURE__ */ S(b, { children: [
+		e ? /* @__PURE__ */ x("div", {
+			className: "select-mailcomposer__start",
+			children: e
+		}) : null,
+		/* @__PURE__ */ x("span", {
+			className: "select-mailcomposer__note",
+			children: t
+		}),
+		n ? /* @__PURE__ */ x("div", {
+			className: "select-mailcomposer__end",
+			children: n
+		}) : null
+	] });
+}
+var Z = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Q = /[\s,;]+/;
+function $(e) {
+	return Z.test(e);
+}
+function ne({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a, "aria-label": o }) {
+	let [s, c] = y(""), l = v(null), u = (n) => {
+		let r = n.split(Q).map((e) => e.trim()).filter(Boolean);
+		if (c(""), !r.length) return;
+		let i = [...e];
+		for (let e of r) i.some((t) => t.toLowerCase() === e.toLowerCase()) || i.push(e);
+		i.length !== e.length && t(i);
+	};
+	return /* @__PURE__ */ S("div", {
+		className: "select-recipients",
+		onClick: () => {
+			var e;
+			return (e = l.current) == null ? void 0 : e.focus();
+		},
+		children: [e.map((a) => {
+			let o = !r(a), s = (n == null ? void 0 : n[a]) ?? a;
+			return /* @__PURE__ */ S("span", {
+				className: w("select-recipients__chip", o && "is-invalid"),
+				title: s === a ? o ? "Endereço inválido" : void 0 : a,
+				children: [/* @__PURE__ */ x("span", {
+					className: "select-recipients__label",
+					children: s
+				}), /* @__PURE__ */ x("button", {
+					type: "button",
+					className: "select-recipients__remove",
+					"aria-label": `Tirar ${s}`,
+					onClick: (n) => {
+						n.stopPropagation(), t(e.filter((e) => e !== a));
+					},
+					children: /* @__PURE__ */ x(i, {})
+				})]
+			}, a);
+		}), /* @__PURE__ */ x("input", {
+			ref: l,
+			className: "select-recipients__input",
+			value: s,
+			onChange: (e) => c(e.target.value),
+			onKeyDown: (n) => {
+				(n.key === "Enter" || n.key === "," || n.key === ";" || n.key === "Tab") && s.trim() ? (n.preventDefault(), u(s)) : n.key === "Backspace" && !s && e.length && t(e.slice(0, -1));
+			},
+			onPaste: (e) => {
+				let t = e.clipboardData.getData("text");
+				Q.test(t.trim()) && (e.preventDefault(), u(s + t));
+			},
+			onBlur: () => u(s),
+			placeholder: e.length ? void 0 : a,
+			"aria-label": o,
+			inputMode: "email",
+			autoComplete: "off"
+		})]
+	});
+}
+function re({ open: e, onClose: t, activator: n, templates: r, onPick: i, hint: a, footer: o, empty: s = "Nenhum modelo ainda." }) {
+	return /* @__PURE__ */ x(h, {
+		active: e,
+		onClose: t,
+		activator: n,
+		placement: "top-start",
+		role: "menu",
+		children: /* @__PURE__ */ S("div", {
+			className: "select-tplmenu",
+			children: [
+				a ? /* @__PURE__ */ x("div", {
+					className: "select-tplmenu__hint",
+					children: a
+				}) : null,
+				r.length ? r.map((e) => /* @__PURE__ */ S("button", {
+					type: "button",
+					role: "menuitem",
+					className: "select-tplmenu__item",
+					onClick: () => {
+						i(e.id), t();
+					},
+					children: [/* @__PURE__ */ x("span", {
+						className: "select-tplmenu__name",
+						children: e.name
+					}), /* @__PURE__ */ x("span", {
+						className: "select-tplmenu__subject",
+						children: e.subject
+					})]
+				}, e.id)) : /* @__PURE__ */ x("div", {
+					className: "select-tplmenu__empty",
+					children: s
+				}),
+				o ? /* @__PURE__ */ x("div", {
+					className: "select-tplmenu__footer",
+					children: o
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+export { T as SelectInbox, E as SelectInboxBanner, k as SelectInboxEmpty, D as SelectInboxToolbar, V as SelectLeadChip, q as SelectMailAttachButton, B as SelectMailAttachment, U as SelectMailComposer, J as SelectMailComposerAttachments, K as SelectMailComposerBody, X as SelectMailComposerFooter, G as SelectMailComposerInput, W as SelectMailComposerRow, A as SelectMailList, j as SelectMailListGroup, M as SelectMailListItem, ee as SelectMailListNote, N as SelectMailListSkeleton, P as SelectMailMessage, F as SelectMailNotice, te as SelectMailReader, Y as SelectMailUpload, O as SelectMailboxStatus, ne as SelectRecipientInput, re as SelectTemplateMenu, R as attachmentExt, $ as isMailAddress, C as mailName };
+
+//# sourceMappingURL=SelectMail.js.map