@jfrader/ui 0.4.0 → 0.5.1

package/dist/overlay-layer-qEbpEtb8.js

@@ -0,0 +1,78 @@
+'use client';
+import { useMemo as e } from "react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { FloatingNode as n, FloatingTree as r, useDismiss as i, useFloatingNodeId as a, useFloatingParentNodeId as o, useFloatingTree as s } from "@floating-ui/react";
+import { getDeepestNode as c } from "@floating-ui/react/utils";
+//#region src/overlay/overlay-layer.tsx
+var l = {
+	escapeKey: !0,
+	outsidePress: !0,
+	bubbles: !1
+}, u = {
+	container: l,
+	leaf: {
+		...l,
+		capture: {
+			escapeKey: !0,
+			outsidePress: !0
+		}
+	}
+};
+function d(t, n) {
+	let r = s(), { nodeId: i } = t;
+	return e(() => {
+		if (!n || !r) return {};
+		let e = (e) => {
+			if (e.key !== "Escape" || e.nativeEvent.isComposing) return;
+			let t = c(r.nodesRef.current, i);
+			t && t.id !== i && t.context?.onOpenChange(!1, e.nativeEvent, "escape-key");
+		};
+		return {
+			reference: { onKeyDown: e },
+			floating: { onKeyDown: e }
+		};
+	}, [
+		n,
+		r,
+		i
+	]);
+}
+function f(e, t) {
+	return [d(e, t === "container"), i(e, u[t])];
+}
+function p({ children: e }) {
+	let r = a();
+	return /* @__PURE__ */ t(n, {
+		id: r,
+		children: e(r)
+	});
+}
+function m({ children: e }) {
+	let n = s(), i = /* @__PURE__ */ t(p, { children: e });
+	return n ? i : /* @__PURE__ */ t(r, { children: i });
+}
+m.displayName = "OverlayLayer";
+function h({ children: e }) {
+	return /* @__PURE__ */ t(m, { children: (r) => /* @__PURE__ */ t(n, {
+		id: void 0,
+		children: e(r)
+	}) });
+}
+h.displayName = "MenuLayer";
+function g({ nodeId: e, children: r }) {
+	return /* @__PURE__ */ t(n, {
+		id: e,
+		children: r
+	});
+}
+g.displayName = "LayerContent";
+function _({ children: e }) {
+	let i = s(), a = o();
+	return !i && !a ? e : /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, {
+		id: void 0,
+		children: e
+	}) });
+}
+_.displayName = "IsolatedOverlay";
+//#endregion
+export { f as a, m as i, g as n, h as r, _ as t };

package/dist/overlay-portal-C4JZFq2M.js

@@ -0,0 +1,15 @@
+'use client';
+import { i as e, t } from "./theme-scope-t7nAKc2c.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { FloatingPortal as r } from "@floating-ui/react";
+//#region src/overlay/overlay-portal.tsx
+function i({ children: i }) {
+	let a = e();
+	return /* @__PURE__ */ n(r, {
+		root: a?.portalContainer,
+		children: /* @__PURE__ */ n(t, { children: i })
+	});
+}
+i.displayName = "OverlayPortal";
+//#endregion
+export { i as t };

package/dist/{pagination-DYdwsxwe.js → pagination-BfkeWbmP.js}

@@ -1,7 +1,7 @@
 'use client';
 import { r as e, t } from "./sx-Dx9JUKp5.js";
 import { n } from "./focus-ring-BK5W5_NY.js";
-import { n as r } from "./media-D_eA_I-e.js";
+import { r } from "./media-8yrN85VT.js";
 import { t as i } from "./visually-hidden-BJdvqqvn.js";
 import { useImperativeHandle as a, useLayoutEffect as o, useMemo as s, useRef as c } from "react";
 import { vars as l } from "@jfrader/tokens/vars";
@@ -76,27 +76,28 @@ var _ = e({
 	display: "inline-block",
 	"&:dir(rtl)": { transform: "scaleX(-1)" }
 });
