@jfrader/ui 0.5.1 → 0.7.0

package/dist/{image-compare-BxY8Ykzt.js → image-compare-Ln2UUqTU.js}

@@ -1,9 +1,10 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as o } from "./button-NLY0h6EJ.js";
+import { t as o } from "./button-C6OV0C7J.js";
 import { useEffect as s, useId as ee, useMemo as te, useRef as c, useState as l } from "react";
 import { vars as u } from "@jfrader/tokens/vars";
 import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
@@ -32,7 +33,7 @@ var m = 0, h = 100, g = 50, ne = 1, re = 10, ie = ["Before", "After"], ae = "Ima
 	background: u.color.surfaceInset,
 	userSelect: "none",
 	"&[data-disabled]": { cursor: "default" },
-	[r]: { borderColor: "CanvasText" }
+	[n]: { borderColor: "CanvasText" }
 }), me = {
 	horizontal: e({
 		touchAction: "pan-y",
@@ -71,7 +72,7 @@ var m = 0, h = 100, g = 50, ne = 1, re = 10, ie = ["Before", "After"], ae = "Ima
 	fontSize: u.textSize.xs,
 	fontWeight: u.fontWeight.medium,
 	pointerEvents: "none",
-	[r]: { borderColor: "CanvasText" }
+	[n]: { borderColor: "CanvasText" }
 }), ge = e({
 	insetBlockStart: u.space[3],
 	insetInlineStart: u.space[3]
@@ -89,7 +90,7 @@ var m = 0, h = 100, g = 50, ne = 1, re = 10, ie = ["Before", "After"], ae = "Ima
 	boxSizing: "border-box",
 	background: u.color.text,
 	pointerEvents: "none",
-	[r]: {
+	[n]: {
 		forcedColorAdjust: "none",
 		background: "CanvasText",
 		borderColor: "Canvas"
@@ -132,9 +133,9 @@ var m = 0, h = 100, g = 50, ne = 1, re = 10, ie = ["Before", "After"], ae = "Ima
 		cursor: "default",
 		color: u.color.textMuted
 	},
-	"&:focus-visible": n,
-	[i]: { transitionDuration: "0s" },
-	[r]: {
+	"&:focus-visible": t,
+	[r]: { transitionDuration: "0s" },
+	[n]: {
 		forcedColorAdjust: "none",
 		background: "Canvas",
 		borderColor: "CanvasText",
@@ -184,11 +185,11 @@ function D(e, t) {
 function O(e) {
 	return e !== void 0 && Number.isFinite(e) ? E(e) : g;
 }
-function k({ ref: e, before: n, after: r, value: i, defaultValue: u, onValueChange: le, onValueCommit: y, orientation: b = "horizontal", step: x, largeStep: S, labels: C = ie, label: k = ae, valueText: Ee = de, locale: A, aspectRatio: De = se, disabled: j = !1, showReset: Oe = !0, resetLabel: ke = oe, slotProps: M, className: Ae, sx: je, onKeyDown: Me, ...Ne }) {
-	let N = ee(), P = D(x, ne), F = D(S, re), [Pe] = l(() => O(u)), [Fe, Ie] = a(i, Pe, le), I = O(Fe), Le = te(() => new Intl.NumberFormat(A, ce), [A]), L = c(null), R = c(null), Re = p([L, M?.frame?.ref]), ze = p([R, M?.handle?.ref]), z = c(null), [Be, B] = l(!1), V = b === "horizontal";
+function k({ ref: e, before: t, after: n, value: r, defaultValue: u, onValueChange: le, onValueCommit: y, orientation: b = "horizontal", step: x, largeStep: S, labels: C = ie, label: k = ae, valueText: Ee = de, locale: A, aspectRatio: De = se, disabled: j = !1, showReset: Oe = !0, resetLabel: ke = oe, slotProps: M, className: Ae, sx: je, onKeyDown: Me, ...Ne }) {
+	let N = ee(), P = D(x, ne), F = D(S, re), [Pe] = l(() => O(u)), [Fe, Ie] = a(r, Pe, le), I = O(Fe), Le = te(() => new Intl.NumberFormat(A, ce), [A]), L = c(null), R = c(null), Re = p([L, M?.frame?.ref]), ze = p([R, M?.handle?.ref]), z = c(null), [Be, B] = l(!1), V = b === "horizontal";
 	s(() => {
-		if (process.env.NODE_ENV !== "production") for (let [e, t] of [["value", i], ["defaultValue", u]]) t !== void 0 && !Number.isFinite(t) && console.warn(`ImageCompare: ${e} ${t} is not finite; showing ${g}%.`);
-	}, [i, u]);
+		if (process.env.NODE_ENV !== "production") for (let [e, t] of [["value", r], ["defaultValue", u]]) t !== void 0 && !Number.isFinite(t) && console.warn(`ImageCompare: ${e} ${t} is not finite; showing ${g}%.`);
+	}, [r, u]);
 	let H = (e) => e !== I && (Ie(e), !0), U = (e) => {
 		H(e) && y?.(e);
 	}, W = (e) => {
@@ -267,14 +268,14 @@ function k({ ref: e, before: n, after: r, value: i, defaultValue: u, onValueChan
 		aspectRatio: De,
 		[_]: `${I}%`
 	}, Ye = Le.format(I / h);
-	return /* @__PURE__ */ d(t, {
+	return /* @__PURE__ */ d(i, {
 		className: Ae,
 		styles: fe,
 		sx: je,
-		children: (t) => /* @__PURE__ */ f("div", {
+		children: (r) => /* @__PURE__ */ f("div", {
 			...Ne,
 			ref: e,
-			className: t,
+			className: r,
 			"data-ui": "image-compare",
 			"data-orientation": b,
 			"data-disabled": j || void 0,
@@ -315,7 +316,7 @@ function k({ ref: e, before: n, after: r, value: i, defaultValue: u, onValueChan
 						...M?.after,
 						"data-ui": "image-compare-after",
 						css: [w, M?.after?.css],
-						children: [r, X && /* @__PURE__ */ d("span", {
+						children: [n, X && /* @__PURE__ */ d("span", {
 							...M?.afterLabel,
 							id: X,
 							"aria-hidden": "true",
@@ -336,7 +337,7 @@ function k({ ref: e, before: n, after: r, value: i, defaultValue: u, onValueChan
 							he[b],
 							M?.before?.css
 						],
-						children: [n, Y && /* @__PURE__ */ d("span", {
+						children: [t, Y && /* @__PURE__ */ d("span", {
 							...M?.beforeLabel,
 							id: Y,
 							"aria-hidden": "true",

package/dist/image-compare.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ImageCompare } from "./image-compare-BxY8Ykzt.js";
+export { t as ImageCompare } from "./image-compare-Ln2UUqTU.js";

package/dist/in-view-title-BUZCMqge.js

@@ -0,0 +1,225 @@
+'use client';
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
+import { t as a } from "./visually-hidden-DgVO3NaB.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { vars as u } from "@jfrader/tokens/vars";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+//#region src/components/in-view-title/in-view-title.tsx
+var p = {
+	1: "h1",
+	2: "h2",
+	3: "h3",
+	4: "h4",
+	5: "h5",
+	6: "h6"
+}, m = .45, h = "0.15em", g = e({
+	from: { transform: "translateY(0.6em)" },
+	to: { transform: "none" }
+}), _ = e({
+	from: { opacity: 0 },
+	to: { opacity: 1 }
+}), v = e({
+	from: { filter: "blur(0.12em)" },
+	to: { filter: "none" }
+}), y = e({
+	from: { letterSpacing: "-0.04em" },
+	to: { letterSpacing: "inherit" }
+}), b = e({
+	from: {
+		maskImage: `linear-gradient(to right, ${u.color.text} 50%, transparent 50%)`,
+		maskSize: "200% 100%",
+		maskPosition: "100% 0"
+	},
+	to: {
+		maskImage: `linear-gradient(to right, ${u.color.text} 50%, transparent 50%)`,
+		maskSize: "200% 100%",
+		maskPosition: "0% 0"
+	}
+}), x = e({
+	from: {
+		maskImage: `linear-gradient(to left, ${u.color.text} 50%, transparent 50%)`,
+		maskSize: "200% 100%",
+		maskPosition: "0% 0"
+	},
+	to: {
+		maskImage: `linear-gradient(to left, ${u.color.text} 50%, transparent 50%)`,
+		maskSize: "200% 100%",
+		maskPosition: "100% 0"
+	}
+}), S = (e, t) => `${e} ${t} ${u.motion.easeStandard} var(--in-view-delay, 0ms) backwards`, C = {
+	word: t({ animation: `${S(g, u.motion.duration.slow)}, ${S(_, u.motion.duration.fast)}` }),
+	line: t({ animation: `${S(g, u.motion.duration.slow)}, ${S(_, u.motion.duration.fast)}` }),
+	blur: t({ animation: `${S(g, u.motion.duration.base)}, ${S(v, u.motion.duration.base)}, ${S(_, u.motion.duration.fast)}` }),
+	tracking: t({ animation: `${S(y, u.motion.duration.base)}, ${S(_, u.motion.duration.fast)}` }),
+	wipe: t({
+		animation: S(b, u.motion.duration.slow),
+		"&:dir(rtl)": { animation: S(x, u.motion.duration.slow) }
+	})
+}, w = t({
+	position: "relative",
+	margin: 0,
+	minInlineSize: 0,
+	maxInlineSize: "100%",
+	color: u.color.text,
+	font: "inherit",
+	"& [data-in-view-plain]": { display: "none" },
+	"&:not([data-state=\"revealing\"]) [data-in-view-segment]": { animation: "none" },
+	[r]: {
+		"& [data-in-view-parts]": { display: "none" },
+		"& [data-in-view-plain]": {
+			display: "inline",
+			whiteSpace: "pre-wrap"
+		},
+		"& [data-in-view-segment]": {
+			animation: "none",
+			transform: "none",
+			filter: "none",
+			maskImage: "none",
+			opacity: 1
+		}
+	},
+	[n]: {
+		color: "CanvasText",
+		"& [data-in-view-parts]": { display: "none" },
+		"& [data-in-view-plain]": {
+			display: "inline",
+			whiteSpace: "pre-wrap"
+		},
+		"& [data-in-view-segment]": {
+			animation: "none",
+			transform: "none",
+			filter: "none",
+			maskImage: "none",
+			opacity: 1
+		}
+	}
+}), T = t({
+	whiteSpace: "pre-wrap",
+	overflowWrap: "anywhere"
+}), E = t({
+	display: "block",
+	minInlineSize: 0,
+	maxInlineSize: "100%"
+}), D = {
+	word: !0,
+	line: !0,
+	blur: !0,
+	tracking: !1,
+	wipe: !1
+}, O = t({
+	display: "inline-block",
+	verticalAlign: "bottom",
+	maxInlineSize: "100%",
+	overflowX: "visible",
+	overflowY: "clip",
+	paddingBlock: h,
+	marginBlock: `-${h}`
+}), k = t({
+	display: "inline-block",
+	maxInlineSize: "100%",
+	verticalAlign: "bottom"
+});
+function A({ text: e, level: t = 2, variant: n = "blur", once: r = !0, locale: h, slotProps: g, ref: v, className: y, sx: b, ...x }) {
+	let [S, A] = l(null), j = o((e) => {
+		A(e);
+		let t = typeof v == "function" ? v(e) : void 0;
+		return v && typeof v != "function" && (v.current = e), () => {
+			A(null), typeof t == "function" ? t() : typeof v == "function" ? v(null) : v && (v.current = null);
+		};
+	}, [v]);
+	s(() => {
+		if (!S) return;
+		let t = S.ownerDocument.defaultView;
+		if (S.dataset.state = "settled", !t) return;
+		let n = !0, i = !1, a, o = !1, s = S.getBoundingClientRect().top > t.innerHeight, c = !s, l, u, d = () => {
+			n && (S.dataset.state = "settled");
+		}, f = () => {
+			d(), a?.disconnect(), s = !1, i = !0;
+		}, p = (e) => {
+			let n = e.target;
+			n instanceof t.HTMLElement && n.hasAttribute("data-in-view-last") && S.dataset.state === "revealing" && e.animationName !== _.name && (d(), r && a?.disconnect());
+		}, h = () => {
+			(l?.matches || u?.matches) && f();
+		}, g = () => {
+			S.id && t.location.hash.slice(1) === S.id && f();
+		}, v = () => {
+			let e = S.ownerDocument.getSelection();
+			e?.anchorNode && S.contains(e.anchorNode) && f();
+		};
+		try {
+			if (l = t.matchMedia("(prefers-reduced-motion: reduce)"), u = t.matchMedia("(forced-colors: active)"), !e.trim() || !t.IntersectionObserver || !t.CSS?.supports("animation-name", "none") || l.matches || u.matches || (g(), i || !s && r)) return;
+			a = new t.IntersectionObserver((e) => {
+				if (n && !i) for (let t of e) t.target === S && (!t.isIntersecting || t.intersectionRatio === 0 ? (c && (d(), r ? o && a?.disconnect() : s = !0), o = !1) : (c = !0, t.intersectionRatio >= m && !o && (o = !0, s &&= (S.dataset.state = "revealing", !1))));
+			}, { threshold: [0, m] }), s && (S.dataset.state = "idle"), a.observe(S), S.addEventListener("animationend", p), S.addEventListener("focusin", f), S.ownerDocument.addEventListener("selectionchange", v), t.addEventListener("hashchange", g), l.addEventListener("change", h), u.addEventListener("change", h);
+		} catch {
+			f();
+		}
+		return () => {
+			n = !1, a?.disconnect(), S.removeEventListener("animationend", p), S.removeEventListener("focusin", f), S.ownerDocument.removeEventListener("selectionchange", v), t.removeEventListener("hashchange", g), l?.removeEventListener("change", h), u?.removeEventListener("change", h);
+		};
+	}, [
+		S,
+		e,
+		n,
+		r,
+		h
+	]);
+	let M = p[t], N = n === "tracking" || n === "wipe", P = c(() => typeof Intl.Segmenter == "function" ? new Intl.Segmenter(h, { granularity: "word" }) : void 0, [h]), F = (N ? [e] : e.split("\n")).map((e) => n === "line" || N || !P ? [e] : Array.from(P.segment(e), ({ segment: e }) => e)), I = F.flat().filter((e) => e.trim()).length;
+	return /* @__PURE__ */ d(i, {
+		className: y,
+		styles: w,
+		sx: b,
+		children: (t) => {
+			let r = 0;
+			return /* @__PURE__ */ f(M, {
+				...x,
+				ref: j,
+				"data-ui": "in-view-title",
+				"data-state": "settled",
+				className: t,
+				children: [/* @__PURE__ */ d("span", {
+					css: a,
+					children: e.replace(/\s+/gu, " ").trim()
+				}), /* @__PURE__ */ f("span", {
+					"data-ui": "in-view-title-visual",
+					"aria-hidden": "true",
+					className: g?.visual?.className,
+					css: [T, g?.visual?.css],
+					children: [/* @__PURE__ */ d("span", {
+						"data-in-view-plain": "",
+						children: e
+					}), /* @__PURE__ */ d("span", {
+						"data-in-view-parts": "",
+						children: F.map((e, t) => /* @__PURE__ */ d("span", {
+							css: !N && E,
+							children: e.map((e, t) => {
+								if (!e.trim()) return /* @__PURE__ */ d("span", { children: e || "​" }, t);
+								let i = r++;
+								return /* @__PURE__ */ d("span", {
+									css: D[n] && O,
+									children: /* @__PURE__ */ d("span", {
+										"data-in-view-segment": "",
+										"data-in-view-last": i === I - 1 ? "" : void 0,
+										className: g?.segment?.className,
+										style: { "--in-view-delay": `calc(${u.motion.duration.slow} * ${I > 1 ? i / (I - 1) : 0})` },
+										css: [
+											k,
+											C[n],
+											g?.segment?.css
+										],
+										children: e
+									})
+								}, t);
+							})
+						}, t))
+					})]
+				})]
+			});
+		}
+	});
+}
+A.displayName = "InViewTitle";
+//#endregion
+export { A as t };

package/dist/in-view-title.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as InViewTitle } from "./in-view-title-BUZCMqge.js";

package/dist/index.js

@@ -1,85 +1,104 @@
 'use client';
-import { t as e } from "./accordion-DLul6vIl.js";
-import { t } from "./alert-DS_einpy.js";
-import { t as n } from "./button-NLY0h6EJ.js";
-import { t as r } from "./countdown-Dp_TD1VP.js";
-import { t as i } from "./announcement-bar-Dlbq5-9D.js";
-import { t as a } from "./avatar-CaGJHy1N.js";
-import { t as o } from "./avatar-group-M1opAQEG.js";
-import { t as s } from "./badge-CjM5Agqk.js";
-import { t as c } from "./bottom-sheet-DjZOPq4k.js";
-import { t as l } from "./breadcrumbs-BDK_LiwH.js";
-import { t as u } from "./calendar-BzJdv_SZ.js";
-import { t as d } from "./card-Ca4KQKYQ.js";
-import { t as f } from "./carousel-B7OrvD6J.js";
-import { t as p } from "./checkbox-DKSzExj2.js";
-import { t as m } from "./chip-group-DjQ0_6Y9.js";
-import { t as h } from "./copy-button-DCSLcYS-.js";
-import { t as g } from "./code-block-B5we2lZa.js";
-import { t as _ } from "./command-palette-BmQu2w4H.js";
-import { t as v } from "./text-field-hU72iSVS.js";
-import { t as y } from "./combobox-DFFqOBCi.js";
-import { t as b } from "./comment-thread-ASaXDcGo.js";
-import { t as x } from "./textarea-3k4Y0QQ3.js";
-import { t as S } from "./container-BOaSptJa.js";
-import { t as C } from "./menu-DDKgmK2F.js";
-import { t as w } from "./context-menu-__1c2Dk9.js";
-import { t as T } from "./date-picker-BiPN7yeK.js";
-import { t as E } from "./date-range-picker-DQpUeKqV.js";
-import { t as D } from "./dialog-BX1zYMs-.js";
-import { t as O } from "./divider-Cp7aNbhM.js";
-import { t as k } from "./drawer-DsASTiP-.js";
-import { t as A } from "./elastic-slider-BG6K019r.js";
-import { t as j } from "./empty-state-CDgrjPPf.js";
-import { t as M } from "./expandable-card-rUATve0o.js";
-import { t as N } from "./search-field-DMvho0KQ.js";
-import { t as P } from "./expanding-search-BxOwtdwt.js";
-import { t as F } from "./progress-DAQkfhPd.js";
-import { t as I } from "./file-dropzone-BuXm3Tea.js";
-import { t as L } from "./filter-toolbar-Cy5Hqur-.js";
-import { t as R } from "./flex-Dh-_J5-U.js";
-import { t as z } from "./hold-to-confirm-DjB2EVjM.js";
-import { t as B } from "./image-compare-BxY8Ykzt.js";
-import { t as V } from "./inline-edit-C0eeml65.js";
-import { t as H } from "./hover-card-CoMJKg1g.js";
-import { t as U } from "./json-viewer-DgWqyU75.js";
-import { t as W } from "./kbd-C3ACoMoE.js";
-import { n as G, r as K, t as q } from "./mention-input-sq61si9L.js";
-import { t as J } from "./pill-BaS-uIbn.js";
-import { t as Y } from "./metric-card--lVTz5Wn.js";
-import { t as X } from "./multi-select-DG1BCFX7.js";
-import { t as Z } from "./navigation-CC26JDr-.js";
-import { t as Q } from "./pagination-BfkeWbmP.js";
-import { t as $ } from "./password-field-03pWRkuY.js";
-import { t as ee } from "./popover-CErIw2q3.js";
-import { t as te } from "./radio-cards-Cu9cBssN.js";
-import { t as ne } from "./radio-group-TIK0-iPX.js";
-import { t as re } from "./resizable-panels-DUpQEpwG.js";
-import { t as ie } from "./scroll-area-CcZyiSOQ.js";
-import { t as ae } from "./segmented-control-8ZUGnsZm.js";
-import { t as oe } from "./select-D5rhJ8gi.js";
-import { i as se, n as ce, r as le, t as ue } from "./signature-pad-_bTeguN9.js";
-import { t as de } from "./skeleton-XQQDkCHd.js";
-import { t as fe } from "./slider-DVG6-Awh.js";
-import { t as pe } from "./sortable-data-table-CYKT_Ng7.js";
-import { t as me } from "./spinner-DtxvDPdM.js";
-import { t as he } from "./split-button-BCw4zZom.js";
-import { t as ge } from "./stack-DC3IbtWk.js";
-import { t as _e } from "./stepper-CruHbXxX.js";
-import { t as ve } from "./swipe-actions-CBuJREU1.js";
-import { t as ye } from "./switch-C1WrKrf-.js";
-import { t as be } from "./tabs-XluwRjgg.js";
-import { t as xe } from "./tag-input-DSRCyrX2.js";
-import { i as Se, n as Ce, r as we, t as Te } from "./theme-root-Bs1U3uPA.js";
-import { t as Ee } from "./theme-switch-C505TtU8.js";
-import { t as De } from "./time-picker-CPlhW0tr.js";
-import { t as Oe } from "./timeline-B0uAAVfT.js";
-import { a as ke, n as Ae } from "./toast-B7wo3sX1.js";
+import { t as e } from "./accordion-D6myONB9.js";
+import { t } from "./activity-rings-Uszvwqdl.js";
+import { t as n } from "./alert-Bhj-qSMs.js";
+import { t as r } from "./button-C6OV0C7J.js";
+import { t as i } from "./countdown-EcpV6rXy.js";
+import { t as a } from "./announcement-bar-B5J33QUh.js";
+import { t as o } from "./avatar-sPxDqFiZ.js";
+import { t as s } from "./avatar-group-BlMLNw4J.js";
+import { t as c } from "./badge-CfhTcA-Z.js";
+import { t as l } from "./segmented-control-DCh-4ca-.js";
+import { t as u } from "./billing-toggle-CgC7yxxo.js";
+import { t as d } from "./bottom-sheet-BFQKO0Wo.js";
+import { t as f } from "./breadcrumbs-CG3akw-b.js";
+import { t as p } from "./menu-CVzpsyXn.js";
+import { t as m } from "./tooltip-IajLwdUb.js";
+import { t as h } from "./button-group-B9wP2ddS.js";
+import { t as g } from "./calendar-Bg6D2sul.js";
+import { t as _ } from "./card-C008OQCp.js";
+import { t as v } from "./carousel-lTH4Foke.js";
+import { t as y } from "./textarea-D1YwEPmn.js";
+import { t as b } from "./chat-thread-DkB-WMWJ.js";
+import { t as x } from "./checkbox-CClE61GV.js";
+import { t as S } from "./chip-group-BZUX9KPF.js";
+import { t as C } from "./copy-button-C0p_qrgf.js";
+import { t as w } from "./code-block-CYP89_6h.js";
+import { t as T } from "./command-palette-BrT1n9bb.js";
+import { t as E } from "./text-field-D0VP7b4P.js";
+import { t as D } from "./combobox-D2Oc-co7.js";
+import { t as O } from "./comment-thread-DXfqgRNI.js";
+import { t as k } from "./container-BxtwJSSD.js";
+import { t as A } from "./context-menu-I4i0LRpm.js";
+import { t as j } from "./date-picker-D-bn-iHs.js";
+import { t as M } from "./date-range-picker-rXcZsI1Y.js";
+import { t as N } from "./dialog-CR1xdkrC.js";
+import { t as P } from "./divider-zOJzkcHh.js";
+import { t as F } from "./drawer-CceaEhCr.js";
+import { t as I } from "./emblem-DnXmpZCh.js";
+import { t as L } from "./empty-state-DO0ApylK.js";
+import { t as R } from "./expandable-card-W97vjix9.js";
+import { t as z } from "./search-field-CbsajaZb.js";
+import { t as B } from "./expanding-search-Bb2_YfNx.js";
+import { t as V } from "./progress-Bcuz3Ob4.js";
+import { t as H } from "./file-dropzone-Bi5ikRIz.js";
+import { t as U } from "./filter-toolbar-QRnC4S_H.js";
+import { t as W } from "./flex-CS7eMRcK.js";
+import { i as G, n as K, r as q, t as J } from "./game-card-Oeu74giK.js";
+import { t as Y } from "./hold-to-confirm-CVBA0wNT.js";
+import { t as X } from "./image-compare-Ln2UUqTU.js";
+import { t as Z } from "./in-view-title-BUZCMqge.js";
+import { t as Q } from "./inline-edit-D-pR2RPC.js";
+import { t as $ } from "./hover-card-Dgu2CwMD.js";
+import { t as ee } from "./json-viewer-Dro3WrjS.js";
+import { t as te } from "./kbd-BI_9qzYr.js";
+import { t as ne } from "./keycap-keyboard-Cdx-OAS1.js";
+import { t as re } from "./lightbox-gallery-D0YaSTut.js";
+import { t as ie } from "./link-unfurl-CReyIjyy.js";
+import { t as ae } from "./locale-switcher-DTkySKsM.js";
+import { n as oe, r as se, t as ce } from "./mention-input-BjjAbJCf.js";
+import { t as le } from "./pill-Dd7pog19.js";
+import { t as ue } from "./metric-card-BnFssTXj.js";
+import { t as de } from "./multi-select-B3puEVo0.js";
+import { t as fe } from "./navigation-C_JD43gA.js";
+import { t as pe } from "./slider-DjAnGmlC.js";
+import { n as me, t as he } from "./now-playing-DjVm1Phm.js";
+import { t as ge } from "./pagination-Dkh4bJQh.js";
+import { t as _e } from "./password-field-Da58GP1g.js";
+import { t as ve } from "./photo-grid-Dtl17D74.js";
+import { t as ye } from "./popover-CUMOcMtj.js";
+import { t as be } from "./radio-cards-FkAhESb5.js";
+import { t as xe } from "./radio-group-DItMf2YM.js";
+import { t as Se } from "./resizable-panels-61h9hA3B.js";
+import { t as Ce } from "./scroll-area-B8KkCPOM.js";
+import { t as we } from "./select-SrcQqZjo.js";
+import { n as Te, t as Ee } from "./sheet-stack-DYX1SGSB.js";
+import { a as De, i as Oe, n as ke, o as Ae, r as je, s as Me, t as Ne } from "./shortcut-recorder-VgTQdjjn.js";
+import { i as Pe, n as Fe, r as Ie, t as Le } from "./signature-pad-khL2yhQI.js";
+import { t as Re } from "./skeleton-LJsQsveI.js";
+import { t as ze } from "./sortable-data-table-Bpitup_d.js";
+import { t as Be } from "./spinner-CvzajSg9.js";
+import { t as Ve } from "./split-button-Bu41f2AY.js";
+import { t as He } from "./stack-Bac4sJeI.js";
+import { t as Ue } from "./stepper-C8Ncavbr.js";
+import { t as We } from "./stretch-refresh-OrnTEj7P.js";
+import { t as Ge } from "./swipe-actions-1H5UOZKE.js";
+import { t as Ke } from "./switch-79-hkQqg.js";
+import { t as qe } from "./tabs-Bb5-noYE.js";
+import { t as Je } from "./tag-input-BQaueKEb.js";
+import { n as Ye, r as Xe, t as Ze } from "./theme-provider-BvcY-iJu.js";
+import { n as Qe, r as $e, t as et } from "./theme-root-BrYVcTzt.js";
+import { t as tt } from "./theme-switch-CP42mVDb.js";
+import { t as nt } from "./time-picker-Tnd-JBLC.js";
+import { t as rt } from "./timeline-BcF46lG9.js";
+import { a as it, n as at } from "./toast-CSAbl5yK.js";
 import "./toast.js";
-import { t as je } from "./toast-stack-B40VpS4M.js";
-import { t as Me } from "./toggle-group-B2fpFZwV.js";
-import { t as Ne } from "./tooltip-BvgVTCTN.js";
-import { t as Pe } from "./tree-view-j8qLqkb_.js";
-import { t as Fe } from "./usage-meter-qyQ3rYVv.js";
-import Ie from "@emotion/styled";
-export { e as Accordion, t as Alert, i as AnnouncementBar, a as Avatar, o as AvatarGroup, s as Badge, c as BottomSheet, l as Breadcrumbs, n as Button, u as Calendar, d as Card, f as Carousel, p as Checkbox, m as ChipGroup, g as CodeBlock, y as Combobox, _ as CommandPalette, b as CommentThread, S as Container, w as ContextMenu, h as CopyButton, r as Countdown, T as DatePicker, E as DateRangePicker, D as Dialog, O as Divider, k as Drawer, A as ElasticSlider, j as EmptyState, M as ExpandableCard, P as ExpandingSearch, I as FileDropzone, L as FilterToolbar, R as Flex, z as HoldToConfirm, H as HoverCard, B as ImageCompare, V as InlineEdit, U as JsonViewer, W as Kbd, q as MentionInput, C as Menu, Y as MetricCard, X as MultiSelect, Z as Navigation, Q as Pagination, $ as PasswordField, J as Pill, ee as Popover, F as Progress, te as RadioCards, ne as RadioGroup, re as ResizablePanels, ie as ScrollArea, N as SearchField, ae as SegmentedControl, oe as Select, ue as SignatureExportError, ce as SignaturePad, de as Skeleton, fe as Slider, pe as SortableDataTable, me as Spinner, he as SplitButton, ge as Stack, _e as Stepper, ve as SwipeActions, ye as Switch, be as Tabs, xe as TagInput, v as TextField, x as Textarea, Ce as ThemeProvider, Te as ThemeRoot, Ee as ThemeSwitch, De as TimePicker, Oe as Timeline, Ae as Toast, je as ToastStack, Me as ToggleGroup, Ne as Tooltip, Pe as TreeView, Fe as UsageMeter, G as mentionText, K as serializeMentions, le as signatureToPng, se as signatureToSvg, Ie as styled, Se as theme, we as useTheme, ke as useToast };
+import { t as ot } from "./toast-stack-BCR4Cu7V.js";
+import { t as st } from "./toggle-group-C7ye1v4s.js";
+import "./tooltip.js";
+import { t as ct } from "./tree-view-CoW4oJIZ.js";
+import { t as lt } from "./typewriter-terminal-BUEsMzo3.js";
+import { t as ut } from "./usage-meter-CYvlB6l3.js";
+import { t as dt } from "./user-menu-MctRu_Lh.js";
+import ft from "@emotion/styled";
+export { e as Accordion, t as ActivityRings, n as Alert, a as AnnouncementBar, o as Avatar, s as AvatarGroup, c as Badge, u as BillingToggle, d as BottomSheet, f as Breadcrumbs, r as Button, h as ButtonGroup, g as Calendar, _ as Card, v as Carousel, b as ChatThread, x as Checkbox, S as ChipGroup, w as CodeBlock, D as Combobox, T as CommandPalette, O as CommentThread, k as Container, A as ContextMenu, C as CopyButton, i as Countdown, j as DatePicker, M as DateRangePicker, N as Dialog, P as Divider, F as Drawer, I as Emblem, L as EmptyState, R as ExpandableCard, B as ExpandingSearch, H as FileDropzone, U as FilterToolbar, W as Flex, J as GameCard, Y as HoldToConfirm, $ as HoverCard, X as ImageCompare, Z as InViewTitle, Q as InlineEdit, ee as JsonViewer, te as Kbd, ne as KeycapKeyboard, re as LightboxGallery, ie as LinkUnfurl, ae as LocaleSwitcher, ce as MentionInput, p as Menu, ue as MetricCard, de as MultiSelect, fe as Navigation, he as NowPlaying, me as NowPlayingLevels, ge as Pagination, _e as PasswordField, ve as PhotoGrid, le as Pill, ye as Popover, V as Progress, K as RANK_MARKS, be as RadioCards, xe as RadioGroup, Se as ResizablePanels, q as SUIT_GLYPHS, G as SUIT_INK, Ce as ScrollArea, z as SearchField, l as SegmentedControl, we as Select, Ee as SheetStack, Ne as ShortcutRecorder, Le as SignatureExportError, Fe as SignaturePad, Re as Skeleton, pe as Slider, ze as SortableDataTable, Be as Spinner, Ve as SplitButton, He as Stack, Ue as Stepper, We as StretchRefresh, Ge as SwipeActions, Ke as Switch, qe as Tabs, Je as TagInput, E as TextField, y as Textarea, Ze as ThemeProvider, et as ThemeRoot, tt as ThemeSwitch, nt as TimePicker, rt as Timeline, at as Toast, ot as ToastStack, st as ToggleGroup, m as Tooltip, ct as TreeView, lt as TypewriterTerminal, ut as UsageMeter, dt as UserMenu, Qe as createTheme, ke as defaultShortcutMessages, je as formatShortcut, Oe as matchesShortcut, oe as mentionText, De as normalizeShortcut, se as serializeMentions, Ie as signatureToPng, Pe as signatureToSvg, ft as styled, Xe as theme, $e as themeTokenStyle, Ae as usePressedShortcutKeys, Te as useSheetStack, Me as useShortcutPlatform, Ye as useTheme, it as useToast };

package/dist/initials-DEdwNe9_.js

@@ -0,0 +1,18 @@
+'use client';
+//#region src/utils/initials.ts
+var e = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function t(t) {
+	let n = Array.from(e.segment(t), ({ segment: e }) => e), r = n[0] ?? "";
+	if (!/\p{Extended_Pictographic}/u.test(r)) return r;
+	let i = "";
+	for (let e of n) {
+		if (!/\p{Extended_Pictographic}/u.test(e)) break;
+		i += e;
+	}
+	return i;
+}
+function n(e, n) {
+	return e.trim().split(/\s+/).filter(Boolean).slice(0, n).map(t).join("").toLocaleUpperCase();
+}
+//#endregion
+export { n as t };