@jfrader/ui 0.5.0 → 0.6.0

package/dist/{pagination-DmXZ8E85.js → pagination-Dkh4bJQh.js}

@@ -1,8 +1,9 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { r } from "./media-8yrN85VT.js";
-import { t as i } from "./visually-hidden-BJdvqqvn.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
+import { t as i } from "./visually-hidden-DgVO3NaB.js";
 import { useImperativeHandle as a, useLayoutEffect as o, useMemo as s, useRef as c } from "react";
 import { vars as l } from "@jfrader/tokens/vars";
 import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
@@ -70,33 +71,34 @@ var _ = e({
 		cursor: "not-allowed",
 		opacity: .55
 	},
-	"&:focus-visible": { ...n },
-	[r]: { transitionDuration: "0s" }
+	"&:focus-visible": { ...t },
+	[n]: { transitionDuration: "0s" }
 }), b = e({ color: l.color.textMuted }), x = 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: t, totalPages: n, 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(n), j = Math.min(Math.max(m(t), 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, {
+	return /* @__PURE__ */ u(r, {
 		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 +106,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 +119,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 +135,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-DmXZ8E85.js";
+export { t as Pagination } from "./pagination-Dkh4bJQh.js";

package/dist/{password-field-03pWRkuY.js → password-field-Da58GP1g.js}

@@ -1,12 +1,12 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.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 { t as s } from "./icon-wrapper-C-zMD0uL.js";
+import { t as c } from "./input-control-B6HVBgwl.js";
+import { a as l, i as u, n as ee, r as d, t as f } from "./field-anatomy-BDIP42MI.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";

package/dist/password-field.js

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