@selectwin/kit 0.1.197 → 0.1.198

package/dist/SelectColumnChart.js

@@ -0,0 +1,222 @@
+/* empty css           */
+import { CHART_PAD as e, chartColor as t, formatCompact as n, niceTicks as r, useChartSize as i, yAxisPad as a } from "./chartUtils.js";
+import { ChartTooltip as o, useChartTooltip as ee } from "./chartTip.js";
+import { useId as te, useState as ne } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectColumnChart.tsx
+var l = 6.4, re = 12, u = .45, d = 3;
+function f({ series: f, labels: p, height: m = 240, format: h = n, stacked: g = !1, marker: _, tooltip: v, compare: y, average: b, className: x, ...S }) {
+	var C;
+	let { ref: w, width: T } = i(m), E = ee(), D = te(), [O, k] = ne(null), A = p.length, j = f.length || 1, M = p.map((e, t) => f.reduce((e, n) => e + (n.data[t] ?? 0), 0)), N = y ? p.map((e, t) => y.data[t] ?? 0) : [], ie = Math.max(0, ...g ? M : f.flatMap((e) => e.data), ...N), { max: P, values: F } = r(ie, 4), I = {
+		...e,
+		left: a(F.map(h), w.current)
+	}, L = Math.max(0, T - I.left - I.right), R = m - I.top - I.bottom, z = I.top + R, B = A ? L / A : 0, V = (e) => z - e / P * R, H = y ? 1.45 : 1, ae = Math.min(B * .72, j * 40 * H), U = Math.min(B * (y ? .62 : .5) / H, 44), W = g ? U : ae / H / j, G = y ? (g ? U : W * j) * u : 0, K = Math.min(30, 600 / Math.max(1, A)), q = (e, t) => e.pattern === "hatch" ? `url(#${D}-p${t})` : `url(#${D}-c${t})`, J = (e) => e.edge ? {
+		stroke: e.edge,
+		strokeWidth: 1
+	} : {}, Y = _ && A > 0 ? Math.min(A - 1, Math.max(0, _.index)) : null, oe = p.reduce((e, t) => Math.max(e, t.length), 0), X = B > 0 ? Math.max(1, Math.ceil((oe * l + re) / B)) : 1, se = Y ?? 0, ce = (e) => X === 1 || ((e - se) % X + X) % X === 0, Z = g ? M : ((C = f[0]) == null ? void 0 : C.data) ?? [], Q = b && Z.length > 0 ? Z.reduce((e, t) => e + (t ?? 0), 0) / Z.length : null, le = typeof b == "object" && b.label ? b.label : "Média", ue = (e, n) => {
+		if (v) {
+			let t = v(e);
+			return t ? {
+				title: t.title ?? n,
+				rows: t.rows
+			} : null;
+		}
+		let r = f.map((n, r) => ({
+			label: n.name,
+			value: h(n.data[e] ?? 0),
+			color: n.color ?? t(r)
+		}));
+		return y && r.push({
+			label: y.name,
+			value: h(N[e] ?? 0),
+			color: "var(--select-chart-compare)"
+		}), {
+			title: n,
+			rows: r
+		};
+	}, $ = (e) => `select-chart__slot${O != null && O !== e ? " select-chart__slot--dim" : ""}`;
+	return /* @__PURE__ */ c("div", {
+		...S,
+		className: `select-chart-wrap${x ? " " + x : ""}`,
+		ref: w,
+		children: [T > 0 && /* @__PURE__ */ c("svg", {
+			width: T,
+			height: m,
+			className: "select-chart",
+			children: [
+				/* @__PURE__ */ s("defs", { children: f.map((e, n) => {
+					let r = e.color ?? t(n);
+					return e.pattern === "hatch" ? /* @__PURE__ */ c("pattern", {
+						id: `${D}-p${n}`,
+						width: 6,
+						height: 6,
+						patternUnits: "userSpaceOnUse",
+						patternTransform: "rotate(45)",
+						children: [/* @__PURE__ */ s("rect", {
+							width: 6,
+							height: 6,
+							fill: r,
+							fillOpacity: .16
+						}), /* @__PURE__ */ s("line", {
+							x1: 0,
+							y1: 0,
+							x2: 0,
+							y2: 6,
+							stroke: r,
+							strokeWidth: 2.5
+						})]
+					}, n) : /* @__PURE__ */ c("linearGradient", {
+						id: `${D}-c${n}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ s("stop", {
+							offset: "0%",
+							stopColor: r,
+							stopOpacity: 1
+						}), /* @__PURE__ */ s("stop", {
+							offset: "100%",
+							stopColor: r,
+							stopOpacity: .62
+						})]
+					}, n);
+				}) }),
+				F.map((e, t) => /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("line", {
+					x1: I.left,
+					x2: T - I.right,
+					y1: V(e),
+					y2: V(e),
+					className: t === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ s("text", {
+					x: I.left - 8,
+					y: V(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: h(e)
+				})] }, t)),
+				p.map((e, t) => {
+					let n = I.left + B * t, r = (g ? W : W * j) + (y ? G + d : 0), i = n + B / 2 - r / 2, a = i + (y ? G + d : 0), o = y ? /* @__PURE__ */ s("rect", {
+						x: i,
+						y: V(N[t] ?? 0),
+						width: G,
+						height: Math.max(0, z - V(N[t] ?? 0)),
+						rx: Math.min(3, G / 2),
+						className: "select-chart__compare",
+						style: { animationDelay: `${Math.round(t * K)}ms` }
+					}) : null;
+					if (g) {
+						let e = 0;
+						return /* @__PURE__ */ c("g", {
+							className: $(t),
+							children: [o, f.map((n, r) => {
+								let i = (n.data[t] ?? 0) / P * R, o = z - e - i;
+								return e += i, i <= 0 ? null : /* @__PURE__ */ s("rect", {
+									x: a,
+									y: o,
+									width: W,
+									height: i,
+									rx: Math.min(3, W / 2),
+									fill: q(n, r),
+									...J(n),
+									className: "select-chart__bar",
+									style: { animationDelay: `${Math.round(t * K)}ms` }
+								}, r);
+							})]
+						}, t);
+					}
+					return /* @__PURE__ */ c("g", {
+						className: $(t),
+						children: [o, f.map((e, n) => {
+							let r = (e.data[t] ?? 0) / P * R;
+							return /* @__PURE__ */ s("rect", {
+								x: a + n * W + W * .1,
+								y: z - r,
+								width: W * .8,
+								height: Math.max(0, r),
+								rx: 3,
+								fill: q(e, n),
+								...J(e),
+								className: "select-chart__bar",
+								style: { animationDelay: `${Math.round((t + n / j) * K)}ms` }
+							}, n);
+						})]
+					}, t);
+				}),
+				Q != null && Q > 0 && /* @__PURE__ */ c("g", {
+					pointerEvents: "none",
+					children: [/* @__PURE__ */ s("line", {
+						x1: I.left,
+						x2: T - I.right,
+						y1: V(Q),
+						y2: V(Q),
+						className: "select-chart__avg"
+					}), /* @__PURE__ */ s("text", {
+						x: I.left + 6,
+						y: V(Q) - 6,
+						className: "select-chart__avglabel",
+						children: `${le} ${h(Q)}`
+					})]
+				}),
+				_ && Y != null && (() => {
+					let e = I.left + B * Y + (_.edge === "end" ? B : B / 2), t = e > T - I.right - 44;
+					return /* @__PURE__ */ c("g", {
+						className: "select-chart__marker",
+						pointerEvents: "none",
+						children: [/* @__PURE__ */ s("line", {
+							x1: e,
+							x2: e,
+							y1: I.top - 4,
+							y2: z
+						}), _.label && /* @__PURE__ */ s("text", {
+							x: t ? e - 6 : e + 6,
+							y: I.top + 6,
+							textAnchor: t ? "end" : "start",
+							children: _.label
+						})]
+					});
+				})(),
+				p.map((e, t) => ce(t) ? /* @__PURE__ */ s("text", {
+					x: I.left + B * t + B / 2,
+					y: m - I.bottom + 16,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: e
+				}, t) : null),
+				p.map((e, t) => {
+					let n = g ? V(M[t] ?? 0) : Math.min(...f.map((e) => V(e.data[t] ?? 0))), r = y ? Math.min(n, V(N[t] ?? 0)) : n;
+					return /* @__PURE__ */ s("rect", {
+						x: I.left + B * t,
+						y: I.top,
+						width: B,
+						height: R,
+						fill: "transparent",
+						onMouseEnter: () => {
+							k(t);
+							let n = ue(t, e);
+							if (!n) {
+								E.hide();
+								return;
+							}
+							E.show({
+								x: I.left + B * t + B / 2,
+								y: r,
+								place: r < I.top + 52 ? "bottom" : "top",
+								title: n.title,
+								rows: n.rows
+							});
+						},
+						onMouseLeave: () => {
+							k(null), E.hide();
+						}
+					}, `h${t}`);
+				})
+			]
+		}), /* @__PURE__ */ s(o, { tip: E.tip })]
+	});
+}
+//#endregion
+export { f as SelectColumnChart };
+
+//# sourceMappingURL=SelectColumnChart.js.map

package/dist/SelectComboChart.js

@@ -0,0 +1,139 @@
+/* empty css           */
+import { CHART_PAD as e, chartColor as t, formatCompact as n, niceMax as r, smoothLinePath as i, ticks as a, useChartSize as o } from "./chartUtils.js";
+import { ChartTooltip as s, useChartTooltip as c } from "./chartTip.js";
+import { useId as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/SelectComboChart.tsx
+function p({ labels: p, bars: m, line: h, height: g = 240, formatBar: _ = n, formatLine: v = (e) => `${Math.round(e)}%`, className: y, ...b }) {
+	let { ref: x, width: S } = o(g), C = c(), w = l(), [T, E] = u(null), D = {
+		...e,
+		right: 58
+	}, O = Math.max(0, S - D.left - D.right), k = g - D.top - D.bottom, A = p.length, j = r(Math.max(0, ...m.data)), M = r(Math.max(0, ...h.data)), N = A > 0 ? O / A : 0, P = Math.min(N * .5, 36), F = Math.max(1, Math.ceil(A / 8)), I = m.color ?? t(0), L = h.color ?? t(1), R = D.top + k, z = (e) => R - e / j * k, B = (e) => R - e / M * k, V = (e) => D.left + N * e + N / 2, H = h.data.map((e, t) => [V(t), B(e)]);
+	return /* @__PURE__ */ f("div", {
+		...b,
+		className: `select-chart-wrap${y ? " " + y : ""}`,
+		ref: x,
+		children: [S > 0 && /* @__PURE__ */ f("svg", {
+			width: S,
+			height: g,
+			className: "select-chart",
+			children: [
+				/* @__PURE__ */ d("defs", { children: /* @__PURE__ */ f("linearGradient", {
+					id: `${w}-bar`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ d("stop", {
+						offset: "0%",
+						stopColor: I,
+						stopOpacity: 1
+					}), /* @__PURE__ */ d("stop", {
+						offset: "100%",
+						stopColor: I,
+						stopOpacity: .55
+					})]
+				}) }),
+				a(j).map((e, t) => /* @__PURE__ */ f("g", { children: [/* @__PURE__ */ d("line", {
+					x1: D.left,
+					x2: S - D.right,
+					y1: z(e),
+					y2: z(e),
+					className: t === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ d("text", {
+					x: D.left - 8,
+					y: z(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: _(e)
+				})] }, t)),
+				a(M).map((e, t) => /* @__PURE__ */ d("text", {
+					x: S - 4,
+					y: B(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: v(e)
+				}, `r${t}`)),
+				m.data.map((e, t) => {
+					let n = e / j * k;
+					return /* @__PURE__ */ d("rect", {
+						x: V(t) - P / 2,
+						y: R - n,
+						width: P,
+						height: Math.max(0, n),
+						rx: 5,
+						fill: `url(#${w}-bar)`,
+						className: "select-chart__bar",
+						style: { animationDelay: `${t * 40}ms` }
+					}, t);
+				}),
+				T != null && /* @__PURE__ */ d("line", {
+					x1: V(T),
+					x2: V(T),
+					y1: D.top,
+					y2: R,
+					className: "select-chart__crosshair"
+				}),
+				/* @__PURE__ */ d("path", {
+					d: i(H),
+					fill: "none",
+					stroke: L,
+					strokeWidth: 2.5,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					pathLength: 1,
+					className: "select-chart__line"
+				}),
+				T != null && /* @__PURE__ */ d("circle", {
+					cx: V(T),
+					cy: B(h.data[T] ?? 0),
+					r: 4,
+					fill: L,
+					className: "select-chart__dot select-chart__dot--active"
+				}),
+				p.map((e, t) => t % F === 0 || t === A - 1 ? /* @__PURE__ */ d("text", {
+					x: V(t),
+					y: g - D.bottom + 16,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: e
+				}, t) : null),
+				p.map((e, t) => /* @__PURE__ */ d("rect", {
+					x: D.left + N * t,
+					y: D.top,
+					width: N,
+					height: k,
+					fill: "transparent",
+					onMouseEnter: () => {
+						E(t);
+						let n = Math.min(z(m.data[t] ?? 0), B(h.data[t] ?? 0));
+						C.show({
+							x: V(t),
+							y: n,
+							place: n < D.top + 52 ? "bottom" : "top",
+							title: e,
+							rows: [{
+								label: m.name,
+								value: _(m.data[t] ?? 0),
+								color: I
+							}, {
+								label: h.name,
+								value: v(h.data[t] ?? 0),
+								color: L
+							}]
+						});
+					},
+					onMouseLeave: () => {
+						E(null), C.hide();
+					}
+				}, `h${t}`))
+			]
+		}), /* @__PURE__ */ d(s, { tip: C.tip })]
+	});
+}
+//#endregion
+export { p as SelectComboChart };
+
+//# sourceMappingURL=SelectComboChart.js.map

package/dist/SelectCombobox.js

@@ -0,0 +1,158 @@
+import { CheckIcon as e, ChevronDownIcon as t } from "./icons.js";
+import { useSelectMessages as n } from "./SelectLocale.js";
+import { SelectInfoTip as r } from "./SelectInfoTip.js";
+import { useSelectReveal as i } from "./internal/useSelectReveal.js";
+import { SelectPopover as a } from "./SelectPopover.js";
+import { forwardRef as o, useId as s, useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/SelectCombobox.tsx
+function f({ count: e, children: t }) {
+	let n = e > 0 ? Math.min(.03, .35 / e) : 0, r = i({
+		selector: ".select-combobox__option",
+		y: 6,
+		duration: .3,
+		stagger: n
+	});
+	return /* @__PURE__ */ u("div", {
+		className: "select-combobox__list",
+		ref: r,
+		children: t
+	});
+}
+var p = o(function({ label: i, value: o, onChange: p, options: m, placeholder: h, searchPlaceholder: g, labelAction: _, help: v, hint: y, error: b, emptyText: x, disabled: S, required: C, size: w = "md", searchable: T = !0, allowCustom: E = !1, customLabel: D, className: O, ...k }, A) {
+	let j = n(), M = h ?? j.common.selectPlaceholder, N = g ?? j.common.searchPlaceholder, P = x ?? j.common.noResults, F = s(), [I, L] = l(!1), [R, z] = l(""), B = m.find((e) => e.value === o), V = B ? B.label : E && o ? o : null, H = c(() => {
+		let e = R.trim().toLowerCase();
+		return !T || !e ? m : m.filter((t) => {
+			var n;
+			return t.label.toLowerCase().includes(e) || ((n = t.secondary) == null ? void 0 : n.toLowerCase().includes(e));
+		});
+	}, [
+		m,
+		R,
+		T
+	]), U = R.trim(), W = U ? m.find((e) => e.label.toLowerCase() === U.toLowerCase()) : void 0, G = E && T && U !== "" && !W, K = () => {
+		L(!1), z("");
+	}, q = (e) => {
+		p(e), K();
+	}, J = b ? `${F}-err` : y ? `${F}-hint` : void 0;
+	return /* @__PURE__ */ d("div", {
+		ref: A,
+		...k,
+		className: `select-field${w === "sm" ? " select-field--sm" : ""}${O ? " " + O : ""}`,
+		children: [
+			(i || v || _) && /* @__PURE__ */ d("div", {
+				className: "select-field__labelrow",
+				children: [/* @__PURE__ */ d("span", {
+					className: "select-field__labelwrap",
+					children: [i && /* @__PURE__ */ u("label", {
+						className: "select-field__label",
+						htmlFor: F,
+						children: i
+					}), v != null && v !== "" && /* @__PURE__ */ u(r, { content: v })]
+				}), _]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "select-combobox",
+				children: /* @__PURE__ */ u(a, {
+					active: I,
+					onClose: K,
+					placement: "bottom-start",
+					role: "listbox",
+					matchWidth: !0,
+					activator: /* @__PURE__ */ d("button", {
+						id: F,
+						type: "button",
+						className: `select-combobox__trigger${b ? " select-input--error" : ""}${I ? " is-open" : ""}`,
+						onClick: () => I ? K() : L(!0),
+						disabled: S,
+						"aria-haspopup": "listbox",
+						"aria-expanded": I,
+						"aria-required": C || void 0,
+						"aria-describedby": J,
+						children: [/* @__PURE__ */ u("span", {
+							className: `select-combobox__value${V == null ? " is-placeholder" : ""}`,
+							children: V ?? M
+						}), /* @__PURE__ */ u("span", {
+							className: "select-combobox__caret",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ u(t, {})
+						})]
+					}),
+					children: /* @__PURE__ */ d("div", {
+						className: "select-combobox__panel",
+						children: [T && /* @__PURE__ */ u("div", {
+							className: "select-combobox__search",
+							children: /* @__PURE__ */ u("input", {
+								className: "select-combobox__searchinput",
+								type: "text",
+								value: R,
+								onChange: (e) => z(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Enter" && E && U !== "" && (e.preventDefault(), q(W ? W.value : U));
+								},
+								placeholder: N,
+								autoFocus: !0
+							})
+						}), /* @__PURE__ */ d(f, {
+							count: H.length + +!!G,
+							children: [G && /* @__PURE__ */ u("button", {
+								type: "button",
+								role: "option",
+								"aria-selected": !1,
+								className: "select-combobox__option select-combobox__option--custom",
+								onClick: () => q(U),
+								children: /* @__PURE__ */ u("span", {
+									className: "select-combobox__optiontext",
+									children: /* @__PURE__ */ u("span", {
+										className: "select-combobox__optionlabel",
+										children: D ? D(U) : `Usar “${U}”`
+									})
+								})
+							}), H.length === 0 ? G ? null : /* @__PURE__ */ u("div", {
+								className: "select-combobox__empty",
+								children: P
+							}) : H.map((t) => {
+								let n = t.value === o;
+								return /* @__PURE__ */ d("button", {
+									type: "button",
+									role: "option",
+									"aria-selected": n,
+									disabled: t.disabled,
+									className: `select-combobox__option${n ? " is-selected" : ""}`,
+									onClick: () => q(t.value),
+									children: [/* @__PURE__ */ d("span", {
+										className: "select-combobox__optiontext",
+										children: [/* @__PURE__ */ u("span", {
+											className: "select-combobox__optionlabel",
+											children: t.label
+										}), t.secondary && /* @__PURE__ */ u("span", {
+											className: "select-combobox__optionsecondary",
+											children: t.secondary
+										})]
+									}), n && /* @__PURE__ */ u("span", {
+										className: "select-combobox__check",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ u(e, {})
+									})]
+								}, t.value);
+							})]
+						})]
+					})
+				})
+			}),
+			b ? /* @__PURE__ */ u("p", {
+				id: `${F}-err`,
+				className: "select-field__error",
+				children: b
+			}) : y ? /* @__PURE__ */ u("p", {
+				id: `${F}-hint`,
+				className: "select-field__hint",
+				children: y
+			}) : null
+		]
+	});
+});
+//#endregion
+export { p as SelectCombobox };
+
+//# sourceMappingURL=SelectCombobox.js.map

package/dist/SelectConfirmModal.js

@@ -0,0 +1,42 @@
+import { SelectButton as e } from "./SelectButton.js";
+import { useSelectMessages as t } from "./SelectLocale.js";
+import { detectSelectTheme as n } from "./detectSelectTheme.js";
+import { SelectModal as r } from "./SelectModal.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectConfirmModal.tsx
+function o({ open: o, onClose: s, onConfirm: c, title: l, children: u, confirmLabel: d, cancelLabel: f, destructive: p = !1, loading: m = !1, theme: h }) {
+	let g = t().common, _ = d ?? g.confirm, v = f ?? g.cancel;
+	return /* @__PURE__ */ i(r, {
+		open: o,
+		onClose: s,
+		title: l,
+		size: "sm",
+		theme: h ?? n(),
+		footer: /* @__PURE__ */ a("div", {
+			className: "select-modal__actions",
+			children: [/* @__PURE__ */ i(e, {
+				variant: "secondary",
+				size: "sm",
+				inline: !0,
+				onClick: s,
+				disabled: m,
+				children: v
+			}), /* @__PURE__ */ i(e, {
+				variant: p ? "danger" : "primary",
+				size: "sm",
+				inline: !0,
+				loading: m,
+				onClick: c,
+				children: _
+			})]
+		}),
+		children: u != null && u !== !1 && /* @__PURE__ */ i("div", {
+			className: "select-confirm__message",
+			children: u
+		})
+	});
+}
+//#endregion
+export { o as SelectConfirmModal };
+
+//# sourceMappingURL=SelectConfirmModal.js.map

package/dist/SelectConversation.js

@@ -0,0 +1,97 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectConversation.tsx
+var o = (...e) => e.filter(Boolean).join(" "), s = 48;
+function c(e) {
+	for (let t = (e == null ? void 0 : e.parentElement) ?? null; t; t = t.parentElement) {
+		let { overflowY: e } = getComputedStyle(t);
+		if (e === "auto" || e === "scroll") return t;
+	}
+	return null;
+}
+function l({ children: r, "aria-label": a }) {
+	let o = n(null), l = n(!0);
+	return e(() => {
+		let e = c(o.current);
+		if (!e) return;
+		let t = () => {
+			l.current = e.scrollHeight - e.scrollTop - e.clientHeight <= s;
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
+	}, []), t(() => {
+		if (!l.current) return;
+		let e = c(o.current);
+		e && (e.scrollTop = e.scrollHeight);
+	}), /* @__PURE__ */ i("div", {
+		ref: o,
+		className: "select-convo",
+		role: "log",
+		"aria-live": "polite",
+		"aria-label": a,
+		children: r
+	});
+}
+function u({ children: e }) {
+	return /* @__PURE__ */ i("div", {
+		className: "select-convo__day",
+		role: "separator",
+		"aria-label": typeof e == "string" ? e : void 0,
+		children: e
+	});
+}
+function d({ children: e, time: t }) {
+	return /* @__PURE__ */ a("div", {
+		className: "select-convo__event",
+		children: [e, t ? /* @__PURE__ */ a("span", {
+			className: "select-convo__event-time",
+			children: [" · ", t]
+		}) : null]
+	});
+}
+function f({ direction: e, author: t, label: n, attachment: s, meta: c, metaTone: l, children: u, avatar: d, time: f }) {
+	let p = u != null && u !== "", m = /* @__PURE__ */ a(r, { children: [
+		t || f ? /* @__PURE__ */ a("span", {
+			className: "select-convo__author",
+			children: [t, f ? /* @__PURE__ */ i("span", {
+				className: "select-convo__time",
+				children: f
+			}) : null]
+		}) : null,
+		p || n ? /* @__PURE__ */ a("div", {
+			className: "select-convo__bubble",
+			children: [n ? /* @__PURE__ */ i("span", {
+				className: "select-convo__label",
+				children: n
+			}) : null, p ? /* @__PURE__ */ i("div", {
+				className: "select-convo__text",
+				children: u
+			}) : null]
+		}) : null,
+		s ? /* @__PURE__ */ i("div", {
+			className: "select-convo__attachment",
+			children: s
+		}) : null,
+		c ? /* @__PURE__ */ i("span", {
+			className: o("select-convo__meta", l && `select-convo__meta--${l}`),
+			children: c
+		}) : null
+	] });
+	return d ? /* @__PURE__ */ a("div", {
+		className: o("select-convo__msg", `select-convo__msg--${e}`, "select-convo__msg--avatar"),
+		children: [/* @__PURE__ */ i("span", {
+			className: "select-convo__avatar",
+			"aria-hidden": "true",
+			children: d
+		}), /* @__PURE__ */ i("div", {
+			className: "select-convo__stack",
+			children: m
+		})]
+	}) : /* @__PURE__ */ i("div", {
+		className: o("select-convo__msg", `select-convo__msg--${e}`),
+		children: m
+	});
+}
+//#endregion
+export { l as SelectConversation, f as SelectConversationBubble, u as SelectConversationDay, d as SelectConversationEvent };
+
+//# sourceMappingURL=SelectConversation.js.map