@jfrader/ui 0.5.1 → 0.7.0

package/dist/{time-picker-CPlhW0tr.js → time-picker-Tnd-JBLC.js}

@@ -1,11 +1,12 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
 import { t as r } from "./use-controlled-state-DpeVQZNR.js";
 import { t as i } from "./renderable-DzcIj1Lo.js";
-import { t as a } from "./icon-wrapper-stN8sD7R.js";
-import { a as o } from "./field-anatomy-COVdNpf5.js";
-import { t as s } from "./select-D5rhJ8gi.js";
+import { t as a } from "./icon-wrapper-C-zMD0uL.js";
+import { a as o } from "./field-anatomy-BDIP42MI.js";
+import { t as s } from "./select-SrcQqZjo.js";
 import { useEffect as c, useId as ee, useMemo as te, useRef as l, useState as ne } from "react";
 import { vars as u } from "@jfrader/tokens/vars";
 import { createElement as re } from "@emotion/react";
@@ -41,7 +42,7 @@ var de = e({
 	inlineSize: "100%",
 	gap: u.space[2],
 	"&[aria-invalid=\"true\"]": { borderColor: u.color.dangerText },
-	[n]: {
+	[t]: {
 		backgroundColor: "Canvas",
 		color: "CanvasText",
 		borderColor: "CanvasText",
@@ -77,20 +78,20 @@ var de = e({
 	maxInlineSize: "calc(100vw - 16px)",
 	maxBlockSize: `min(${h}, var(--time-picker-available-height, ${h}))`,
 	overscrollBehavior: "contain",
-	[n]: {
+	[t]: {
 		backgroundColor: "Canvas",
 		color: "CanvasText",
 		borderColor: "CanvasText"
 	}
 }), ve = e({
 	minBlockSize: u.space[8],
-	[n]: {
+	[t]: {
 		"&[data-active]": { outlineColor: "Highlight" },
 		"&[aria-selected=\"true\"]": { border: "1px solid Highlight" }
 	}
 });
-function b({ ref: e, value: n, defaultValue: u = oe, onValueChange: m, open: h, defaultOpen: g = !1, onOpenChange: b, minuteStep: x = 15, min: ye, max: be, locale: S, hourCycle: C, label: w, description: T, error: E, placeholder: xe, size: Se = "md", disabled: Ce = !1, readOnly: D = !1, required: O = !1, name: k, icon: A, slotProps: j, className: we, sx: Te, dir: M, id: Ee, onClick: De, onKeyDown: Oe, onBlur: ke, ...N }) {
-	let P = l(u).current, [F = "", I, L] = r(n, P, m), [Ae = !1, je] = r(h, g, b), R = Ce || j?.control?.disabled === !0, z = R || D, B = Ae && !z, V = l(null), H = l(null), [U, Me] = ne(null), W = l(!1), Ne = p([
+function b({ ref: e, value: t, defaultValue: u = oe, onValueChange: m, open: h, defaultOpen: g = !1, onOpenChange: b, minuteStep: x = 15, min: ye, max: be, locale: S, hourCycle: C, label: w, description: T, error: E, placeholder: xe, size: Se = "md", disabled: Ce = !1, readOnly: D = !1, required: O = !1, name: k, icon: A, slotProps: j, className: we, sx: Te, dir: M, id: Ee, onClick: De, onKeyDown: Oe, onBlur: ke, ...N }) {
+	let P = l(u).current, [F = "", I, L] = r(t, P, m), [Ae = !1, je] = r(h, g, b), R = Ce || j?.control?.disabled === !0, z = R || D, B = Ae && !z, V = l(null), H = l(null), [U, Me] = ne(null), W = l(!1), Ne = p([
 		V,
 		e,
 		j?.control?.ref
@@ -127,14 +128,14 @@ function b({ ref: e, value: n, defaultValue: u = oe, onValueChange: m, open: h,
 	return c(() => {
 		let e = V.current?.form;
 		if (!e) return;
-		let t = (e) => {
+		let n = (e) => {
 			queueMicrotask(() => {
-				e.defaultPrevented || (n === void 0 ? L() : I(P));
+				e.defaultPrevented || (t === void 0 ? L() : I(P));
 			});
 		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+		return e.addEventListener("reset", n), () => e.removeEventListener("reset", n);
 	}, [
-		n,
+		t,
 		I,
 		L,
 		P,
@@ -181,7 +182,7 @@ function b({ ref: e, value: n, defaultValue: u = oe, onValueChange: m, open: h,
 		M,
 		Q?.dir,
 		j?.root?.dir
-	]), /* @__PURE__ */ d(t, {
+	]), /* @__PURE__ */ d(n, {
 		className: [we, j?.root?.className].filter(Boolean).join(" "),
 		styles: [de, j?.root?.css],
 		sx: Te,

package/dist/time-picker.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TimePicker } from "./time-picker-CPlhW0tr.js";
+export { t as TimePicker } from "./time-picker-Tnd-JBLC.js";

package/dist/{timeline-B0uAAVfT.js → timeline-BcF46lG9.js}

@@ -1,14 +1,15 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { t as r } from "./disclosure-caret-C5T3fcl6.js";
-import { t as i } from "./focus-ring-BK5W5_NY.js";
-import { n as a, r as o } from "./media-8yrN85VT.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { t as n } from "./disclosure-caret-C5T3fcl6.js";
+import { t as r } from "./focus-ring-BK5W5_NY.js";
+import { n as i, r as a } from "./media-8yrN85VT.js";
+import { t as o } from "./sx-BJXJ2xJK.js";
 import { r as s } from "./roving-focus-CYlo_Kf8.js";
 import { t as c } from "./use-controlled-state-DpeVQZNR.js";
-import { t as l } from "./visually-hidden-BJdvqqvn.js";
+import { t as l } from "./visually-hidden-DgVO3NaB.js";
 import { t as u } from "./renderable-DzcIj1Lo.js";
-import { t as d } from "./icon-wrapper-stN8sD7R.js";
-import { t as f } from "./avatar-CaGJHy1N.js";
+import { t as d } from "./icon-wrapper-C-zMD0uL.js";
+import { t as f } from "./avatar-sPxDqFiZ.js";
 import { t as p } from "./part-id-D0zksy32.js";
 import { useEffect as ee, useId as te, useLayoutEffect as ne, useMemo as m, useRef as h, useState as re } from "react";
 import { vars as g } from "@jfrader/tokens/vars";
@@ -171,7 +172,7 @@ var M = "(prefers-reduced-motion: reduce)", _e = (e) => e.ownerDocument.defaultV
 		overflowAnchor: "none",
 		scrollPaddingBlockStart: g.space[10]
 	},
-	"&:focus-visible": { ...i }
+	"&:focus-visible": { ...r }
 }), xe = t({ "& + &": { marginBlockStart: "var(--timeline-row-gap)" } }), Se = t({
 	position: "sticky",
 	insetBlockStart: 0,
@@ -215,8 +216,8 @@ var M = "(prefers-reduced-motion: reduce)", _e = (e) => e.ownerDocument.defaultV
 		animationDuration: g.motion.duration.base,
 		animationTimingFunction: g.motion.easeStandard
 	},
-	[o]: { "&[data-new]": { animation: "none" } },
-	[a]: { "&::before": { borderInlineStartColor: "GrayText" } }
+	[a]: { "&[data-new]": { animation: "none" } },
+	[i]: { "&::before": { borderInlineStartColor: "GrayText" } }
 }), P = t({
 	boxSizing: "border-box",
 	display: "flex",
@@ -231,7 +232,7 @@ var M = "(prefers-reduced-motion: reduce)", _e = (e) => e.ownerDocument.defaultV
 	overflow: "hidden",
 	fontSize: g.textSize.xs,
 	"&[data-kind=\"avatar\"]": { border: 0 },
-	[a]: {
+	[i]: {
 		borderColor: "CanvasText",
 		color: "CanvasText"
 	}
@@ -250,7 +251,7 @@ var M = "(prefers-reduced-motion: reduce)", _e = (e) => e.ownerDocument.defaultV
 	blockSize: g.space[2],
 	borderRadius: g.radius.full,
 	backgroundColor: "currentColor",
-	[a]: {
+	[i]: {
 		backgroundColor: "CanvasText",
 		forcedColorAdjust: "none"
 	}
@@ -298,18 +299,18 @@ var M = "(prefers-reduced-motion: reduce)", _e = (e) => e.ownerDocument.defaultV
 	transitionDuration: g.motion.duration.fast,
 	transitionTimingFunction: g.motion.easeStandard,
 	"&::after": {
-		...r,
+		...n,
 		transitionDuration: g.motion.duration.fast
 	},
 	"&[aria-expanded=\"true\"]::after": { transform: "rotate(90deg)" },
 	"&[aria-expanded=\"true\"]:dir(rtl)::after": { transform: "rotate(-90deg)" },
 	"&:hover": { backgroundColor: g.color.surfaceHover },
-	"&:focus-visible": { ...i },
-	[o]: {
+	"&:focus-visible": { ...r },
+	[a]: {
 		transitionDuration: "0s",
 		"&::after": { transitionDuration: "0s" }
 	},
-	[a]: {
+	[i]: {
 		"&:focus-visible": { outlineColor: "Highlight" },
 		"&::after": {
 			forcedColorAdjust: "none",
@@ -369,15 +370,15 @@ function Ie({ event: e, part: t }) {
 		children: i
 	});
 }
-function L({ ref: e, events: t, now: r, value: i, defaultValue: a, onValueChange: o, locale: u, timeZone: d = y, headingLevel: f = 3, maxHeight: g, scrollToNew: b = !1, size: x = "md", labels: oe, slotProps: S, className: se, sx: ce, onKeyDown: C, onFocus: O, onBlur: k, "aria-label": A, "aria-labelledby": j, "aria-describedby": M, ...N }) {
-	let P = te(), F = h(null), I = h(null), L = ie([e, F]), R = g !== void 0, z = D(r) ? r : null, { formatters: B, problems: Le } = m(() => ue(u, d), [u, d]), V = {
+function L({ ref: e, events: t, now: n, value: r, defaultValue: i, onValueChange: a, locale: u, timeZone: d = y, headingLevel: f = 3, maxHeight: g, scrollToNew: b = !1, size: x = "md", labels: oe, slotProps: S, className: se, sx: ce, onKeyDown: C, onFocus: O, onBlur: k, "aria-label": A, "aria-labelledby": j, "aria-describedby": M, ...N }) {
+	let P = te(), F = h(null), I = h(null), L = ie([e, F]), R = g !== void 0, z = D(n) ? n : null, { formatters: B, problems: Le } = m(() => ue(u, d), [u, d]), V = {
 		...ge(B),
 		...oe
 	}, H = m(() => de(t, B.dayParts, z), [
 		t,
 		B,
 		z
-	]), U = m(() => H.flatMap((e) => e.rows.map((e) => e.event.id)), [H]), W = H[0]?.epoch ?? null, [G = ae, Re] = c(i, a ?? ae, (e) => o?.([...e])), ze = new Set(G), Be = pe(G), K = h(null);
+	]), U = m(() => H.flatMap((e) => e.rows.map((e) => e.event.id)), [H]), W = H[0]?.epoch ?? null, [G = ae, Re] = c(r, i ?? ae, (e) => a?.([...e])), ze = new Set(G), Be = pe(G), K = h(null);
 	ne(() => {
 		K.current = null;
 	}, [Be]);
@@ -448,7 +449,7 @@ function L({ ref: e, events: t, now: r, value: i, defaultValue: a, onValueChange
 	}, [U, R]);
 	let Ge = fe(U), Q = [
 		...Le,
-		...z === null ? [`Timeline: now ${String(r)} is not a finite epoch-ms value; showing absolute times.`] : [],
+		...z === null ? [`Timeline: now ${String(n)} is not a finite epoch-ms value; showing absolute times.`] : [],
 		...Ge.length > 0 ? [`Timeline: duplicate event ids ${JSON.stringify(Ge)}.`] : []
 	].join("\n");
 	ee(() => {
@@ -477,7 +478,7 @@ function L({ ref: e, events: t, now: r, value: i, defaultValue: a, onValueChange
 		"aria-label": A ?? (j ? void 0 : V.region),
 		"aria-labelledby": j
 	}, Qe = [M, Ye ? Xe : void 0].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ _(n, {
+	return /* @__PURE__ */ _(o, {
 		className: se,
 		styles: [ve, ye[x]],
 		sx: ce,

package/dist/timeline.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Timeline } from "./timeline-B0uAAVfT.js";
+export { t as Timeline } from "./timeline-BcF46lG9.js";

package/dist/{toast-B7wo3sX1.js → toast-CSAbl5yK.js}

@@ -1,10 +1,11 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, r } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./renderable-DzcIj1Lo.js";
-import { t as a } from "./button-NLY0h6EJ.js";
-import { i as o, t as s } from "./theme-scope-t7nAKc2c.js";
-import { t as c } from "./spinner-DtxvDPdM.js";
+import { t as a } from "./button-C6OV0C7J.js";
+import { l as o, n as s } from "./theme-scope-DGWy4H0C.js";
+import { t as c } from "./spinner-CvzajSg9.js";
 import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { vars as v } from "@jfrader/tokens/vars";
 import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
@@ -46,11 +47,11 @@ var C = 4, w = 5e3, T = "Dismiss", E = 100, D = "min(380px, calc(100vw - 32px))"
 		transform: `translateY(${v.space[2]})`,
 		pointerEvents: "none"
 	},
-	[r]: {
+	[n]: {
 		transitionDuration: "0s",
 		"&[data-state=\"closing\"]": { transform: "none" }
 	},
-	[n]: {
+	[t]: {
 		backgroundColor: "Canvas",
 		color: "CanvasText",
 		borderColor: "CanvasText"
@@ -205,12 +206,12 @@ function U({ children: e, max: t = C, duration: n = w, dismissLabel: r = T }) {
 	});
 }
 U.displayName = "Toast.Provider";
-function W({ ref: e, className: n, sx: r, ...i }) {
+function W({ ref: e, className: t, sx: n, ...i }) {
 	let { toasts: a, registerRenderer: o } = V("Viewport");
-	return f(o, [o]), /* @__PURE__ */ b(G, { children: /* @__PURE__ */ b(t, {
-		className: n,
+	return f(o, [o]), /* @__PURE__ */ b(G, { children: /* @__PURE__ */ b(r, {
+		className: t,
 		styles: j,
-		sx: r,
+		sx: n,
 		children: (t) => /* @__PURE__ */ b("div", {
 			...i,
 			ref: e,

package/dist/{toast-stack-B40VpS4M.js → toast-stack-BCR4Cu7V.js}

@@ -1,8 +1,9 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { r as n } from "./media-8yrN85VT.js";
-import { t as r } from "./button-NLY0h6EJ.js";
-import { i, o as a, r as o, t as s } from "./toast-B7wo3sX1.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { r as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
+import { t as r } from "./button-C6OV0C7J.js";
+import { i, o as a, r as o, t as s } from "./toast-CSAbl5yK.js";
 import { useEffect as c, useId as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
 import { vars as p } from "@jfrader/tokens/vars";
 import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
@@ -43,7 +44,7 @@ var g = e({
 	transitionProperty: "block-size",
 	transitionDuration: p.motion.duration.base,
 	transitionTimingFunction: p.motion.easeStandard,
-	[n]: { transitionDuration: "0s" }
+	[t]: { transitionDuration: "0s" }
 }), v = e({
 	position: "absolute",
 	insetInline: 0,
@@ -53,13 +54,13 @@ var g = e({
 	transitionDuration: p.motion.duration.base,
 	transitionTimingFunction: p.motion.easeStandard,
 	"&[data-stack-visible=\"false\"]": { visibility: "hidden" },
-	[n]: { transitionDuration: "0s" }
+	[t]: { transitionDuration: "0s" }
 }), y = e({
 	pointerEvents: "auto",
 	justifySelf: "end",
 	minBlockSize: p.space[8]
 });
-function b({ ref: e, className: n, sx: i, variant: s = "stacked", position: b = "bottom-end", contained: x = !1, maxVisible: S = 3, label: C = "Notifications", hotkey: w = !1, expandLabel: T = "Expand notifications", collapseLabel: E = "Collapse notifications", slotProps: D, onPointerEnter: O, onPointerLeave: ee, onFocus: te, onBlur: ne, onKeyDown: k, ...A }) {
+function b({ ref: e, className: t, sx: i, variant: s = "stacked", position: b = "bottom-end", contained: x = !1, maxVisible: S = 3, label: C = "Notifications", hotkey: w = !1, expandLabel: T = "Expand notifications", collapseLabel: E = "Collapse notifications", slotProps: D, onPointerEnter: O, onPointerLeave: ee, onFocus: te, onBlur: ne, onKeyDown: k, ...A }) {
 	let { toasts: j, registerRenderer: M } = a("Stack"), N = d(null), P = d(null), F = l(), [I, L] = f(!1), [R, z] = f(!1), [B, V] = f(!1), [H, U] = f({}), W = d(/* @__PURE__ */ new Map()), G = [...j].reverse(), K = G.filter((e) => e.state === "open"), q = Math.max(1, Math.floor(Number.isFinite(S) ? S : 3)), J = s === "list" || I || R || B, Y = I || R || B;
 	c(M, [M]), c(() => {
 		K.length || V(!1);
@@ -113,8 +114,8 @@ function b({ ref: e, className: n, sx: i, variant: s = "stacked", position: b =
 		re,
 		J,
 		R
-	]), /* @__PURE__ */ m(t, {
-		className: n,
+	]), /* @__PURE__ */ m(n, {
+		className: t,
 		styles: g,
 		sx: i,
 		children: (t) => /* @__PURE__ */ h("div", {

package/dist/toast-stack.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ToastStack } from "./toast-stack-B40VpS4M.js";
+export { t as ToastStack } from "./toast-stack-BCR4Cu7V.js";

package/dist/toast.js

@@ -1,2 +1,2 @@
 'use client';
-export { n as Toast, a as useToast } from "./toast-B7wo3sX1.js";
+export { n as Toast, a as useToast } from "./toast-CSAbl5yK.js";

package/dist/{toggle-group-B2fpFZwV.js → toggle-group-C7ye1v4s.js}

@@ -1,7 +1,8 @@
 '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, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.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-DpeVQZNR.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";
@@ -71,22 +72,22 @@ var b = [], x = (e, t) => {
 		opacity: .55,
 		cursor: "not-allowed"
 	},
-	"&:focus-visible": { ...n },
-	[i]: { transitionDuration: "0s" },
-	[r]: { "&[aria-pressed=\"true\"]": {
+	"&:focus-visible": { ...t },
+	[r]: { transitionDuration: "0s" },
+	[n]: { "&[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);
+function D({ ref: e, type: t = "single", value: n, defaultValue: r, 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(n, r, l), [M, N] = h(null), P = m(null);
 	f(e, () => P.current, []);
-	let F = p(() => x(A, n), [A, n]), I = p(() => ({
+	let F = p(() => x(A, t), [A, t]), 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);
+			let n = F.includes(e);
+			t === "multiple" ? j(n ? F.filter((t) => t !== e) : [...F, e]) : n ? y && j("") : j(e);
 		},
 		focused: M,
 		setFocused: N,
@@ -94,7 +95,7 @@ function D({ ref: e, type: n = "single", value: r, defaultValue: i, onValueChang
 	}), [
 		F,
 		j,
-		n,
+		t,
 		y,
 		M,
 		g
@@ -114,7 +115,7 @@ function D({ ref: e, type: n = "single", value: r, defaultValue: i, onValueChang
 	};
 	return /* @__PURE__ */ _(v.Provider, {
 		value: I,
-		children: /* @__PURE__ */ _(t, {
+		children: /* @__PURE__ */ _(i, {
 			className: D,
 			styles: [w, T[u]],
 			sx: O,
@@ -125,7 +126,7 @@ function D({ ref: e, type: n = "single", value: r, defaultValue: i, onValueChang
 				"aria-label": b ?? C,
 				"aria-disabled": g ? !0 : k["aria-disabled"],
 				"data-ui": "toggle-group-root",
-				"data-type": n,
+				"data-type": t,
 				"data-orientation": u,
 				onKeyDown: L,
 				className: e
@@ -134,29 +135,29 @@ function D({ ref: e, type: n = "single", value: r, defaultValue: i, onValueChang
 	});
 }
 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);
+function O({ ref: e, value: t, disabled: n, onClick: r, onFocus: a, className: o, sx: s, ...c }) {
+	let { pressed: l, toggle: u, focused: d, setFocused: f, disabled: p } = y("Item"), m = p || n, h = l.includes(t), g = !m && (d === null ? l[0] === t : d === t), v = (e) => {
+		r?.(e), !e.defaultPrevented && u(t);
 	}, b = (e) => {
-		a?.(e), f(n);
+		a?.(e), f(t);
 	};
-	return /* @__PURE__ */ _(t, {
+	return /* @__PURE__ */ _(i, {
 		className: o,
 		styles: E,
 		sx: s,
-		children: (t) => /* @__PURE__ */ _("button", {
+		children: (n) => /* @__PURE__ */ _("button", {
 			...c,
 			ref: e,
 			type: "button",
 			"aria-pressed": h,
 			"data-ui": "toggle-group-item",
-			"data-value": n,
+			"data-value": t,
 			"data-state": h ? "on" : "off",
 			tabIndex: g ? 0 : -1,
 			disabled: m,
 			onClick: v,
 			onFocus: b,
-			className: t
+			className: n
 		})
 	});
 }

package/dist/toggle-group.js

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

package/dist/{tooltip-BvgVTCTN.js → tooltip-IajLwdUb.js}

@@ -1,9 +1,10 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./sx-BJXJ2xJK.js";
 import { t as n } from "./use-controlled-state-DpeVQZNR.js";
-import { t as r } from "./trigger-style-B1KVC8O1.js";
+import { t as r } from "./trigger-style-CtOrdPk4.js";
 import { t as i } from "./overlay-layer-qEbpEtb8.js";
-import { t as a } from "./overlay-portal-C4JZFq2M.js";
+import { t as a } from "./overlay-portal-C9igMHnC.js";
 import { t as o } from "./use-overlay-floating-Bx2jBKAA.js";
 import { createContext as s, useContext as c, useMemo as l, useState as u } from "react";
 import { vars as d } from "@jfrader/tokens/vars";
@@ -30,45 +31,53 @@ var C = e({
 	fontSize: d.textSize.sm,
 	lineHeight: d.lineHeight.base
 });
-function w({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "top", openDelay: a = y, closeDelay: s = b, children: c }) {
-	let [u = !1, d] = n(e, t, r), { refs: _, floatingStyles: S, context: C } = o({
-		open: u,
-		placement: i,
-		onOpenChange: d
-	}), w = h(C, {
+function w(e, { enabled: t = !0, openDelay: n = y, closeDelay: r = b } = {}) {
+	let i = h(e, {
+		enabled: t,
 		delay: {
-			open: a,
-			close: s
+			open: n,
+			close: r
 		},
 		move: !1
-	}), T = m(C), E = p(C, { escapeKey: !0 }), D = v(C, { role: "tooltip" }), { getReferenceProps: O, getFloatingProps: k } = g([
-		w,
-		T,
-		E,
-		D
-	]), A = l(() => ({
+	}), a = m(e, { enabled: t }), o = p(e, { escapeKey: !0 }), s = v(e, { role: "tooltip" });
+	return g([
+		i,
+		a,
+		o,
+		s
+	]);
+}
+function T({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "top", openDelay: a = y, closeDelay: s = b, children: c }) {
+	let [u = !1, d] = n(e, t, r), { refs: p, floatingStyles: m, context: h } = o({
+		open: u,
+		placement: i,
+		onOpenChange: d
+	}), { getReferenceProps: g, getFloatingProps: _ } = w(h, {
+		openDelay: a,
+		closeDelay: s
+	}), v = l(() => ({
 		open: u,
-		refs: _,
-		floatingStyles: S,
-		getReferenceProps: O,
-		getFloatingProps: k
+		refs: p,
+		floatingStyles: m,
+		getReferenceProps: g,
+		getFloatingProps: _
 	}), [
 		u,
-		_,
-		S,
-		O,
-		k
+		p,
+		m,
+		g,
+		_
 	]);
 	return /* @__PURE__ */ f(x.Provider, {
-		value: A,
+		value: v,
 		children: c
 	});
 }
-function T(e) {
-	return /* @__PURE__ */ f(i, { children: /* @__PURE__ */ f(w, { ...e }) });
+function E(e) {
+	return /* @__PURE__ */ f(i, { children: /* @__PURE__ */ f(T, { ...e }) });
 }
-T.displayName = "Tooltip";
-function E({ ref: e, "aria-describedby": n, className: i, sx: a, ...o }) {
+E.displayName = "Tooltip";
+function D({ ref: e, "aria-describedby": n, className: i, sx: a, ...o }) {
 	let { refs: s, getReferenceProps: c } = S("Trigger"), l = _([s.setReference, e]), u = c(o), d = [n, u["aria-describedby"]].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ f(t, {
 		className: i,
@@ -84,8 +93,8 @@ function E({ ref: e, "aria-describedby": n, className: i, sx: a, ...o }) {
 		})
 	});
 }
-E.displayName = "Tooltip.Trigger";
-function D({ ref: e, style: n, className: r, sx: i, dir: a, ...o }) {
+D.displayName = "Tooltip.Trigger";
+function O({ ref: e, style: n, className: r, sx: i, dir: a, ...o }) {
 	let { refs: s, floatingStyles: c, getFloatingProps: l } = S("Content"), d = _([s.setFloating, e]), [p] = u(() => {
 		let e = s.domReference.current;
 		return e?.ownerDocument.defaultView?.getComputedStyle(e).direction;
@@ -107,14 +116,14 @@ function D({ ref: e, style: n, className: r, sx: i, dir: a, ...o }) {
 		})
 	});
 }
-function O(e) {
+function k(e) {
 	let { open: t } = S("Content");
-	return t ? /* @__PURE__ */ f(a, { children: /* @__PURE__ */ f(D, { ...e }) }) : null;
+	return t ? /* @__PURE__ */ f(a, { children: /* @__PURE__ */ f(O, { ...e }) }) : null;
 }
-O.displayName = "Tooltip.Content";
-var k = Object.assign(T, {
-	Trigger: E,
-	Content: O
+k.displayName = "Tooltip.Content";
+var A = Object.assign(E, {
+	Trigger: D,
+	Content: k
 });
 //#endregion
-export { k as t };
+export { C as n, w as r, A as t };

package/dist/tooltip.js

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

package/dist/{tree-view-j8qLqkb_.js → tree-view-CoW4oJIZ.js}

@@ -1,8 +1,9 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./disclosure-caret-C5T3fcl6.js";
-import { t as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./disclosure-caret-C5T3fcl6.js";
+import { t as 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-controlled-state-DpeVQZNR.js";
 import { t as s } from "./renderable-DzcIj1Lo.js";
 import { useEffect as c, useId as ee, useLayoutEffect as te, useMemo as ne, useRef as l, useState as u } from "react";
@@ -26,7 +27,7 @@ var re = 500, ie = {
 	margin: 0,
 	padding: d.space[1],
 	overflowX: "auto",
-	"&:focus-visible": r
+	"&:focus-visible": n
 }), se = e({
 	outline: "none",
 	display: "flex",
@@ -56,9 +57,9 @@ var re = 500, ie = {
 		color: d.color.textMuted,
 		cursor: "default"
 	},
-	"&:has(> [role=\"treeitem\"]:focus-visible)": r,
-	[a]: { transitionDuration: "0s" },
-	[i]: {
+	"&:has(> [role=\"treeitem\"]:focus-visible)": n,
+	[i]: { transitionDuration: "0s" },
+	[r]: {
 		borderInlineStartColor: "Canvas",
 		"&:has(> [aria-selected=\"true\"])": { borderInlineStartColor: "Highlight" }
 	}
@@ -79,13 +80,13 @@ var re = 500, ie = {
 	justifyContent: "center",
 	color: "currentColor",
 	"&[data-branch=\"true\"]::after": {
-		...n,
+		...t,
 		transitionDuration: d.motion.duration.fast
 	},
 	"&[data-open=\"true\"]::after": { transform: "rotate(90deg)" },
 	"&:dir(rtl)[data-open=\"true\"]::after": { transform: "rotate(-90deg)" },
-	[a]: { "&[data-branch=\"true\"]::after": { transitionDuration: "0s" } },
-	[i]: { "&[data-branch=\"true\"]::after": {
+	[i]: { "&[data-branch=\"true\"]::after": { transitionDuration: "0s" } },
+	[r]: { "&[data-branch=\"true\"]::after": {
 		forcedColorAdjust: "none",
 		color: "CanvasText"
 	} }
@@ -107,8 +108,8 @@ var re = 500, ie = {
 	paddingInline: d.space[2],
 	"&:empty": { padding: 0 }
 });
-function h({ nodes: e, value: n, defaultValue: r = null, onValueChange: i, open: a, defaultOpen: d = [], onOpenChange: h, loadChildren: g, onLoadError: pe, label: me = "Tree", messages: he, empty: _, treeRef: v, locale: y, slotProps: b, ref: ge, className: _e, sx: ve, onKeyDown: ye, onClick: be, onBlur: xe, "aria-label": Se, "aria-labelledby": x, "aria-describedby": Ce, ...we }) {
-	let S = ee(), C = l(null), w = l(/* @__PURE__ */ new Map()), T = l(null), E = l(/* @__PURE__ */ new Map()), D = l(/* @__PURE__ */ new Map()), [Te, Ee] = u(/* @__PURE__ */ new Map()), [O, k] = u(/* @__PURE__ */ new Set()), [A, j] = u(/* @__PURE__ */ new Set()), [M, De] = o(n, r, i), [N = [], P] = o(a, d, h), [F, I] = u(n ?? r), L = l({
+function h({ nodes: e, value: t, defaultValue: n = null, onValueChange: r, open: i, defaultOpen: d = [], onOpenChange: h, loadChildren: g, onLoadError: pe, label: me = "Tree", messages: he, empty: _, treeRef: v, locale: y, slotProps: b, ref: ge, className: _e, sx: ve, onKeyDown: ye, onClick: be, onBlur: xe, "aria-label": Se, "aria-labelledby": x, "aria-describedby": Ce, ...we }) {
+	let S = ee(), C = l(null), w = l(/* @__PURE__ */ new Map()), T = l(null), E = l(/* @__PURE__ */ new Map()), D = l(/* @__PURE__ */ new Map()), [Te, Ee] = u(/* @__PURE__ */ new Map()), [O, k] = u(/* @__PURE__ */ new Set()), [A, j] = u(/* @__PURE__ */ new Set()), [M, De] = o(t, n, r), [N = [], P] = o(i, d, h), [F, I] = u(t ?? n), L = l({
 		text: "",
 		time: 0
 	}), R = ne(() => new Intl.Collator(y, {
@@ -300,7 +301,7 @@ function h({ nodes: e, value: n, defaultValue: r = null, onValueChange: i, open:
 			})]
 		}, e.id);
 	}), $ = _ === void 0 ? z.empty : _;
-	return /* @__PURE__ */ f(t, {
+	return /* @__PURE__ */ f(a, {
 		className: _e,
 		styles: [ae],
 		sx: ve,

package/dist/tree-view.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TreeView } from "./tree-view-j8qLqkb_.js";
+export { t as TreeView } from "./tree-view-CoW4oJIZ.js";