@jfrader/ui 0.5.1 → 0.6.0

package/dist/{hold-to-confirm-DjB2EVjM.js → hold-to-confirm-CVBA0wNT.js}

@@ -1,12 +1,13 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a } from "./media-8yrN85VT.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
 import { t as o } from "./use-latest-callback-cj1OOQL6.js";
 import { t as s } from "./use-controlled-state-DpeVQZNR.js";
-import { t as c } from "./visually-hidden-BJdvqqvn.js";
+import { t as c } from "./visually-hidden-DgVO3NaB.js";
 import { t as l } from "./renderable-DzcIj1Lo.js";
-import { t as u } from "./icon-wrapper-stN8sD7R.js";
+import { t as u } from "./icon-wrapper-C-zMD0uL.js";
 import { useEffect as d, useId as f, useRef as p, useState as m } from "react";
 import { vars as h } from "@jfrader/tokens/vars";
 import { Fragment as g, jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
@@ -31,7 +32,7 @@ var te = 1200, y = 24, ne = 1e3, b = 2 ** 31 - 1, x = "--hold-progress", re = t(
 	touchAction: "none",
 	userSelect: "none",
 	"&:hover:not(:disabled):not([aria-disabled=\"true\"])": { backgroundColor: h.color.surfaceHover },
-	"&:focus-visible": r,
+	"&:focus-visible": n,
 	"&:disabled": {
 		cursor: "not-allowed",
 		opacity: .55
@@ -45,7 +46,7 @@ var te = 1200, y = 24, ne = 1e3, b = 2 ** 31 - 1, x = "--hold-progress", re = t(
 		visibility: "visible",
 		clipPath: "inset(0)"
 	},
-	[i]: {
+	[r]: {
 		borderColor: "ButtonText",
 		"&:focus-visible": { outlineColor: "Highlight" },
 		"&[data-state=\"holding\"]": { borderStyle: "double" }
@@ -93,7 +94,7 @@ var te = 1200, y = 24, ne = 1e3, b = 2 ** 31 - 1, x = "--hold-progress", re = t(
 	to: { opacity: 1 }
 }), w = t({
 	animation: `${C} ${h.motion.duration.fast} ${h.motion.easeStandard}`,
-	[a]: { animation: "none" }
+	[i]: { animation: "none" }
 }), oe = t({
 	position: "absolute",
 	inset: 0,
@@ -106,13 +107,13 @@ var te = 1200, y = 24, ne = 1e3, b = 2 ** 31 - 1, x = "--hold-progress", re = t(
 	transitionDuration: h.motion.duration.base,
 	transitionTimingFunction: h.motion.easeStandard,
 	"&:dir(rtl)": { clipPath: "inset(0 0 0 calc(100% - var(--hold-progress, 0%)))" },
-	[a]: { transitionDuration: "0s" },
-	[i]: {
+	[i]: { transitionDuration: "0s" },
+	[r]: {
 		forcedColorAdjust: "none",
 		backgroundColor: "Highlight",
 		color: "HighlightText"
 	}
-}), se = t([c, { [i]: { "&[data-holding=\"true\"]": {
+}), se = t([c, { [r]: { "&[data-holding=\"true\"]": {
 	position: "static",
 	inlineSize: "auto",
 	blockSize: "auto",
@@ -122,18 +123,18 @@ var te = 1200, y = 24, ne = 1e3, b = 2 ** 31 - 1, x = "--hold-progress", re = t(
 	whiteSpace: "normal",
 	marginInlineStart: h.space[2]
 } } }]);
-function T({ ref: e, label: t, confirmedLabel: r, confirmationAnnouncement: i, getHoldDescription: a, locale: h, duration: C = te, value: T, defaultValue: ce = !1, onValueChange: le, onConfirm: ue, onHoldChange: de, tone: fe = "accent", size: pe = "md", icon: me, confirmedIcon: he = "✓", disabled: E = !1, slotProps: D, className: ge, sx: _e, onPointerDown: ve, onPointerMove: ye, onPointerUp: O, onPointerCancel: k, onLostPointerCapture: A, onKeyDown: j, onKeyUp: M, onBlur: N, onClick: P, onContextMenu: be, "aria-describedby": F, ...I }) {
+function T({ ref: e, label: t, confirmedLabel: n, confirmationAnnouncement: r, getHoldDescription: i, locale: h, duration: C = te, value: T, defaultValue: ce = !1, onValueChange: le, onConfirm: ue, onHoldChange: de, tone: fe = "accent", size: pe = "md", icon: me, confirmedIcon: he = "✓", disabled: E = !1, slotProps: D, className: ge, sx: _e, onPointerDown: ve, onPointerMove: ye, onPointerUp: O, onPointerCancel: k, onLostPointerCapture: A, onKeyDown: j, onKeyUp: M, onBlur: N, onClick: P, onContextMenu: be, "aria-describedby": F, ...I }) {
 	if (!Number.isFinite(C) || C <= 0) throw Error("HoldToConfirm: duration must be a finite positive number of milliseconds.");
 	let L = `${f()}-hint`, [R, xe] = s(T, ce, le), [z, B] = m(!1), [Se, V] = m(""), H = p(!1), U = p(null), Ce = ee([e]), W = o(de), we = o(ue), G = I["aria-disabled"] === !0 || I["aria-disabled"] === "true", K = (e = !0) => {
 		let t = U.current;
 		t && (U.current = null, t.stop(), t.button.style.setProperty(x, "0%"), B(!1), !t.completed && e && W(!1), "pointerId" in t.origin && t.button.hasPointerCapture(t.origin.pointerId) && t.button.releasePointerCapture(t.origin.pointerId));
 	}, q = o(K);
 	d(() => {
-		H.current && (H.current = !1, R && V(i)), R || V("");
+		H.current && (H.current = !1, R && V(r)), R || V("");
 	}, [
 		R,
 		z,
-		i
+		r
 	]), d(() => {
 		q();
 	}, [
@@ -181,7 +182,7 @@ function T({ ref: e, label: t, confirmedLabel: r, confirmationAnnouncement: i, g
 	}, X = (e) => {
 		let t = U.current?.origin;
 		t && "pointerId" in t && t.pointerId === e && K();
-	}, Z = R ? r : t, Q = R ? he : me, $ = /* @__PURE__ */ v(g, { children: [l(Q) && /* @__PURE__ */ _("span", {
+	}, Z = R ? n : t, Q = R ? he : me, $ = /* @__PURE__ */ v(g, { children: [l(Q) && /* @__PURE__ */ _("span", {
 		"aria-hidden": "true",
 		className: D?.icon?.className,
 		css: [
@@ -202,7 +203,7 @@ function T({ ref: e, label: t, confirmedLabel: r, confirmationAnnouncement: i, g
 		...C < 1 ? { maximumSignificantDigits: 3 } : void 0
 	}).format(C / ne);
 	return /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ _(n, {
+		/* @__PURE__ */ _(a, {
 			className: ge,
 			styles: [
 				re,
@@ -277,7 +278,7 @@ function T({ ref: e, label: t, confirmedLabel: r, confirmationAnnouncement: i, g
 			"data-holding": z || void 0,
 			className: D?.hint?.className,
 			css: [se, D?.hint?.css],
-			children: a(Te)
+			children: i(Te)
 		}),
 		/* @__PURE__ */ _("span", {
 			role: "status",

package/dist/hold-to-confirm.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as HoldToConfirm } from "./hold-to-confirm-DjB2EVjM.js";
+export { t as HoldToConfirm } from "./hold-to-confirm-CVBA0wNT.js";

package/dist/{hover-card-CoMJKg1g.js → hover-card-DN1EAlQA.js}

@@ -1,13 +1,14 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { r } from "./media-8yrN85VT.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./use-controlled-state-DpeVQZNR.js";
 import { t as a } from "./renderable-DzcIj1Lo.js";
-import { t as o } from "./avatar-CaGJHy1N.js";
-import { n as s } from "./surface-DZ4d-2aL.js";
-import { t as c } from "./trigger-style-B1KVC8O1.js";
+import { t as o } from "./avatar-B6idYC59.js";
+import { n as s } from "./surface-C69kwSuk.js";
+import { t as c } from "./trigger-style-CtOrdPk4.js";
 import { a as l, i as u } from "./overlay-layer-qEbpEtb8.js";
-import { t as d } from "./overlay-portal-C4JZFq2M.js";
+import { t as d } from "./overlay-portal-C9igMHnC.js";
 import { t as f } from "./use-overlay-floating-Bx2jBKAA.js";
 import { createContext as p, useCallback as m, useContext as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 import { vars as b } from "@jfrader/tokens/vars";
@@ -60,7 +61,7 @@ var z = b.space[1], B = e({
 	"&[data-side=\"left\"]": { "--hover-card-enter-x": z },
 	"&[data-side=\"right\"]": { "--hover-card-enter-x": `calc(-1 * ${z})` },
 	"&[data-entry=\"warm\"]": { animation: `${V} ${b.motion.duration.fast} ${b.motion.easeStandard}` },
-	[r]: { "&, &[data-entry=\"warm\"]": { animation: "none" } }
+	[n]: { "&, &[data-entry=\"warm\"]": { animation: "none" } }
 });
 function U({ value: e, defaultValue: t = null, onValueChange: n, skipDelay: r = A, intentDelay: a = j, children: o }) {
 	let [s = null, c] = i(e, t, n), l = I(r, A), u = v(/* @__PURE__ */ new Map()), [d, f] = y(() => ({
@@ -178,14 +179,14 @@ function G(e) {
 	}) });
 }
 G.displayName = "HoverCard";
-function K({ ref: e = null, render: t, "aria-describedby": r, className: i, sx: a, ...o }) {
-	let { refs: s, getReferenceProps: l } = F("Trigger"), u = E([s.setReference, e]), { "data-ui": d, ...f } = o, p = l(f), m = [r, p["aria-describedby"]].filter(Boolean).join(" ") || void 0, h = {
+function K({ ref: e = null, render: t, "aria-describedby": n, className: i, sx: a, ...o }) {
+	let { refs: s, getReferenceProps: l } = F("Trigger"), u = E([s.setReference, e]), { "data-ui": d, ...f } = o, p = l(f), m = [n, p["aria-describedby"]].filter(Boolean).join(" ") || void 0, h = {
 		...p,
 		ref: u,
 		"aria-describedby": m,
 		"data-ui": t && d !== void 0 ? `${d} hover-card-trigger` : "hover-card-trigger"
 	};
-	return /* @__PURE__ */ x(n, {
+	return /* @__PURE__ */ x(r, {
 		className: i,
 		styles: t ? void 0 : c,
 		sx: a,
@@ -200,7 +201,7 @@ function K({ ref: e = null, render: t, "aria-describedby": r, className: i, sx:
 	});
 }
 K.displayName = "HoverCard.Trigger";
-function q({ ref: e, style: t, className: r, sx: i, ...a }) {
+function q({ ref: e, style: t, className: n, sx: i, ...a }) {
 	let { side: o, refs: s, floatingStyles: c, getFloatingProps: l, warmEntry: u } = F("Content"), [d] = y(() => {
 		let e = s.domReference.current;
 		return e?.ownerDocument.defaultView?.getComputedStyle(e).direction;
@@ -209,8 +210,8 @@ function q({ ref: e, style: t, className: r, sx: i, ...a }) {
 		ref: s.setFloating,
 		dir: d,
 		style: c,
-		children: /* @__PURE__ */ x(n, {
-			className: r,
+		children: /* @__PURE__ */ x(r, {
+			className: n,
 			styles: H,
 			sx: i,
 			children: (n) => /* @__PURE__ */ x("div", {
@@ -273,17 +274,17 @@ var Y = t({
 	fontSize: b.textSize.xs,
 	color: b.color.textMuted
 });
-function $({ ref: e, name: t, subtitle: r, bio: i, src: s, avatar: c, stats: l = [], meta: u, locale: d, slotProps: f, className: p, sx: m, ...h }) {
+function $({ ref: e, name: t, subtitle: n, bio: i, src: s, avatar: c, stats: l = [], meta: u, locale: d, slotProps: f, className: p, sx: m, ...h }) {
 	let g = l.some((e) => typeof e.value == "number") ? new Intl.NumberFormat(d) : void 0;
-	return /* @__PURE__ */ x(n, {
+	return /* @__PURE__ */ x(r, {
 		className: p,
 		styles: Y,
 		sx: m,
-		children: (n) => /* @__PURE__ */ S("div", {
+		children: (r) => /* @__PURE__ */ S("div", {
 			...h,
 			ref: e,
 			"data-ui": "hover-card-profile",
-			className: n,
+			className: r,
 			children: [
 				/* @__PURE__ */ S("div", {
 					css: X,
@@ -302,9 +303,9 @@ function $({ ref: e, name: t, subtitle: r, bio: i, src: s, avatar: c, stats: l =
 						children: [/* @__PURE__ */ x("div", {
 							css: ne,
 							children: t
-						}), a(r) && /* @__PURE__ */ x("div", {
+						}), a(n) && /* @__PURE__ */ x("div", {
 							css: Q,
-							children: r
+							children: n
 						})]
 					})]
 				}),

package/dist/hover-card.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as HoverCard } from "./hover-card-CoMJKg1g.js";
+export { t as HoverCard } from "./hover-card-DN1EAlQA.js";

package/dist/{icon-wrapper-stN8sD7R.js → icon-wrapper-C-zMD0uL.js}

@@ -1,5 +1,5 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 //#region src/styling/icon-wrapper.ts
 var t = e({
 	display: "inline-flex",

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/index.js

@@ -1,85 +1,100 @@
 '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-B6idYC59.js";
+import { t as s } from "./avatar-group-DvP8mAE-.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-DVa17BRC.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-BnUHxviq.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 "./empty-state-DO0ApylK.js";
+import { t as L } from "./expandable-card-W97vjix9.js";
+import { t as R } from "./search-field-CbsajaZb.js";
+import { t as z } from "./expanding-search-Bb2_YfNx.js";
+import { t as B } from "./progress-Bcuz3Ob4.js";
+import { t as V } from "./file-dropzone-Bi5ikRIz.js";
+import { t as H } from "./filter-toolbar-QRnC4S_H.js";
+import { t as U } from "./flex-CS7eMRcK.js";
+import { t as W } from "./hold-to-confirm-CVBA0wNT.js";
+import { t as G } from "./image-compare-Ln2UUqTU.js";
+import { t as K } from "./inline-edit-D-pR2RPC.js";
+import { t as q } from "./hover-card-DN1EAlQA.js";
+import { t as J } from "./json-viewer-Dro3WrjS.js";
+import { t as Y } from "./kbd-BI_9qzYr.js";
+import { t as X } from "./keycap-keyboard-Cdx-OAS1.js";
+import { t as Z } from "./lightbox-gallery-D0YaSTut.js";
+import { t as Q } from "./link-unfurl-CReyIjyy.js";
+import { t as $ } from "./locale-switcher-CZF7XNYG.js";
+import { n as ee, r as te, t as ne } from "./mention-input-BjjAbJCf.js";
+import { t as re } from "./pill-Dd7pog19.js";
+import { t as ie } from "./metric-card-BnFssTXj.js";
+import { t as ae } from "./multi-select-B3puEVo0.js";
+import { t as oe } from "./navigation-C_JD43gA.js";
+import { t as se } from "./slider-DjAnGmlC.js";
+import { n as ce, t as le } from "./now-playing-DjVm1Phm.js";
+import { t as ue } from "./pagination-Dkh4bJQh.js";
+import { t as de } from "./password-field-Da58GP1g.js";
+import { t as fe } from "./photo-grid-Dtl17D74.js";
+import { t as pe } from "./popover-CUMOcMtj.js";
+import { t as me } from "./radio-cards-FkAhESb5.js";
+import { t as he } from "./radio-group-DItMf2YM.js";
+import { t as ge } from "./resizable-panels-61h9hA3B.js";
+import { t as _e } from "./scroll-area-B8KkCPOM.js";
+import { t as ve } from "./select-SrcQqZjo.js";
+import { n as ye, t as be } from "./sheet-stack-DYX1SGSB.js";
+import { a as xe, i as Se, n as Ce, o as we, r as Te, s as Ee, t as De } from "./shortcut-recorder-VgTQdjjn.js";
+import { i as Oe, n as ke, r as Ae, t as je } from "./signature-pad-khL2yhQI.js";
+import { t as Me } from "./skeleton-LJsQsveI.js";
+import { t as Ne } from "./sortable-data-table-Bpitup_d.js";
+import { t as Pe } from "./spinner-CvzajSg9.js";
+import { t as Fe } from "./split-button-Bu41f2AY.js";
+import { t as Ie } from "./stack-Bac4sJeI.js";
+import { t as Le } from "./stepper-C8Ncavbr.js";
+import { t as Re } from "./stretch-refresh-OrnTEj7P.js";
+import { t as ze } from "./swipe-actions-1H5UOZKE.js";
+import { t as Be } from "./switch-79-hkQqg.js";
+import { t as Ve } from "./tabs-Bb5-noYE.js";
+import { t as He } from "./tag-input-BQaueKEb.js";
+import { n as Ue, r as We, t as Ge } from "./theme-provider-BvcY-iJu.js";
+import { n as Ke, r as qe, t as Je } from "./theme-root-BrYVcTzt.js";
+import { t as Ye } from "./theme-switch-CP42mVDb.js";
+import { t as Xe } from "./time-picker-Tnd-JBLC.js";
+import { t as Ze } from "./timeline-DaldDMX7.js";
+import { a as Qe, n as $e } 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 et } from "./toast-stack-BCR4Cu7V.js";
+import { t as tt } from "./toggle-group-C7ye1v4s.js";
+import "./tooltip.js";
+import { t as nt } from "./tree-view-CoW4oJIZ.js";
+import { t as rt } from "./usage-meter-CYvlB6l3.js";
+import { t as it } from "./user-menu-DzELTg1x.js";
+import at 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 EmptyState, L as ExpandableCard, z as ExpandingSearch, V as FileDropzone, H as FilterToolbar, U as Flex, W as HoldToConfirm, q as HoverCard, G as ImageCompare, K as InlineEdit, J as JsonViewer, Y as Kbd, X as KeycapKeyboard, Z as LightboxGallery, Q as LinkUnfurl, $ as LocaleSwitcher, ne as MentionInput, p as Menu, ie as MetricCard, ae as MultiSelect, oe as Navigation, le as NowPlaying, ce as NowPlayingLevels, ue as Pagination, de as PasswordField, fe as PhotoGrid, re as Pill, pe as Popover, B as Progress, me as RadioCards, he as RadioGroup, ge as ResizablePanels, _e as ScrollArea, R as SearchField, l as SegmentedControl, ve as Select, be as SheetStack, De as ShortcutRecorder, je as SignatureExportError, ke as SignaturePad, Me as Skeleton, se as Slider, Ne as SortableDataTable, Pe as Spinner, Fe as SplitButton, Ie as Stack, Le as Stepper, Re as StretchRefresh, ze as SwipeActions, Be as Switch, Ve as Tabs, He as TagInput, E as TextField, y as Textarea, Ge as ThemeProvider, Je as ThemeRoot, Ye as ThemeSwitch, Xe as TimePicker, Ze as Timeline, $e as Toast, et as ToastStack, tt as ToggleGroup, m as Tooltip, nt as TreeView, rt as UsageMeter, it as UserMenu, Ke as createTheme, Ce as defaultShortcutMessages, Te as formatShortcut, Se as matchesShortcut, ee as mentionText, xe as normalizeShortcut, te as serializeMentions, Ae as signatureToPng, Oe as signatureToSvg, at as styled, We as theme, qe as themeTokenStyle, we as usePressedShortcutKeys, ye as useSheetStack, Ee as useShortcutPlatform, Ue as useTheme, Qe as useToast };