@jfrader/ui 0.2.0 → 0.4.0

package/dist/textarea.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Textarea } from "./textarea-CcGWuntL.js";
+export { t as Textarea } from "./textarea-DyfjtP0A.js";

package/dist/theme-root-BbTBuLMQ.js

@@ -0,0 +1,46 @@
+'use client';
+import { a as e, n as t, t as n } from "./sx-Dx9JUKp5.js";
+import { n as r, r as i } from "./theme-scope-t7nAKc2c.js";
+import { useContext as a, useMemo as o } from "react";
+import { vars as s } from "@jfrader/tokens/vars";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+//#region src/styling/theme.ts
+var l = s;
+//#endregion
+//#region src/components/theme-provider/theme-provider.tsx
+function u({ theme: e = l, children: n }) {
+	return /* @__PURE__ */ c(t, {
+		theme: e,
+		children: n
+	});
+}
+u.displayName = "ThemeProvider";
+function d() {
+	return e();
+}
+//#endregion
+//#region src/components/theme-root/theme-root.tsx
+function f({ ref: e, theme: t = "dark", portalContainer: s, className: l, sx: d, ...f }) {
+	let p = a(r), m = s === void 0 ? p?.portalContainer : s, h = o(() => ({
+		theme: t,
+		portalContainer: m
+	}), [t, m]);
+	return /* @__PURE__ */ c(r.Provider, {
+		value: h,
+		children: /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(n, {
+			className: l,
+			styles: i,
+			sx: d,
+			children: (n) => /* @__PURE__ */ c("div", {
+				"data-ui": "theme-root",
+				"data-theme": t,
+				...f,
+				ref: e,
+				className: n
+			})
+		}) })
+	});
+}
+f.displayName = "ThemeRoot";
+//#endregion
+export { l as i, u as n, d as r, f as t };

package/dist/theme-root.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ThemeRoot } from "./theme-root-BRLIA4eb.js";
+export { t as ThemeRoot } from "./theme-root-BbTBuLMQ.js";

package/dist/theme-scope-t7nAKc2c.js

@@ -0,0 +1,27 @@
+'use client';
+import { r as e } from "./sx-Dx9JUKp5.js";
+import { createContext as t, useContext as n } from "react";
+import { vars as r } from "@jfrader/tokens/vars";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+//#region src/styling/theme-scope.tsx
+var a = t(null);
+function o() {
+	return n(a);
+}
+var s = e({
+	color: r.color.text,
+	colorScheme: "dark",
+	"&[data-theme=\"light\"]": { colorScheme: "light" }
+}), c = e({ display: "contents" });
+function l({ children: e }) {
+	let t = o();
+	return t ? /* @__PURE__ */ i("div", {
+		"data-ui": "theme-boundary",
+		"data-theme": t.theme,
+		css: [s, c],
+		children: e
+	}) : e;
+}
+l.displayName = "ThemeBoundary";
+//#endregion
+export { o as i, a as n, s as r, l as t };

package/dist/toast-CjmELMZZ.js