-function S({ ref: e, page: n, totalPages: r, onPageChange: l, siblingCount: p = 1, label: h = "Pagination", previousLabel: S = "Previous page", nextLabel: C = "Next page", locale: w = typeof navigator > "u" ? void 0 : navigator.language, className: T, sx: E, ...D }) {
-	let O = m(r), k = Math.min(Math.max(m(n), 1), Math.max(O, 1)), A = g(k, O, Math.min(m(p), f)), j = s(() => new Intl.NumberFormat(w), [w]), M = c(null);
-	a(e, () => M.current, []);
-	let N = c(!1);
+function S({ ref: e, page: n, totalPages: r, onPageChange: l, siblingCount: p = 1, label: h = "Pagination", previousLabel: S = "Previous page", nextLabel: C = "Next page", locale: w = typeof navigator > "u" ? void 0 : navigator.language, className: T, sx: E, "aria-label": D, "aria-labelledby": O, ...k }) {
+	let A = m(r), j = Math.min(Math.max(m(n), 1), Math.max(A, 1)), M = g(j, A, Math.min(m(p), f)), N = s(() => new Intl.NumberFormat(w), [w]), P = c(null);
+	a(e, () => P.current, []);
+	let F = c(!1);
 	o(() => {
-		let e = M.current;
-		if (!N.current || !e) return;
-		N.current = !1;
+		let e = P.current;
+		if (!F.current || !e) return;
+		F.current = !1;
 		let t = e.ownerDocument.activeElement;
 		(t === e.ownerDocument.body || t && e.contains(t) && t.matches(":disabled")) && e.querySelector("[aria-current=\"page\"]")?.focus();
-	}, [k]);
-	let P = (e, t = !1) => {
-		N.current = t && (e <= 1 || e >= O), e !== k && l?.(e);
+	}, [j]);
+	let I = (e, t = !1) => {
+		F.current = t && (e <= 1 || e >= A), e !== j && l?.(e);
 	};
 	return /* @__PURE__ */ u(t, {
 		className: T,
 		sx: E,
 		children: (e) => /* @__PURE__ */ u("nav", {
-			...D,
-			ref: M,
-			"aria-label": h,
+			...k,
+			ref: P,
+			"aria-label": D ?? (O === void 0 ? h : void 0),
+			"aria-labelledby": O,
 			"data-ui": "pagination",
 			className: e,
 			children: /* @__PURE__ */ d("ul", {
@@ -104,8 +105,8 @@ function S({ ref: e, page: n, totalPages: r, onPageChange: l, siblingCount: p =
 				children: [
 					/* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
 						type: "button",
-						disabled: k <= 1,
-						onClick: () => P(k - 1, !0),
+						disabled: j <= 1,
+						onClick: () => I(j - 1, !0),
 						"data-ui": "pagination-previous",
 						css: [v, y],
 						children: [/* @__PURE__ */ u("span", {
@@ -117,14 +118,14 @@ function S({ ref: e, page: n, totalPages: r, onPageChange: l, siblingCount: p =
 							children: S
 						})]
 					}) }),
-					A.map((e) => typeof e == "number" ? /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u("button", {
+					M.map((e) => typeof e == "number" ? /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u("button", {
 						type: "button",
-						"aria-current": e === k ? "page" : void 0,
-						"aria-label": j.format(e),
-						onClick: () => P(e),
+						"aria-current": e === j ? "page" : void 0,
+						"aria-label": N.format(e),
+						onClick: () => I(e),
 						"data-ui": "pagination-page",
 						css: [v, y],
-						children: j.format(e)
+						children: N.format(e)
 					}) }, e) : /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u("span", {
 						"aria-hidden": "true",
 						"data-ui": "pagination-ellipsis",
@@ -133,8 +134,8 @@ function S({ ref: e, page: n, totalPages: r, onPageChange: l, siblingCount: p =
 					}) }, e)),
 					/* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
 						type: "button",
-						disabled: k >= O,
-						onClick: () => P(k + 1, !0),
+						disabled: j >= A,
+						onClick: () => I(j + 1, !0),
 						"data-ui": "pagination-next",
 						css: [v, y],
 						children: [/* @__PURE__ */ u("span", {

package/dist/pagination.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Pagination } from "./pagination-DYdwsxwe.js";
+export { t as Pagination } from "./pagination-BfkeWbmP.js";

package/dist/password-field-03pWRkuY.js

@@ -0,0 +1,250 @@
+'use client';
+import { r as e } from "./sx-Dx9JUKp5.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r, t as i } from "./media-8yrN85VT.js";
+import { t as a } from "./use-controlled-state-DpeVQZNR.js";
+import { t as o } from "./renderable-DzcIj1Lo.js";
+import { t as s } from "./icon-wrapper-stN8sD7R.js";
+import { t as c } from "./input-control-DmMuAuPS.js";
+import { a as l, i as u, n as ee, r as d, t as f } from "./field-anatomy-COVdNpf5.js";
+import { useEffect as p, useId as m, useRef as h } from "react";
+import { vars as g } from "@jfrader/tokens/vars";
+import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as y } from "@floating-ui/react";
+//#region src/components/password-field/password-field.tsx
+var b = { reveal: "Show password" }, x = e({
+	position: "relative",
+	minInlineSize: 0
+}), S = {
+	sm: e({
+		blockSize: g.space[8],
+		paddingInlineStart: g.space[3],
+		paddingInlineEnd: g.space[8],
+		fontSize: g.textSize.sm
+	}),
+	md: e({
+		blockSize: g.space[10],
+		paddingInlineStart: g.space[4],
+		paddingInlineEnd: g.space[10],
+		fontSize: g.textSize.sm
+	}),
+	lg: e({
+		blockSize: g.space[12],
+		paddingInlineStart: g.space[4],
+		paddingInlineEnd: g.space[12],
+		fontSize: g.textSize.md
+	})
+}, C = e({
+	lineHeight: g.lineHeight.base,
+	[i]: { fontSize: g.textSize.md }
+}), w = e({
+	position: "absolute",
+	insetBlock: 0,
+	insetInlineEnd: g.space[1],
+	marginBlock: "auto",
+	display: "inline-grid",
+	placeItems: "center",
+	padding: 0,
+	border: 0,
+	borderRadius: g.radius.sm,
+	backgroundColor: "transparent",
+	color: g.color.textMuted,
+	cursor: "pointer",
+	transitionProperty: "background-color, color, transform",
+	transitionDuration: g.motion.duration.fast,
+	transitionTimingFunction: g.motion.easeStandard,
+	"&:hover:not(:disabled)": {
+		backgroundColor: g.color.surfaceHover,
+		color: g.color.text
+	},
+	"&:active:not(:disabled)": { transform: "scale(0.94)" },
+	"&:focus-visible": t,
+	"&:disabled": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	[r]: {
+		transitionDuration: "0s",
+		"&:active:not(:disabled)": { transform: "none" }
+	},
+	[n]: { "&[aria-pressed=\"true\"]": {
+		backgroundColor: "Highlight",
+		color: "HighlightText"
+	} }
+}), T = {
+	sm: e({
+		inlineSize: g.space[6],
+		blockSize: g.space[6],
+		fontSize: g.textSize.md
+	}),
+	md: e({
+		inlineSize: g.space[8],
+		blockSize: g.space[8],
+		fontSize: g.textSize.lg
+	}),
+	lg: e({
+		inlineSize: g.space[10],
+		blockSize: g.space[10],
+		fontSize: g.textSize.xl
+	})
+}, E = e({
+	"& [data-slash]": {
+		strokeDasharray: "1 2",
+		strokeDashoffset: 1,
+		transitionProperty: "stroke-dashoffset",
+		transitionDuration: g.motion.duration.base,
+		transitionTimingFunction: g.motion.easeStandard
+	},
+	"&[data-state=\"on\"] [data-slash]": { strokeDashoffset: 0 },
+	[r]: { "& [data-slash]": { transitionDuration: "0s" } }
+}), D = "M3 3l18 18";
+function O({ revealed: e }) {
+	let t = `password-field-mask-${m().replace(/[^\w-]/g, "_")}`;
+	return /* @__PURE__ */ v("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.75,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"data-state": e ? "on" : "off",
+		css: E,
+		children: [
+			/* @__PURE__ */ v("mask", {
+				id: t,
+				maskUnits: "userSpaceOnUse",
+				x: "0",
+				y: "0",
+				width: "24",
+				height: "24",
+				children: [/* @__PURE__ */ _("rect", {
+					width: "24",
+					height: "24",
+					fill: "white",
+					stroke: "none"
+				}), /* @__PURE__ */ _("path", {
+					d: D,
+					pathLength: 1,
+					stroke: "black",
+					strokeWidth: 5,
+					"data-slash": ""
+				})]
+			}),
+			/* @__PURE__ */ v("g", {
+				mask: `url(#${t})`,
+				children: [/* @__PURE__ */ _("path", { d: "M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0" }), /* @__PURE__ */ _("circle", {
+					cx: "12",
+					cy: "12",
+					r: "3"
+				})]
+			}),
+			/* @__PURE__ */ _("path", {
+				d: D,
+				pathLength: 1,
+				"data-slash": ""
+			})
+		]
+	});
+}
+function k({ ref: e, value: t, defaultValue: n, onChange: r, onValueChange: i, revealed: m, defaultRevealed: g = !1, onRevealedChange: E, label: D, description: k, error: A, size: j = "md", messages: M, revealIcon: N, slotProps: P, className: F, sx: I, dir: L, disabled: R, required: z, form: B, id: V, "aria-labelledby": H, "aria-describedby": U, "aria-invalid": W, ...G }) {
+	let K = l({
+		id: V,
+		description: k,
+		error: A,
+		"aria-describedby": U,
+		"aria-invalid": W
+	}), [q, J, Y] = a(m, g, E), X = q ?? !1, Z = h(null), Q = y([Z, e]), te = {
+		...b,
+		...M
+	}, $ = `${K.id}-label`, ne = H === void 0 ? void 0 : [H, o(D) && $].filter(Boolean).join(" ");
+	p(() => {
+		let e = Z.current?.form;
+		if (!e) return;
+		let t = (e) => {
+			queueMicrotask(() => {
+				e.defaultPrevented || Y();
+			});
+		};
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [B, Y]);
+	let re = (e) => {
+		r?.(e), i?.(e.currentTarget.value);
+	};
+	return /* @__PURE__ */ v(u, {
+		"data-ui": "password-field",
+		dir: L,
+		className: F,
+		sx: I,
+		part: P?.root,
+		children: [
+			/* @__PURE__ */ _(d, {
+				id: $,
+				htmlFor: K.id,
+				required: z,
+				part: P?.label,
+				children: D
+			}),
+			/* @__PURE__ */ v("div", {
+				className: P?.shell?.className,
+				css: [x, P?.shell?.css],
+				children: [/* @__PURE__ */ _("input", {
+					autoCapitalize: "none",
+					autoCorrect: "off",
+					spellCheck: !1,
+					...G,
+					ref: Q,
+					id: K.id,
+					type: X ? "text" : "password",
+					value: t,
+					defaultValue: n,
+					dir: L,
+					disabled: R,
+					required: z,
+					form: B,
+					"aria-labelledby": ne,
+					"aria-describedby": K.describedBy,
+					"aria-invalid": K.ariaInvalid,
+					onChange: re,
+					className: P?.control?.className,
+					css: [
+						c,
+						C,
+						S[j],
+						P?.control?.css
+					]
+				}), /* @__PURE__ */ _("button", {
+					type: "button",
+					disabled: R,
+					"aria-label": te.reveal,
+					"aria-pressed": X,
+					"aria-controls": K.id,
+					onClick: () => J(!X),
+					className: P?.reveal?.className,
+					css: [
+						w,
+						T[j],
+						P?.reveal?.css
+					],
+					children: /* @__PURE__ */ _("span", {
+						"aria-hidden": !0,
+						css: s,
+						children: N ? N(X) : /* @__PURE__ */ _(O, { revealed: X })
+					})
+				})]
+			}),
+			/* @__PURE__ */ _(f, {
+				id: K.descriptionId,
+				part: P?.description,
+				children: k
+			}),
+			/* @__PURE__ */ _(ee, {
+				id: K.errorId,
+				part: P?.error,
+				children: A
+			})
+		]
+	});
+}
+k.displayName = "PasswordField";
+//#endregion
+export { k as t };

package/dist/password-field.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as PasswordField } from "./password-field-03pWRkuY.js";

package/dist/pill-BaS-uIbn.js

@@ -0,0 +1,58 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./media-8yrN85VT.js";
+import { vars as r } from "@jfrader/tokens/vars";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+//#region src/components/pill/pill.tsx
+var a = e({
+	display: "inline-flex",
+	alignItems: "center",
+	boxSizing: "border-box",
+	blockSize: r.space[5],
+	paddingInline: r.space[2],
+	borderRadius: r.radius.full,
+	fontSize: r.textSize.xs,
+	fontWeight: r.fontWeight.medium,
+	lineHeight: 1,
+	whiteSpace: "nowrap",
+	verticalAlign: "middle",
+	[n]: { outline: "1px solid CanvasText" }
+}), o = {
+	neutral: e({
+		backgroundColor: r.color.surfaceHover,
+		color: r.color.textMuted
+	}),
+	accent: e({
+		backgroundColor: r.color.accentSoft,
+		color: r.color.accentText
+	}),
+	success: e({
+		backgroundColor: r.color.successSoft,
+		color: r.color.success
+	}),
+	warning: e({
+		backgroundColor: r.color.warningSoft,
+		color: r.color.warning
+	}),
+	danger: e({
+		backgroundColor: r.color.dangerSoft,
+		color: r.color.dangerText
+	})
+};
+function s({ ref: e, tone: n = "neutral", className: r, sx: s, ...c }) {
+	return /* @__PURE__ */ i(t, {
+		className: r,
+		styles: [a, o[n]],
+		sx: s,
+		children: (t) => /* @__PURE__ */ i("span", {
+			...c,
+			ref: e,
+			"data-ui": "pill",
+			"data-tone": n,
+			className: t
+		})
+	});
+}
+s.displayName = "Pill";
+//#endregion
+export { s as t };

package/dist/pill.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Pill } from "./pill-DO2gHzMb.js";
+export { t as Pill } from "./pill-BaS-uIbn.js";

package/dist/popover-CErIw2q3.js

@@ -0,0 +1,125 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { t as n } from "./use-controlled-state-DpeVQZNR.js";
+import { n as r } from "./surface-DZ4d-2aL.js";
+import { t as i } from "./trigger-style-B1KVC8O1.js";
+import { a, i as o } from "./overlay-layer-qEbpEtb8.js";
+import { t as s } from "./overlay-portal-C4JZFq2M.js";
+import { t as c } from "./use-overlay-floating-Bx2jBKAA.js";
+import { createContext as l, useContext as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { vars as h } from "@jfrader/tokens/vars";
+import { jsx as g } from "@emotion/react/jsx-runtime";
+import { FloatingFocusManager as _, useClick as v, useInteractions as y, useMergeRefs as b, useRole as x } from "@floating-ui/react";
+//#region src/components/popover/popover.tsx
+var S = l(null);
+function C(e) {
+	let t = u(S);
+	if (!t) throw Error(`Popover.${e} must be rendered inside <Popover>.`);
+	return t;
+}
+var w = e({
+	...r,
+	borderRadius: h.radius.lg,
+	boxShadow: h.shadow.overlay,
+	padding: h.space[4],
+	minInlineSize: "200px",
+	maxInlineSize: "min(360px, calc(100vw - 32px))",
+	fontSize: h.textSize.sm,
+	overflowY: "auto"
+});
+function T({ nodeId: e, open: t, defaultOpen: r = !1, onOpenChange: i, placement: o = "bottom", children: s }) {
+	let [l = !1, u] = n(t, r, i), h = p(!1), [_, b] = m(), { refs: C, floatingStyles: w, context: T } = c({
+		open: l,
+		placement: o,
+		nodeId: e,
+		onAvailableSize: ({ height: e }) => b(Math.max(0, e)),
+		onOpenChange: (e, t, n) => {
+			e || (h.current = n === "escape-key"), u(e);
+		}
+	});
+	d(() => {
+		!l && h.current && (h.current = !1, C.domReference.current?.focus());
+	}, [l, C]);
+	let E = v(T), D = a(T, "container"), O = x(T, { role: "dialog" }), { getReferenceProps: k, getFloatingProps: A } = y([
+		E,
+		...D,
+		O
+	]), j = f(() => ({
+		open: l,
+		refs: C,
+		floatingContext: T,
+		floatingStyles: {
+			...w,
+			maxBlockSize: _
+		},
+		getReferenceProps: k,
+		getFloatingProps: A
+	}), [
+		l,
+		C,
+		T,
+		w,
+		_,
+		k,
+		A
+	]);
+	return /* @__PURE__ */ g(S.Provider, {
+		value: j,
+		children: s
+	});
+}
+function E(e) {
+	return /* @__PURE__ */ g(o, { children: (t) => /* @__PURE__ */ g(T, {
+		...e,
+		nodeId: t
+	}) });
+}
+E.displayName = "Popover";
+function D({ ref: e, className: n, sx: r, ...a }) {
+	let { refs: o, getReferenceProps: s } = C("Trigger"), c = b([o.setReference, e]);
+	return /* @__PURE__ */ g(t, {
+		className: n,
+		styles: i,
+		sx: r,
+		children: (e) => /* @__PURE__ */ g("button", {
+			type: "button",
+			...s(a),
+			ref: c,
+			"data-ui": "popover-trigger",
+			className: e
+		})
+	});
+}
+D.displayName = "Popover.Trigger";
+function O({ ref: e, style: n, className: r, sx: i, ...a }) {
+	let { open: o, refs: c, floatingContext: l, floatingStyles: u, getFloatingProps: d } = C("Content"), f = b([c.setFloating, e]);
+	return o ? /* @__PURE__ */ g(s, { children: /* @__PURE__ */ g(_, {
+		context: l,
+		modal: !1,
+		initialFocus: -1,
+		returnFocus: !1,
+		closeOnFocusOut: !1,
+		children: /* @__PURE__ */ g(t, {
+			className: r,
+			styles: w,
+			sx: i,
+			children: (e) => /* @__PURE__ */ g("div", {
+				...d(a),
+				ref: f,
+				"data-ui": "popover",
+				style: {
+					...n,
+					...u
+				},
+				className: e
+			})
+		})
+	}) }) : null;
+}
+O.displayName = "Popover.Content";
+var k = Object.assign(E, {
+	Trigger: D,
+	Content: O
+});
+//#endregion
+export { k as t };

package/dist/popover.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Popover } from "./popover-CdRXjQqI.js";
+export { t as Popover } from "./popover-CErIw2q3.js";

package/dist/{progress-BpJswTG4.js → progress-DAQkfhPd.js}

@@ -1,6 +1,6 @@
 'use client';
 import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r, t as i } from "./media-D_eA_I-e.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
 import { t as a } from "./visually-hidden-BJdvqqvn.js";
 import { t as o } from "./renderable-DzcIj1Lo.js";
 import { useId as s } from "react";
@@ -29,8 +29,8 @@ var d = "40%", f = "1.4s ease-in-out infinite", p = 100, m = e({
 	transitionProperty: "width",
 	transitionDuration: c.motion.duration.base,
 	transitionTimingFunction: c.motion.easeStandard,
-	[r]: { transitionDuration: "0s" },
-	[i]: {
+	[i]: { transitionDuration: "0s" },
+	[r]: {
 		forcedColorAdjust: "none",
 		backgroundColor: "Highlight"
 	}
@@ -38,7 +38,7 @@ var d = "40%", f = "1.4s ease-in-out infinite", p = 100, m = e({
 	inlineSize: d,
 	animation: `${m} ${f}`,
 	"&:dir(rtl)": { animation: `${h} ${f}` },
-	[r]: {
+	[i]: {
 		"&, &:dir(rtl)": { animation: "none" },
 		opacity: .7
 	}
@@ -66,7 +66,7 @@ function b({ ref: e, value: t, max: r = p, label: i, getValueLabel: c, slotProps
 			"aria-valuemin": 0,
 			"aria-valuemax": T,
 			"aria-valuenow": w,
-			"aria-valuetext": w === void 0 ? void 0 : c?.(w, T),
+			"aria-valuetext": b["aria-valuetext"] ?? (w === void 0 ? void 0 : c?.(w, T)),
 			className: t,
 			children: [S && /* @__PURE__ */ l("span", {
 				id: x,

package/dist/progress.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Progress } from "./progress-BpJswTG4.js";
+export { t as Progress } from "./progress-DAQkfhPd.js";