@@ -0,0 +1,283 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./media-D_eA_I-e.js";
+import { t as r } from "./renderable-DzcIj1Lo.js";
+import { t as i } from "./button-P2e7_44z.js";
+import { i as a, t as o } from "./theme-scope-t7nAKc2c.js";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useMemo 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";
+import { createPortal as y } from "react-dom";
+//#region src/components/toast/toast.tsx
+var b = 4, x = 5e3, S = "Dismiss", C = 100, w = "min(380px, calc(100vw - 32px))", T = "3px", E = s(null), D = s(null), O = e({
+	position: "fixed",
+	insetBlockEnd: 0,
+	insetInlineEnd: 0,
+	display: "flex",
+	flexDirection: "column",
+	gap: h.space[2],
+	inlineSize: w,
+	margin: 0,
+	paddingInlineEnd: h.space[4],
+	paddingBlockEnd: h.space[4],
+	pointerEvents: "none",
+	fontFamily: h.font.sans
+}), k = e({
+	boxSizing: "border-box",
+	display: "grid",
+	gridTemplateColumns: "minmax(0, 1fr) auto",
+	alignItems: "start",
+	gap: h.space[2],
+	backgroundColor: h.color.surfaceRaised,
+	border: `1px solid ${h.color.border}`,
+	borderRadius: h.radius.lg,
+	boxShadow: h.shadow.floating,
+	padding: h.space[3],
+	color: h.color.text,
+	lineHeight: h.lineHeight.base,
+	pointerEvents: "auto",
+	transitionProperty: "opacity, transform",
+	transitionDuration: h.motion.duration.base,
+	transitionTimingFunction: h.motion.easeStandard,
+	"&[data-populated=\"false\"]": { opacity: 0 },
+	"&[data-state=\"closing\"]": {
+		opacity: 0,
+		transform: `translateY(${h.space[2]})`,
+		pointerEvents: "none"
+	},
+	[n]: { transitionDuration: "0s" }
+}), A = {
+	neutral: e({ borderInlineStart: `${T} solid ${h.color.borderStrong}` }),
+	success: e({ borderInlineStart: `${T} solid ${h.color.success}` }),
+	danger: e({ borderInlineStart: `${T} solid ${h.color.danger}` })
+}, j = e({
+	display: "grid",
+	gap: h.space[1],
+	alignSelf: "center",
+	minInlineSize: 0
+}), M = e({
+	margin: 0,
+	fontSize: h.textSize.sm,
+	fontWeight: h.fontWeight.semibold
+}), N = e({
+	margin: 0,
+	fontSize: h.textSize.sm,
+	color: h.color.textMuted
+}), P = e({
+	gridColumn: 2,
+	gridRow: 1,
+	inlineSize: "32px",
+	paddingInline: 0
+}), F = e({ display: "contents" }), I = e({
+	gridColumn: "1 / -1",
+	display: "flex",
+	gap: h.space[2]
+});
+function L(e) {
+	let t = l(D);
+	if (!t) throw Error(`Toast.${e} must be rendered inside <Toast.Provider>.`);
+	return t;
+}
+function R() {
+	let e = l(E);
+	if (!e) throw Error("useToast() must be called inside <Toast.Provider>.");
+	return e;
+}
+function z({ children: e, max: t = b, duration: n = x, dismissLabel: r = S }) {
+	let i = d(), a = p(0), [o, s] = m([]), l = p([]), u = p(/* @__PURE__ */ new Map()), h = Math.max(1, Math.floor(Number.isFinite(t) ? t : b)), g = c((e, t) => {
+		t ? u.current.set(e, t) : u.current.delete(e);
+	}, []), v = c((e, t) => {
+		let n = new Set(t.filter((e) => e.state === "open").map((e) => u.current.get(e.id)));
+		for (let t of e) {
+			let e = u.current.get(t.id);
+			if (e?.contains(e.ownerDocument.activeElement)) {
+				Array.from(e.parentElement?.querySelectorAll("[data-ui=\"toast\"]") ?? []).find((e) => n.has(e))?.querySelector("[data-toast-dismiss]")?.focus();
+				break;
+			}
+		}
+	}, []), y = c((e) => {
+		a.current += 1;
+		let t = `${i}toast-${a.current}`, r = {
+			id: t,
+			options: {
+				...e,
+				duration: e.duration === void 0 ? n : e.duration
+			},
+			state: "open"
+		}, o = l.current, c = [...o, r].slice(-h);
+		return v(o.filter((e) => !c.includes(e)), c), l.current = c, s(c), t;
+	}, [
+		i,
+		h,
+		n,
+		v
+	]), C = c((e) => {
+		let t = l.current;
+		v(t.filter((t) => t.id === e), t.filter((t) => t.id !== e));
+		let n = t.map((t) => t.id === e && t.state === "open" ? {
+			...t,
+			state: "closing"
+		} : t);
+		l.current = n, s(n);
+	}, [v]), w = c((e) => {
+		let t = l.current, n = t.filter((t) => t.id !== e);
+		v(t.filter((t) => t.id === e), n), l.current = n, s(n);
+	}, [v]), T = f(() => ({
+		toast: y,
+		dismiss: C
+	}), [y, C]), O = f(() => ({
+		toasts: o,
+		dismiss: C,
+		remove: w,
+		registerRoot: g,
+		dismissLabel: r
+	}), [
+		o,
+		C,
+		w,
+		g,
+		r
+	]);
+	return /* @__PURE__ */ _(E.Provider, {
+		value: T,
+		children: /* @__PURE__ */ _(D.Provider, {
+			value: O,
+			children: e
+		})
+	});
+}
+z.displayName = "Toast.Provider";
+function B({ ref: e, className: n, sx: r, ...i }) {
+	let { toasts: s } = L("Viewport"), c = p(null), [l, d] = m(null), f = a()?.portalContainer, h = f === void 0 ? l : f;
+	return u(() => {
+		d(c.current?.ownerDocument.body ?? null);
+	}, []), /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
+		hidden: !0,
+		ref: c
+	}), h && y(/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(t, {
+		className: n,
+		styles: O,
+		sx: r,
+		children: (t) => /* @__PURE__ */ _("div", {
+			...i,
+			ref: e,
+			"data-ui": "toast-viewport",
+			className: t,
+			children: s.map((e) => /* @__PURE__ */ _(V, { record: e }, e.id))
+		})
+	}) }), h)] });
+}
+B.displayName = "Toast.Viewport";
+function V({ record: e }) {
+	let { dismiss: t, remove: n, registerRoot: a, dismissLabel: o } = L("Viewport"), { id: s, options: l, state: d } = e, { title: f, description: h, tone: y = "neutral", action: b } = l, x = l.duration, S = p(null), w = c((e) => {
+		S.current = e, a(s, e);
+	}, [s, a]), [T, E] = m(!1), [D, O] = m(!1), [R, z] = m(!1), B = p(x ?? 0);
+	u(() => {
+		let e = setTimeout(() => E(!0), C);
+		return () => clearTimeout(e);
+	}, []);
+	let V = T && d === "open" && x !== null && !D && !R;
+	return u(() => {
+		if (!V) return;
+		let e = performance.now(), n = setTimeout(() => t(s), B.current);
+		return () => {
+			clearTimeout(n), B.current -= performance.now() - e;
+		};
+	}, [
+		V,
+		t,
+		s
+	]), u(() => {
+		if (d !== "closing") return;
+		let e = S.current, t = e && typeof e.getAnimations == "function" ? e.getAnimations() : [], r = !1;
+		return Promise.allSettled(t.map((e) => e.finished)).then(() => {
+			r || n(s);
+		}), () => {
+			r = !0;
+		};
+	}, [
+		d,
+		n,
+		s
+	]), /* @__PURE__ */ v("div", {
+		ref: w,
+		inert: d === "closing",
+		"data-ui": "toast",
+		"data-tone": y,
+		"data-state": d,
+		"data-populated": T,
+		onPointerEnter: () => O(!0),
+		onPointerLeave: () => O(!1),
+		onFocus: () => z(!0),
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || z(!1);
+		},
+		css: [k, A[y]],
+		children: [/* @__PURE__ */ _("div", {
+			role: y === "danger" ? "alert" : "status",
+			"aria-atomic": "true",
+			css: j,
+			children: T && /* @__PURE__ */ v(g, { children: [r(f) && /* @__PURE__ */ _("div", {
+				css: M,
+				children: f
+			}), r(h) && /* @__PURE__ */ _("div", {
+				css: N,
+				children: h
+			})] })
+		}), T && /* @__PURE__ */ v("div", {
+			css: F,
+			children: [/* @__PURE__ */ _(i, {
+				variant: "ghost",
+				size: "sm",
+				"aria-label": o,
+				"data-toast-dismiss": "",
+				onClick: () => t(s),
+				css: P,
+				children: /* @__PURE__ */ _(H, {})
+			}), b && /* @__PURE__ */ _("div", {
+				css: I,
+				children: /* @__PURE__ */ _(i, {
+					variant: "outline",
+					size: "sm",
+					onClick: (e) => {
+						b?.onClick(e), e.defaultPrevented || t(s);
+					},
+					children: b.label
+				})
+			})]
+		})]
+	});
+}
+function H() {
+	return /* @__PURE__ */ v("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ _("line", {
+			x1: "4",
+			y1: "4",
+			x2: "12",
+			y2: "12"
+		}), /* @__PURE__ */ _("line", {
+			x1: "12",
+			y1: "4",
+			x2: "4",
+			y2: "12"
+		})]
+	});
+}
+function U(e) {
+	return /* @__PURE__ */ _(z, { ...e });
+}
+U.displayName = "Toast";
+var W = Object.assign(U, {
+	Provider: z,
+	Viewport: B
+});
+//#endregion
+export { R as n, W as t };

package/dist/toast.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Toast, n as useToast } from "./toast-B1PXuwZ4.js";
+export { t as Toast, n as useToast } from "./toast-CjmELMZZ.js";

package/dist/toggle-group-CI0e7hFm.js

@@ -0,0 +1,166 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, t as i } from "./media-D_eA_I-e.js";
+import { n as a, r as o, t as s } from "./roving-focus-CYlo_Kf8.js";
+import { t as c } from "./use-controlled-state-CVXDa-qM.js";
+import { createContext as l, useContext as u, useEffect as d, useImperativeHandle as f, useMemo as p, useRef as m, useState as h } from "react";
+import { vars as g } from "@jfrader/tokens/vars";
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+//#region src/components/toggle-group/toggle-group.tsx
+var v = l(null);
+function y(e) {
+	let t = u(v);
+	if (!t) throw Error(`ToggleGroup.${e} must be rendered inside <ToggleGroup>.`);
+	return t;
+}
+var b = [], x = (e, t) => {
+	if (Array.isArray(e)) {
+		if (t === "multiple") return e;
+		e = e[0] ?? "";
+	}
+	return e === void 0 || e === "" ? b : [e];
+}, S = {
+	itemSelector: "[data-ui=\"toggle-group-item\"]:not([disabled])",
+	ownerSelector: "[data-ui=\"toggle-group-root\"]"
+}, C = "2px", w = e({
+	display: "inline-flex",
+	gap: C,
+	padding: C,
+	border: `1px solid ${g.color.borderControl}`,
+	borderRadius: g.radius.md,
+	backgroundColor: g.color.surfaceInset
+}), T = {
+	horizontal: e({ flexDirection: "row" }),
+	vertical: e({
+		flexDirection: "column",
+		alignItems: "stretch"
+	})
+}, E = e({
+	appearance: "none",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	gap: g.space[2],
+	minBlockSize: "32px",
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	borderRadius: g.radius.sm,
+	background: "transparent",
+	cursor: "pointer",
+	paddingBlock: g.space[1],
+	paddingInline: g.space[3],
+	font: "inherit",
+	fontSize: g.textSize.sm,
+	fontWeight: g.fontWeight.medium,
+	color: g.color.textMuted,
+	transitionProperty: "background-color, border-color, color",
+	transitionDuration: g.motion.duration.fast,
+	transitionTimingFunction: g.motion.easeStandard,
+	"&:hover:not(:disabled):not([aria-pressed=\"true\"])": {
+		backgroundColor: g.color.surfaceHover,
+		color: g.color.text
+	},
+	"&[aria-pressed=\"true\"]": {
+		backgroundColor: g.color.accentSoft,
+		borderColor: g.color.accent,
+		color: g.color.accentText
+	},
+	"&[aria-pressed=\"true\"]:hover:not(:disabled)": { backgroundColor: g.color.accentSoftHover },
+	"&:disabled": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": { ...n },
+	[r]: { transitionDuration: "0s" },
+	[i]: { "&[aria-pressed=\"true\"]": {
+		backgroundColor: "SelectedItem",
+		borderColor: "SelectedItem",
+		color: "SelectedItemText"
+	} }
+});
+function D({ ref: e, type: n = "single", value: r, defaultValue: i, onValueChange: l, orientation: u = "horizontal", disabled: g = !1, allowEmpty: y = !1, label: b, "aria-label": C, onKeyDown: E, className: D, sx: O, ...k }) {
+	let [A, j] = c(r, i, l), [M, N] = h(null), P = m(null);
+	f(e, () => P.current, []);
+	let F = p(() => x(A, n), [A, n]), I = p(() => ({
+		pressed: F,
+		toggle: (e) => {
+			let t = F.includes(e);
+			n === "multiple" ? j(t ? F.filter((t) => t !== e) : [...F, e]) : t ? y && j("") : j(e);
+		},
+		focused: M,
+		setFocused: N,
+		disabled: g
+	}), [
+		F,
+		j,
+		n,
+		y,
+		M,
+		g
+	]);
+	d(() => {
+		let e = P.current;
+		if (!e) return;
+		let t = o(e, S);
+		if (t.length === 0 || t.some((e) => e.tabIndex === 0)) return;
+		let n = t.find((e) => e.getAttribute("aria-pressed") === "true");
+		N((n ?? s(t, M) ?? t[0])?.dataset.value ?? null);
+	});
+	let L = (e) => {
+		E?.(e);
+		let t = P.current;
+		!e.defaultPrevented && t && a(e, t, u, S);
+	};
+	return /* @__PURE__ */ _(v.Provider, {
+		value: I,
+		children: /* @__PURE__ */ _(t, {
+			className: D,
+			styles: [w, T[u]],
+			sx: O,
+			children: (e) => /* @__PURE__ */ _("div", {
+				...k,
+				ref: P,
+				role: "group",
+				"aria-label": b ?? C,
+				"aria-disabled": g || void 0,
+				"data-ui": "toggle-group-root",
+				"data-type": n,
+				"data-orientation": u,
+				onKeyDown: L,
+				className: e
+			})
+		})
+	});
+}
+D.displayName = "ToggleGroup";
+function O({ ref: e, value: n, disabled: r, onClick: i, onFocus: a, className: o, sx: s, ...c }) {
+	let { pressed: l, toggle: u, focused: d, setFocused: f, disabled: p } = y("Item"), m = p || r, h = l.includes(n), g = !m && (d === null ? l[0] === n : d === n), v = (e) => {
+		i?.(e), !e.defaultPrevented && u(n);
+	}, b = (e) => {
+		a?.(e), f(n);
+	};
+	return /* @__PURE__ */ _(t, {
+		className: o,
+		styles: E,
+		sx: s,
+		children: (t) => /* @__PURE__ */ _("button", {
+			...c,
+			ref: e,
+			type: "button",
+			"aria-pressed": h,
+			"data-ui": "toggle-group-item",
+			"data-value": n,
+			"data-state": h ? "on" : "off",
+			tabIndex: g ? 0 : -1,
+			disabled: m,
+			onClick: v,
+			onFocus: b,
+			className: t
+		})
+	});
+}
+O.displayName = "ToggleGroup.Item";
+var k = Object.assign(D, { Item: O });
+//#endregion
+export { k as t };

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ToggleGroup } from "./toggle-group-N_owicT0.js";
+export { t as ToggleGroup } from "./toggle-group-CI0e7hFm.js";

package/dist/tooltip-CaL3rKbV.js

@@ -0,0 +1,108 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { t as n } from "./use-controlled-state-CVXDa-qM.js";
+import { t as r } from "./trigger-style-B1KVC8O1.js";
+import { n as i, t as a } from "./use-overlay-floating-Bit-f0FU.js";
+import { createContext as o, useContext as s, useMemo as c } from "react";
+import { vars as l } from "@jfrader/tokens/vars";
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useDismiss as d, useFocus as f, useHover as p, useInteractions as m, useMergeRefs as h, useRole as g } from "@floating-ui/react";
+//#region src/components/tooltip/tooltip.tsx
+var _ = 300, v = 100, y = o(null);
+function b(e) {
+	let t = s(y);
+	if (!t) throw Error(`Tooltip.${e} must be rendered inside <Tooltip>.`);
+	return t;
+}
+var x = e({
+	boxSizing: "border-box",
+	backgroundColor: l.color.bgSoft,
+	border: `1px solid ${l.color.border}`,
+	borderRadius: l.radius.sm,
+	boxShadow: l.shadow.raised,
+	padding: `${l.space[1]} ${l.space[2]}`,
+	maxInlineSize: "260px",
+	color: l.color.text,
+	fontFamily: l.font.sans,
+	fontSize: l.textSize.sm,
+	lineHeight: l.lineHeight.base
+});
+function S({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "top", openDelay: o = _, closeDelay: s = v, children: l }) {
+	let [h = !1, b] = n(e, t, r), { refs: x, floatingStyles: S, context: C } = a({
+		open: h,
+		placement: i,
+		onOpenChange: b
+	}), w = p(C, {
+		delay: {
+			open: o,
+			close: s
+		},
+		move: !1
+	}), T = f(C), E = d(C, { escapeKey: !0 }), D = g(C, { role: "tooltip" }), { getReferenceProps: O, getFloatingProps: k } = m([
+		w,
+		T,
+		E,
+		D
+	]), A = c(() => ({
+		open: h,
+		refs: x,
+		floatingStyles: S,
+		getReferenceProps: O,
+		getFloatingProps: k
+	}), [
+		h,
+		x,
+		S,
+		O,
+		k
+	]);
+	return /* @__PURE__ */ u(y.Provider, {
+		value: A,
+		children: l
+	});
+}
+S.displayName = "Tooltip";
+function C({ ref: e, "aria-describedby": n, className: i, sx: a, ...o }) {
+	let { refs: s, getReferenceProps: c } = b("Trigger"), l = h([s.setReference, e]), d = c(o), f = [n, d["aria-describedby"]].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ u(t, {
+		className: i,
+		styles: r,
+		sx: a,
+		children: (e) => /* @__PURE__ */ u("button", {
+			type: "button",
+			...d,
+			ref: l,
+			"aria-describedby": f,
+			"data-ui": "tooltip-trigger",
+			className: e
+		})
+	});
+}
+C.displayName = "Tooltip.Trigger";
+function w({ ref: e, style: n, className: r, sx: a, ...o }) {
+	let { open: s, refs: c, floatingStyles: l, getFloatingProps: d } = b("Content"), f = h([c.setFloating, e]);
+	if (!s) return null;
+	let { tabIndex: p, ...m } = d(o);
+	return /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u(t, {
+		className: r,
+		styles: x,
+		sx: a,
+		children: (e) => /* @__PURE__ */ u("div", {
+			...m,
+			ref: f,
+			"data-ui": "tooltip",
+			style: {
+				...n,
+				...l
+			},
+			className: e
+		})
+	}) });
+}
+w.displayName = "Tooltip.Content";
+var T = Object.assign(S, {
+	Trigger: C,
+	Content: w
+});
+//#endregion
+export { T as t };

package/dist/tooltip.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Tooltip } from "./tooltip-BJPisf60.js";
+export { t as Tooltip } from "./tooltip-CaL3rKbV.js";

package/dist/{trigger-style-B1GFmH7M.js → trigger-style-B1KVC8O1.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
+import { r as e } from "./sx-Dx9JUKp5.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/trigger-style.ts
 var n = e({