zaravand-ui 6.0.0 → 7.0.0

package/dist/components/Input/Input.js

@@ -2,35 +2,36 @@
 import { useZuiConfig as e } from "../../config/useZuiConfig.js";
 import { convertToEnglishDigits as t } from "../../services/convertToEnglishDigits/convertToEnglishDigits.js";
 import { cn as n, mergeRefs as ee } from "../../lib/utils.js";
+import r from "../Tooltip/Tooltip.js";
+import { CLEAR_ICON_CLASS as i } from "../shared/FieldClearButton.js";
 import { FieldLabel as te, RequiredMark as ne } from "../shared/FieldLabel.js";
 import { useInvalidState as re } from "../shared/useInvalidState.js";
-import ie from "../Tooltip/Tooltip.js";
-import { applyInputChange as r, resolveAsciiValue as i, resolveDisplayValue as a, resolveInputTypeStrategy as ae } from "./Input.formatting.js";
-import { inputVariants as oe } from "./Input.variant.js";
-import * as o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Eye as l, EyeOff as u, Search as d, X as f } from "lucide-react";
+import { applyInputChange as a, resolveAsciiValue as o, resolveDisplayValue as s, resolveInputTypeStrategy as ie } from "./Input.formatting.js";
+import { inputVariants as ae } from "./Input.variant.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Eye as oe, EyeOff as d, Search as f, X as p } from "lucide-react";
 //#region src/components/Input/Input.tsx
-function p(e) {
+function m(e) {
 	return e == null ? !1 : typeof e == "string" || Array.isArray(e) ? e.length > 0 : typeof e == "number";
 }
-function m() {
+function h() {
 	let e = new Intl.DateTimeFormat("en-US-u-ca-persian", { year: "numeric" }).format(/* @__PURE__ */ new Date());
 	return Number.parseInt(e, 10);
 }
-var h = o.forwardRef(function({ className: h, wrapperClassName: g, size: _ = "default", type: v = "text", title: y, required: b = !1, showRequiredMessage: x = !1, characterLimit: se, placeholder: ce, onChange: S, onBlur: C, onFocus: le, onInvalid: ue, id: de, name: fe, disabled: w = !1, readOnly: T = !1, autoComplete: E, "aria-label": D, value: O, defaultValue: k, maxLength: A, inputMode: j, onMouseUp: M, ...N }, P) {
-	let { messages: F, digits: I, dir: L } = e(), [R, z] = o.useState(!1), { isInvalid: B, setIsInvalid: V, handleInvalid: pe } = re(ue), [H, U] = o.useState(() => i(k, v)), me = o.useId(), W = de ?? me, G = o.useRef(null), he = o.useMemo(() => ee(G, P), [P]), K = ae(v), q = v === "search", J = v === "password", Y = v === "year", X = I === "persian" && !(J && !R), ge = J ? R ? "text" : "password" : q ? "search" : "text", Z = O !== void 0, Q = Z ? p(O) : H.length > 0, _e = Z ? a(i(O, v), v, X) : void 0, ve = k === void 0 ? void 0 : a(i(k, v), v, X), $ = o.useMemo(() => {
+var g = c.forwardRef(function({ className: g, wrapperClassName: _, type: v = "text", title: y, required: b = !1, showRequiredMessage: x = !1, characterLimit: se, placeholder: ce, onChange: S, onBlur: C, onFocus: le, onInvalid: ue, id: de, name: fe, disabled: w = !1, readOnly: T = !1, autoComplete: E, "aria-label": D, value: O, defaultValue: k, maxLength: A, inputMode: j, onMouseUp: M, ...N }, P) {
+	let { messages: F, digits: I, dir: L } = e(), [R, z] = c.useState(!1), { isInvalid: B, setIsInvalid: V, handleInvalid: pe } = re(ue), [H, U] = c.useState(() => o(k, v)), me = c.useId(), W = de ?? me, G = c.useRef(null), he = c.useMemo(() => ee(G, P), [P]), K = ie(v), q = v === "search", J = v === "password", Y = v === "year", X = I === "persian" && !(J && !R), ge = J ? R ? "text" : "password" : q ? "search" : "text", Z = O !== void 0, Q = Z ? m(O) : H.length > 0, _e = Z ? s(o(O, v), v, X) : void 0, ve = k === void 0 ? void 0 : s(o(k, v), v, X), $ = c.useMemo(() => {
 		if (!Y) return null;
-		let e = m();
+		let e = h();
 		return {
 			min: e - 100,
 			max: e + 50
 		};
 	}, [Y]);
-	o.useEffect(() => {
+	c.useEffect(() => {
 		let e = G.current;
 		if (Z || !e) return;
-		let t = a(H, v, X);
+		let t = s(H, v, X);
 		e.value !== t && (e.value = t);
 	}, [
 		Z,
@@ -38,8 +39,8 @@ var h = o.forwardRef(function({ className: h, wrapperClassName: g, size: _ = "de
 		X,
 		v
 	]);
-	let ye = o.useCallback((e) => {
-		let t = e.target, n = r(v, t.value, t.selectionStart, t.selectionEnd, X);
+	let ye = c.useCallback((e) => {
+		let t = e.target, n = a(v, t.value, t.selectionStart, t.selectionEnd, X);
 		t.value = n.asciiValue, n.asciiSelection && t.setSelectionRange(...n.asciiSelection), Z || U(n.asciiValue), V(!1), S?.(e), n.displayValue !== null && (t.value = n.displayValue, n.displaySelection && t.setSelectionRange(...n.displaySelection));
 	}, [
 		Z,
@@ -47,14 +48,14 @@ var h = o.forwardRef(function({ className: h, wrapperClassName: g, size: _ = "de
 		V,
 		X,
 		v
-	]), be = o.useCallback((e) => {
+	]), be = c.useCallback((e) => {
 		M?.(e);
 		let t = e.currentTarget;
 		if (!K.isFormatted || e.defaultPrevented || e.detail > 1 || t.value.length === 0 || t.selectionStart !== t.selectionEnd) return;
 		let n = t.value.length;
 		t.setSelectionRange(n, n);
-	}, [M, K.isFormatted]), xe = o.useCallback((e) => {
-		if (Z || U(i(e.target.value, v)), $) {
+	}, [M, K.isFormatted]), xe = c.useCallback((e) => {
+		if (Z || U(o(e.target.value, v)), $) {
 			let n = t({ value: e.target.value });
 			if (n.length === 4) {
 				let e = Number.parseInt(n, 10);
@@ -68,30 +69,30 @@ var h = o.forwardRef(function({ className: h, wrapperClassName: g, size: _ = "de
 		V,
 		v,
 		$
-	]), Se = o.useCallback(() => {
+	]), Se = c.useCallback(() => {
 		let e = G.current;
 		if (!e) return;
 		let t = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
 		t ? t.call(e, "") : e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus();
-	}, []), Ce = n(oe({ size: _ }), K.isCentered ? "zui:text-center" : "zui:text-start", q ? "zui-input-search-cancel zui:ps-10 zui:pe-10" : J ? "zui:pe-16" : "zui:pe-10");
-	return /* @__PURE__ */ c("div", {
+	}, []), Ce = n(ae(), K.isCentered ? "zui:text-center" : "zui:text-start", q ? "zui-input-search-cancel zui:ps-10 zui:pe-10" : J ? "zui:pe-16" : "zui:pe-10");
+	return /* @__PURE__ */ u("div", {
 		"data-slot": "input-field",
 		dir: L,
-		className: n("zui:w-full zui:space-y-1.5 zui:text-start", g),
-		children: [/* @__PURE__ */ s(te, {
+		className: n("zui:w-full zui:space-y-1.5 zui:text-start", _),
+		children: [/* @__PURE__ */ l(te, {
 			title: y,
 			htmlFor: W,
 			required: b,
 			showRequiredMessage: x
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ u("div", {
 			className: "zui:relative",
 			children: [
-				!y && b && !x ? /* @__PURE__ */ s(ne, {}) : null,
-				q ? /* @__PURE__ */ s(d, {
+				!y && b && !x ? /* @__PURE__ */ l(ne, {}) : null,
+				q ? /* @__PURE__ */ l(f, {
 					className: "zui:pointer-events-none zui:absolute zui:start-3 zui:top-1/2 zui:size-4 zui:-translate-y-1/2 zui:text-[var(--zui-color-text)]",
 					"aria-hidden": "true"
 				}) : null,
-				/* @__PURE__ */ s("input", {
+				/* @__PURE__ */ l("input", {
 					...N,
 					ref: he,
 					id: W,
@@ -115,32 +116,32 @@ var h = o.forwardRef(function({ className: h, wrapperClassName: g, size: _ = "de
 					onInvalid: pe,
 					value: _e,
 					defaultValue: ve,
-					className: n(Ce, h)
+					className: n(Ce, g)
 				}),
-				Q && !w ? /* @__PURE__ */ s(ie, {
+				Q && !w ? /* @__PURE__ */ l(r, {
 					text: F.common.clear,
 					position: "top",
 					disabled: T,
-					trigger: /* @__PURE__ */ s("button", {
+					trigger: /* @__PURE__ */ l("button", {
 						type: "button",
 						onClick: Se,
 						disabled: T,
 						tabIndex: -1,
-						className: n("zui:group/clear-input zui:absolute zui:top-1/2 zui:inline-flex zui:-translate-y-1/2 zui:items-center zui:justify-center zui:cursor-pointer zui:border-0 zui:bg-transparent zui:p-0 zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-opacity zui:duration-200 zui:ease-out zui:hover:opacity-80 zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-50", J ? "zui:end-9" : "zui:end-3"),
+						className: n("zui:group/clear-input zui:absolute zui:top-1/2 zui:inline-flex zui:-translate-y-1/2 zui:items-center zui:justify-center zui:cursor-pointer zui:border-0 zui:bg-transparent zui:p-0 zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-opacity zui:duration-200 zui:ease-out zui:hover:opacity-80 zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-50", J ? "zui:end-9 zui:mobile:end-10" : "zui:end-3"),
 						"aria-label": F.common.clear,
-						children: /* @__PURE__ */ s(f, {
-							className: "zui:size-4 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200 zui:ease-out zui:group-hover/clear-input:scale-110",
+						children: /* @__PURE__ */ l(p, {
+							className: `${i} zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200 zui:ease-out zui:group-hover/clear-input:scale-110`,
 							"aria-hidden": "true"
 						})
 					})
 				}) : null,
-				J ? /* @__PURE__ */ s("button", {
+				J ? /* @__PURE__ */ l("button", {
 					type: "button",
 					onClick: () => z((e) => !e),
 					className: "zui:absolute zui:end-3 zui:top-1/2 zui:-translate-y-1/2 zui:cursor-pointer zui:text-[var(--zui-color-text)] zui:transition-opacity zui:hover:opacity-80 zui:focus-visible:outline-none",
 					"aria-label": R ? F.input.hidePassword : F.input.showPassword,
-					children: s(R ? u : l, {
-						className: "zui:size-4",
+					children: l(R ? d : oe, {
+						className: i,
 						"aria-hidden": "true"
 					})
 				}) : null
@@ -149,4 +150,4 @@ var h = o.forwardRef(function({ className: h, wrapperClassName: g, size: _ = "de
 	});
 });
 //#endregion
-export { h as default };
+export { g as default };

package/dist/components/Input/Input.variant.cjs

@@ -1 +1 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../shared/responsiveScale.cjs`),t=require(`../shared/fieldStyles.cjs`);var n=(0,require(`class-variance-authority`).cva)([`zui:file:text-[var(--zui-color-text)] zui:placeholder:text-[var(--zui-theme-text-muted)] zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:flex zui:w-full zui:min-w-0 zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent ${e.CONTROL_PADDING_X} zui:py-2 zui:text-base zui:text-[var(--zui-color-text)] zui:outline-none zui:file:inline-flex zui:file:h-7 zui:file:border-0 zui:file:bg-transparent zui:file:text-sm zui:file:font-medium zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:[&:not(:focus):not(:focus-visible):not([data-has-value=true])]:border-[var(--zui-color-border)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm`,t.fieldInteractionClassName].join(` `),{variants:{size:e.controlHeightBySize},defaultVariants:{size:`default`}});exports.inputVariants=n;
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../shared/responsiveScale.cjs`),t=require(`../shared/fieldStyles.cjs`);var n=(0,require(`class-variance-authority`).cva)([`zui:file:text-[var(--zui-color-text)] zui:placeholder:text-[var(--zui-theme-text-muted)] zui:mobile:placeholder:text-sm zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:flex zui:w-full zui:min-w-0 zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent ${e.CONTROL_PADDING_X} zui:py-2 zui:text-base ${e.FIELD_TEXT_MOBILE} zui:text-[var(--zui-color-text)] zui:outline-none zui:file:inline-flex zui:file:h-7 zui:file:border-0 zui:file:bg-transparent zui:file:text-sm zui:file:font-medium zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:[&:not(:focus):not(:focus-visible):not([data-has-value=true])]:border-[var(--zui-color-border)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm`,t.fieldInteractionClassName,e.CONTROL_HEIGHT_DEFAULT].join(` `));exports.inputVariants=n;

package/dist/components/Input/Input.variant.d.cts

@@ -1,4 +1,2 @@
-declare const inputVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const inputVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export { inputVariants };

package/dist/components/Input/Input.variant.d.ts

@@ -1,4 +1,2 @@
-declare const inputVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const inputVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export { inputVariants };

package/dist/components/Input/Input.variant.js

@@ -1,10 +1,11 @@
-import { CONTROL_PADDING_X as e, controlHeightBySize as t } from "../shared/responsiveScale.js";
-import { fieldInteractionClassName as n } from "../shared/fieldStyles.js";
-import { cva as r } from "class-variance-authority";
+import { CONTROL_HEIGHT_DEFAULT as e, CONTROL_PADDING_X as t, FIELD_TEXT_MOBILE as n } from "../shared/responsiveScale.js";
+import { fieldInteractionClassName as r } from "../shared/fieldStyles.js";
+import { cva as i } from "class-variance-authority";
 //#region src/components/Input/Input.variant.ts
-var i = r([`zui:file:text-[var(--zui-color-text)] zui:placeholder:text-[var(--zui-theme-text-muted)] zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:flex zui:w-full zui:min-w-0 zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent ${e} zui:py-2 zui:text-base zui:text-[var(--zui-color-text)] zui:outline-none zui:file:inline-flex zui:file:h-7 zui:file:border-0 zui:file:bg-transparent zui:file:text-sm zui:file:font-medium zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:[&:not(:focus):not(:focus-visible):not([data-has-value=true])]:border-[var(--zui-color-border)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm`, n].join(" "), {
-	variants: { size: t },
-	defaultVariants: { size: "default" }
-});
+var a = i([
+	`zui:file:text-[var(--zui-color-text)] zui:placeholder:text-[var(--zui-theme-text-muted)] zui:mobile:placeholder:text-sm zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:flex zui:w-full zui:min-w-0 zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent ${t} zui:py-2 zui:text-base ${n} zui:text-[var(--zui-color-text)] zui:outline-none zui:file:inline-flex zui:file:h-7 zui:file:border-0 zui:file:bg-transparent zui:file:text-sm zui:file:font-medium zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:[&:not(:focus):not(:focus-visible):not([data-has-value=true])]:border-[var(--zui-color-border)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm`,
+	r,
+	e
+].join(" "));
 //#endregion
-export { i as inputVariants };
+export { a as inputVariants };

package/dist/components/Pagination/Pagination.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../services/localizeDigits/localizeDigits.cjs`),r=require(`../../lib/utils.cjs`),i=require(`../shared/useControllableState.cjs`),a=require(`./Pagination.variant.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`),c=require(`lucide-react`);function l(e,t){if(typeof e!=`number`||!Number.isFinite(e))return t;let n=Math.floor(e);return n>=1?n:t}function u(e,t){return Math.min(Math.max(e,1),t)}function d({currentPage:e,totalPages:t,siblingCount:n}){if(t<=1)return[1];if(t<=n*2+5)return Array.from({length:t},(e,t)=>t+1);let r=Math.max(e-n,2),i=Math.min(e+n,t-1),a=r>2,o=i<t-1,s=[1];if(a)s.push(`ellipsis`);else for(let e=2;e<r;e+=1)s.push(e);for(let e=r;e<=i;e+=1)s.push(e);if(o)s.push(`ellipsis`);else for(let e=i+1;e<t;e+=1)s.push(e);return s.push(t),s}function f({totalPages:e=1,page:f,defaultPage:p=1,siblingCount:m=1,showControls:h=!0,previousLabel:g,nextLabel:_,dir:v,className:y,onPageChange:b},x){let{messages:S,digits:C,dir:w}=t.useZuiConfig(),T=v??w,E=g??S.pagination.previous,D=_??S.pagination.next,O=e=>n.localizeDigits(String(e),C),k=l(e,1),A=u(l(p,1),k),[j,M]=i.useControllableState({value:f===void 0?void 0:l(f,1),defaultValue:A,onChange:b}),N=u(j,k),P=Math.max(0,Math.floor(m)),F=o.useMemo(()=>d({currentPage:N,totalPages:k,siblingCount:P}),[N,P,k]),I=o.useCallback(e=>{let t=u(e,k);t!==N&&M(t)},[N,M,k]),L=N>1,R=N<k,z=T===`rtl`?c.ChevronRight:c.ChevronLeft,B=T===`rtl`?c.ChevronLeft:c.ChevronRight;return(0,s.jsx)(`nav`,{ref:x,role:`navigation`,"aria-label":S.pagination.ariaLabel,dir:T,"data-slot":`pagination`,className:r.cn(a.paginationVariants(),y),children:(0,s.jsxs)(`ul`,{"data-slot":`pagination-content`,className:a.paginationContentVariants(),children:[h?(0,s.jsx)(`li`,{"data-slot":`pagination-item`,className:a.paginationItemVariants(),children:(0,s.jsxs)(`button`,{type:`button`,"data-slot":`pagination-previous`,"aria-label":E,disabled:!L,onClick:()=>I(N-1),className:r.cn(a.paginationLinkVariants({size:`default`}),a.paginationPreviousVariants()),children:[(0,s.jsx)(z,{className:`zui:size-4`,"aria-hidden":`true`}),(0,s.jsx)(`span`,{className:`zui:hidden zui:sm:inline`,children:E})]})}):null,F.map((e,t)=>{if(e===`ellipsis`)return(0,s.jsx)(`li`,{"data-slot":`pagination-item`,className:a.paginationItemVariants(),children:(0,s.jsxs)(`span`,{"data-slot":`pagination-ellipsis`,"aria-hidden":`true`,className:a.paginationEllipsisVariants(),children:[(0,s.jsx)(c.MoreHorizontal,{className:`zui:size-4`}),(0,s.jsx)(`span`,{className:`zui:sr-only`,children:S.pagination.morePages})]})},`ellipsis-${t}`);let n=e===N;return(0,s.jsx)(`li`,{"data-slot":`pagination-item`,className:a.paginationItemVariants(),children:(0,s.jsx)(`button`,{type:`button`,"data-slot":`pagination-link`,"aria-label":S.pagination.page(O(e)),"aria-current":n?`page`:void 0,onClick:()=>I(e),className:a.paginationLinkVariants({size:`icon`,active:n}),children:O(e)})},`page-${e}`)}),h?(0,s.jsx)(`li`,{"data-slot":`pagination-item`,className:a.paginationItemVariants(),children:(0,s.jsxs)(`button`,{type:`button`,"data-slot":`pagination-next`,"aria-label":D,disabled:!R,onClick:()=>I(N+1),className:r.cn(a.paginationLinkVariants({size:`default`}),a.paginationNextVariants()),children:[(0,s.jsx)(`span`,{className:`zui:hidden zui:sm:inline`,children:D}),(0,s.jsx)(B,{className:`zui:size-4`,"aria-hidden":`true`})]})}):null]})})}var p=o.forwardRef(f);p.displayName=`Pagination`,exports.default=p;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../services/localizeDigits/localizeDigits.cjs`),r=require(`../../lib/utils.cjs`),i=require(`../shared/useControllableState.cjs`),a=require(`../shared/viewport.cjs`),o=require(`./Pagination.variant.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`),l=require(`lucide-react`);function u(e,t){if(typeof e!=`number`||!Number.isFinite(e))return t;let n=Math.floor(e);return n>=1?n:t}function d(e,t){return Math.min(Math.max(e,1),t)}function f({currentPage:e,totalPages:t,siblingCount:n}){if(t<=1)return[1];if(t<=n*2+5)return Array.from({length:t},(e,t)=>t+1);let r=Math.max(e-n,2),i=Math.min(e+n,t-1),a=r>2,o=i<t-1,s=[1];if(a)s.push(`ellipsis`);else for(let e=2;e<r;e+=1)s.push(e);for(let e=r;e<=i;e+=1)s.push(e);if(o)s.push(`ellipsis`);else for(let e=i+1;e<t;e+=1)s.push(e);return s.push(t),s}var p=4;function m(e,t){if(t<=p)return Array.from({length:t},(e,t)=>t+1);let n=new Set([1,t,e]);e===1?n.add(2):e===t&&n.add(t-1);let r=Array.from(n).sort((e,t)=>e-t),i=[];return r.forEach((e,t)=>{let n=r[t-1];n!==void 0&&e-n-1>0&&i.push(`ellipsis`),i.push(e)}),i}function h({totalPages:e=1,page:p,defaultPage:h=1,siblingCount:g=1,showControls:_=!0,previousLabel:v,nextLabel:y,dir:b,className:x,onPageChange:S},C){let{messages:w,digits:T,dir:E}=t.useZuiConfig(),D=a.useIsMobileViewport(),O=b??E,k=v??w.pagination.previous,A=y??w.pagination.next,j=e=>n.localizeDigits(String(e),T),M=u(e,1),N=d(u(h,1),M),[P,F]=i.useControllableState({value:p===void 0?void 0:u(p,1),defaultValue:N,onChange:S}),I=d(P,M),L=Math.max(0,Math.floor(g)),R=s.useMemo(()=>D?m(I,M):f({currentPage:I,totalPages:M,siblingCount:L}),[I,D,L,M]),z=s.useCallback(e=>{let t=d(e,M);t!==I&&F(t)},[I,F,M]),B=I>1,V=I<M,H=O===`rtl`?l.ChevronRight:l.ChevronLeft,U=O===`rtl`?l.ChevronLeft:l.ChevronRight;return(0,c.jsx)(`nav`,{ref:C,role:`navigation`,"aria-label":w.pagination.ariaLabel,dir:O,"data-slot":`pagination`,className:r.cn(o.paginationVariants(),x),children:(0,c.jsxs)(`ul`,{"data-slot":`pagination-content`,className:o.paginationContentVariants(),children:[_?(0,c.jsx)(`li`,{"data-slot":`pagination-item`,className:o.paginationItemVariants(),children:(0,c.jsxs)(`button`,{type:`button`,"data-slot":`pagination-previous`,"aria-label":k,disabled:!B,onClick:()=>z(I-1),className:r.cn(o.paginationLinkVariants({size:`default`}),o.paginationPreviousVariants()),children:[(0,c.jsx)(H,{className:`zui:size-4`,"aria-hidden":`true`}),(0,c.jsx)(`span`,{className:`zui:hidden zui:desktop:inline`,children:k})]})}):null,R.map((e,t)=>{if(e===`ellipsis`)return(0,c.jsx)(`li`,{"data-slot":`pagination-item`,className:o.paginationItemVariants({kind:`ellipsis`}),children:(0,c.jsxs)(`span`,{"data-slot":`pagination-ellipsis`,"aria-hidden":`true`,className:o.paginationEllipsisVariants(),children:[(0,c.jsx)(l.MoreHorizontal,{className:`zui:size-4`}),(0,c.jsx)(`span`,{className:`zui:sr-only`,children:w.pagination.morePages})]})},`ellipsis-${t}`);let n=e===I;return(0,c.jsx)(`li`,{"data-slot":`pagination-item`,className:o.paginationItemVariants(),children:(0,c.jsx)(`button`,{type:`button`,"data-slot":`pagination-link`,"aria-label":w.pagination.page(j(e)),"aria-current":n?`page`:void 0,onClick:()=>z(e),className:o.paginationLinkVariants({size:`icon`,active:n}),children:j(e)})},`page-${e}`)}),_?(0,c.jsx)(`li`,{"data-slot":`pagination-item`,className:o.paginationItemVariants(),children:(0,c.jsxs)(`button`,{type:`button`,"data-slot":`pagination-next`,"aria-label":A,disabled:!V,onClick:()=>z(I+1),className:r.cn(o.paginationLinkVariants({size:`default`}),o.paginationNextVariants()),children:[(0,c.jsx)(`span`,{className:`zui:hidden zui:desktop:inline`,children:A}),(0,c.jsx)(U,{className:`zui:size-4`,"aria-hidden":`true`})]})}):null]})})}var g=s.forwardRef(h);g.displayName=`Pagination`,exports.default=g;

package/dist/components/Pagination/Pagination.js

@@ -3,20 +3,21 @@ import { useZuiConfig as e } from "../../config/useZuiConfig.js";
 import { localizeDigits as t } from "../../services/localizeDigits/localizeDigits.js";
 import { cn as n } from "../../lib/utils.js";
 import { useControllableState as r } from "../shared/useControllableState.js";
-import { paginationContentVariants as i, paginationEllipsisVariants as a, paginationItemVariants as o, paginationLinkVariants as s, paginationNextVariants as c, paginationPreviousVariants as l, paginationVariants as u } from "./Pagination.variant.js";
-import * as d from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { ChevronLeft as m, ChevronRight as h, MoreHorizontal as g } from "lucide-react";
+import { useIsMobileViewport as i } from "../shared/viewport.js";
+import { paginationContentVariants as a, paginationEllipsisVariants as o, paginationItemVariants as s, paginationLinkVariants as c, paginationNextVariants as l, paginationPreviousVariants as u, paginationVariants as d } from "./Pagination.variant.js";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ChevronLeft as h, ChevronRight as g, MoreHorizontal as _ } from "lucide-react";
 //#region src/components/Pagination/Pagination.tsx
-function _(e, t) {
+function v(e, t) {
 	if (typeof e != "number" || !Number.isFinite(e)) return t;
 	let n = Math.floor(e);
 	return n >= 1 ? n : t;
 }
-function v(e, t) {
+function y(e, t) {
 	return Math.min(Math.max(e, 1), t);
 }
-function y({ currentPage: e, totalPages: t, siblingCount: n }) {
+function b({ currentPage: e, totalPages: t, siblingCount: n }) {
 	if (t <= 1) return [1];
 	if (t <= n * 2 + 5) return Array.from({ length: t }, (e, t) => t + 1);
 	let r = Math.max(e - n, 2), i = Math.min(e + n, t - 1), a = r > 2, o = i < t - 1, s = [1];
@@ -27,103 +28,119 @@ function y({ currentPage: e, totalPages: t, siblingCount: n }) {
 	else for (let e = i + 1; e < t; e += 1) s.push(e);
 	return s.push(t), s;
 }
-function b({ totalPages: b = 1, page: x, defaultPage: S = 1, siblingCount: C = 1, showControls: w = !0, previousLabel: T, nextLabel: E, dir: D, className: O, onPageChange: k }, A) {
-	let { messages: j, digits: M, dir: N } = e(), P = D ?? N, F = T ?? j.pagination.previous, I = E ?? j.pagination.next, L = (e) => t(String(e), M), R = _(b, 1), z = v(_(S, 1), R), [B, V] = r({
-		value: x === void 0 ? void 0 : _(x, 1),
-		defaultValue: z,
-		onChange: k
-	}), H = v(B, R), U = Math.max(0, Math.floor(C)), W = d.useMemo(() => y({
-		currentPage: H,
-		totalPages: R,
-		siblingCount: U
+var x = 4;
+function S(e, t) {
+	if (t <= x) return Array.from({ length: t }, (e, t) => t + 1);
+	let n = new Set([
+		1,
+		t,
+		e
+	]);
+	e === 1 ? n.add(2) : e === t && n.add(t - 1);
+	let r = Array.from(n).sort((e, t) => e - t), i = [];
+	return r.forEach((e, t) => {
+		let n = r[t - 1];
+		n !== void 0 && e - n - 1 > 0 && i.push("ellipsis"), i.push(e);
+	}), i;
+}
+function C({ totalPages: x = 1, page: C, defaultPage: w = 1, siblingCount: T = 1, showControls: E = !0, previousLabel: D, nextLabel: O, dir: k, className: A, onPageChange: j }, M) {
+	let { messages: N, digits: P, dir: F } = e(), I = i(), L = k ?? F, R = D ?? N.pagination.previous, z = O ?? N.pagination.next, B = (e) => t(String(e), P), V = v(x, 1), H = y(v(w, 1), V), [U, W] = r({
+		value: C === void 0 ? void 0 : v(C, 1),
+		defaultValue: H,
+		onChange: j
+	}), G = y(U, V), K = Math.max(0, Math.floor(T)), q = f.useMemo(() => I ? S(G, V) : b({
+		currentPage: G,
+		totalPages: V,
+		siblingCount: K
 	}), [
-		H,
-		U,
-		R
-	]), G = d.useCallback((e) => {
-		let t = v(e, R);
-		t !== H && V(t);
+		G,
+		I,
+		K,
+		V
+	]), J = f.useCallback((e) => {
+		let t = y(e, V);
+		t !== G && W(t);
 	}, [
-		H,
-		V,
-		R
-	]), K = H > 1, q = H < R, J = P === "rtl" ? h : m, Y = P === "rtl" ? m : h;
-	return /* @__PURE__ */ f("nav", {
-		ref: A,
+		G,
+		W,
+		V
+	]), Y = G > 1, X = G < V, Z = L === "rtl" ? g : h, Q = L === "rtl" ? h : g;
+	return /* @__PURE__ */ p("nav", {
+		ref: M,
 		role: "navigation",
-		"aria-label": j.pagination.ariaLabel,
-		dir: P,
+		"aria-label": N.pagination.ariaLabel,
+		dir: L,
 		"data-slot": "pagination",
-		className: n(u(), O),
-		children: /* @__PURE__ */ p("ul", {
+		className: n(d(), A),
+		children: /* @__PURE__ */ m("ul", {
 			"data-slot": "pagination-content",
-			className: i(),
+			className: a(),
 			children: [
-				w ? /* @__PURE__ */ f("li", {
+				E ? /* @__PURE__ */ p("li", {
 					"data-slot": "pagination-item",
-					className: o(),
-					children: /* @__PURE__ */ p("button", {
+					className: s(),
+					children: /* @__PURE__ */ m("button", {
 						type: "button",
 						"data-slot": "pagination-previous",
-						"aria-label": F,
-						disabled: !K,
-						onClick: () => G(H - 1),
-						className: n(s({ size: "default" }), l()),
-						children: [/* @__PURE__ */ f(J, {
+						"aria-label": R,
+						disabled: !Y,
+						onClick: () => J(G - 1),
+						className: n(c({ size: "default" }), u()),
+						children: [/* @__PURE__ */ p(Z, {
 							className: "zui:size-4",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ f("span", {
-							className: "zui:hidden zui:sm:inline",
-							children: F
+						}), /* @__PURE__ */ p("span", {
+							className: "zui:hidden zui:desktop:inline",
+							children: R
 						})]
 					})
 				}) : null,
-				W.map((e, t) => {
-					if (e === "ellipsis") return /* @__PURE__ */ f("li", {
+				q.map((e, t) => {
+					if (e === "ellipsis") return /* @__PURE__ */ p("li", {
 						"data-slot": "pagination-item",
-						className: o(),
-						children: /* @__PURE__ */ p("span", {
+						className: s({ kind: "ellipsis" }),
+						children: /* @__PURE__ */ m("span", {
 							"data-slot": "pagination-ellipsis",
 							"aria-hidden": "true",
-							className: a(),
-							children: [/* @__PURE__ */ f(g, { className: "zui:size-4" }), /* @__PURE__ */ f("span", {
+							className: o(),
+							children: [/* @__PURE__ */ p(_, { className: "zui:size-4" }), /* @__PURE__ */ p("span", {
 								className: "zui:sr-only",
-								children: j.pagination.morePages
+								children: N.pagination.morePages
 							})]
 						})
 					}, `ellipsis-${t}`);
-					let n = e === H;
-					return /* @__PURE__ */ f("li", {
+					let n = e === G;
+					return /* @__PURE__ */ p("li", {
 						"data-slot": "pagination-item",
-						className: o(),
-						children: /* @__PURE__ */ f("button", {
+						className: s(),
+						children: /* @__PURE__ */ p("button", {
 							type: "button",
 							"data-slot": "pagination-link",
-							"aria-label": j.pagination.page(L(e)),
+							"aria-label": N.pagination.page(B(e)),
 							"aria-current": n ? "page" : void 0,
-							onClick: () => G(e),
-							className: s({
+							onClick: () => J(e),
+							className: c({
 								size: "icon",
 								active: n
 							}),
-							children: L(e)
+							children: B(e)
 						})
 					}, `page-${e}`);
 				}),
-				w ? /* @__PURE__ */ f("li", {
+				E ? /* @__PURE__ */ p("li", {
 					"data-slot": "pagination-item",
-					className: o(),
-					children: /* @__PURE__ */ p("button", {
+					className: s(),
+					children: /* @__PURE__ */ m("button", {
 						type: "button",
 						"data-slot": "pagination-next",
-						"aria-label": I,
-						disabled: !q,
-						onClick: () => G(H + 1),
-						className: n(s({ size: "default" }), c()),
-						children: [/* @__PURE__ */ f("span", {
-							className: "zui:hidden zui:sm:inline",
-							children: I
-						}), /* @__PURE__ */ f(Y, {
+						"aria-label": z,
+						disabled: !X,
+						onClick: () => J(G + 1),
+						className: n(c({ size: "default" }), l()),
+						children: [/* @__PURE__ */ p("span", {
+							className: "zui:hidden zui:desktop:inline",
+							children: z
+						}), /* @__PURE__ */ p(Q, {
 							className: "zui:size-4",
 							"aria-hidden": "true"
 						})]
@@ -133,7 +150,7 @@ function b({ totalPages: b = 1, page: x, defaultPage: S = 1, siblingCount: C = 1
 		})
 	});
 }
-var x = d.forwardRef(b);
-x.displayName = "Pagination";
+var w = f.forwardRef(C);
+w.displayName = "Pagination";
 //#endregion
-export { x as default };
+export { w as default };

package/dist/components/Pagination/Pagination.variant.cjs

@@ -1 +1 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`class-variance-authority`);var t=(0,e.cva)(`zui:mx-auto zui:flex zui:w-full zui:justify-center`),n=(0,e.cva)(`zui:flex zui:flex-row zui:flex-wrap zui:items-center zui:justify-center zui:gap-1`),r=(0,e.cva)(``),i=(0,e.cva)(`zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:gap-1 zui:whitespace-nowrap zui-radius-sm zui:border zui:border-[var(--zui-theme-control-border)] zui:bg-[var(--zui-theme-control-bg)] zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:hover:border-[var(--zui-theme-control-hover-border)] zui:hover:bg-[var(--zui-theme-control-hover-bg)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45`,{variants:{size:{default:`zui:h-9 zui:min-w-9 zui:px-3`,icon:`zui:size-9`},active:{true:`zui:border-[var(--zui-theme-action-primary)] zui:text-[var(--zui-theme-action-primary)] zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:text-[var(--zui-theme-action-primary-hover)]`,false:``}},defaultVariants:{size:`icon`,active:!1}}),a=(0,e.cva)(`zui:gap-1.5 zui:pe-2.5 zui:ps-3`),o=(0,e.cva)(`zui:gap-1.5 zui:pe-3 zui:ps-2.5`),s=(0,e.cva)(`zui:flex zui:size-9 zui:items-center zui:justify-center zui:text-[var(--zui-theme-text-muted)]`);exports.paginationContentVariants=n,exports.paginationEllipsisVariants=s,exports.paginationItemVariants=r,exports.paginationLinkVariants=i,exports.paginationNextVariants=o,exports.paginationPreviousVariants=a,exports.paginationVariants=t;
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`class-variance-authority`);var t=(0,e.cva)(`zui:mx-auto zui:flex zui:w-full zui:justify-center`),n=(0,e.cva)(`zui:flex zui:flex-row zui:flex-wrap zui:items-center zui:justify-center zui:gap-1 zui:mobile:w-full zui:mobile:flex-nowrap zui:mobile:gap-0.5`),r=(0,e.cva)(``,{variants:{kind:{button:`zui:mobile:min-w-9 zui:mobile:flex-[0_1_calc(var(--zui-scale,10px)*5.184)]`,ellipsis:`zui:mobile:shrink-0`}},defaultVariants:{kind:`button`}}),i=(0,e.cva)(`zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:gap-1 zui:whitespace-nowrap zui-radius-xs zui:border zui:text-sm zui:mobile:text-base zui:font-medium zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45`,{variants:{size:{default:`zui:h-9 zui:min-w-9 zui:px-3 zui:mobile:h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:w-full zui:mobile:px-0`,icon:`zui:h-9 zui:w-9 zui:mobile:h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:w-full`},active:{true:`zui:border-[var(--zui-theme-action-primary)] zui:bg-[color-mix(in_srgb,var(--zui-theme-action-primary)_12%,transparent)] zui:font-semibold zui:text-[var(--zui-theme-action-primary)] zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:text-[var(--zui-theme-action-primary-hover)]`,false:`zui:border-[var(--zui-theme-control-border)] zui:bg-[var(--zui-theme-control-bg)] zui:text-[var(--zui-theme-text-primary)] zui:hover:border-[var(--zui-theme-control-hover-border)] zui:hover:bg-[var(--zui-theme-control-hover-bg)]`}},defaultVariants:{size:`icon`,active:!1}}),a=(0,e.cva)(`zui:gap-1.5 zui:desktop:pe-2.5 zui:desktop:ps-3`),o=(0,e.cva)(`zui:gap-1.5 zui:desktop:pe-3 zui:desktop:ps-2.5`),s=(0,e.cva)(`zui:flex zui:size-9 zui:mobile:h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:w-[calc(var(--zui-scale,10px)*2.2)] zui:items-center zui:justify-center zui:text-[var(--zui-theme-text-muted)]`);exports.paginationContentVariants=n,exports.paginationEllipsisVariants=s,exports.paginationItemVariants=r,exports.paginationLinkVariants=i,exports.paginationNextVariants=o,exports.paginationPreviousVariants=a,exports.paginationVariants=t;

package/dist/components/Pagination/Pagination.variant.d.cts

@@ -1,6 +1,8 @@
 declare const paginationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const paginationContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare const paginationItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const paginationItemVariants: (props?: ({
+    kind?: "button" | "ellipsis" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const paginationLinkVariants: (props?: ({
     size?: "default" | "icon" | null | undefined;
     active?: boolean | null | undefined;

package/dist/components/Pagination/Pagination.variant.d.ts

@@ -1,6 +1,8 @@
 declare const paginationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const paginationContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare const paginationItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const paginationItemVariants: (props?: ({
+    kind?: "button" | "ellipsis" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const paginationLinkVariants: (props?: ({
     size?: "default" | "icon" | null | undefined;
     active?: boolean | null | undefined;

package/dist/components/Pagination/Pagination.variant.js

@@ -1,20 +1,26 @@
 import { cva as e } from "class-variance-authority";
 //#region src/components/Pagination/Pagination.variant.ts
-var t = e("zui:mx-auto zui:flex zui:w-full zui:justify-center"), n = e("zui:flex zui:flex-row zui:flex-wrap zui:items-center zui:justify-center zui:gap-1"), r = e(""), i = e("zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:gap-1 zui:whitespace-nowrap zui-radius-sm zui:border zui:border-[var(--zui-theme-control-border)] zui:bg-[var(--zui-theme-control-bg)] zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:hover:border-[var(--zui-theme-control-hover-border)] zui:hover:bg-[var(--zui-theme-control-hover-bg)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", {
+var t = e("zui:mx-auto zui:flex zui:w-full zui:justify-center"), n = e("zui:flex zui:flex-row zui:flex-wrap zui:items-center zui:justify-center zui:gap-1 zui:mobile:w-full zui:mobile:flex-nowrap zui:mobile:gap-0.5"), r = e("", {
+	variants: { kind: {
+		button: "zui:mobile:min-w-9 zui:mobile:flex-[0_1_calc(var(--zui-scale,10px)*5.184)]",
+		ellipsis: "zui:mobile:shrink-0"
+	} },
+	defaultVariants: { kind: "button" }
+}), i = e("zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:gap-1 zui:whitespace-nowrap zui-radius-xs zui:border zui:text-sm zui:mobile:text-base zui:font-medium zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", {
 	variants: {
 		size: {
-			default: "zui:h-9 zui:min-w-9 zui:px-3",
-			icon: "zui:size-9"
+			default: "zui:h-9 zui:min-w-9 zui:px-3 zui:mobile:h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:w-full zui:mobile:px-0",
+			icon: "zui:h-9 zui:w-9 zui:mobile:h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:w-full"
 		},
 		active: {
-			true: "zui:border-[var(--zui-theme-action-primary)] zui:text-[var(--zui-theme-action-primary)] zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:text-[var(--zui-theme-action-primary-hover)]",
-			false: ""
+			true: "zui:border-[var(--zui-theme-action-primary)] zui:bg-[color-mix(in_srgb,var(--zui-theme-action-primary)_12%,transparent)] zui:font-semibold zui:text-[var(--zui-theme-action-primary)] zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:text-[var(--zui-theme-action-primary-hover)]",
+			false: "zui:border-[var(--zui-theme-control-border)] zui:bg-[var(--zui-theme-control-bg)] zui:text-[var(--zui-theme-text-primary)] zui:hover:border-[var(--zui-theme-control-hover-border)] zui:hover:bg-[var(--zui-theme-control-hover-bg)]"
 		}
 	},
 	defaultVariants: {
 		size: "icon",
 		active: !1
 	}
-}), a = e("zui:gap-1.5 zui:pe-2.5 zui:ps-3"), o = e("zui:gap-1.5 zui:pe-3 zui:ps-2.5"), s = e("zui:flex zui:size-9 zui:items-center zui:justify-center zui:text-[var(--zui-theme-text-muted)]");
+}), a = e("zui:gap-1.5 zui:desktop:pe-2.5 zui:desktop:ps-3"), o = e("zui:gap-1.5 zui:desktop:pe-3 zui:desktop:ps-2.5"), s = e("zui:flex zui:size-9 zui:mobile:h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:w-[calc(var(--zui-scale,10px)*2.2)] zui:items-center zui:justify-center zui:text-[var(--zui-theme-text-muted)]");
 //#endregion
 export { n as paginationContentVariants, s as paginationEllipsisVariants, r as paginationItemVariants, i as paginationLinkVariants, o as paginationNextVariants, a as paginationPreviousVariants, t as paginationVariants };

package/dist/components/RadioGroup/RadioGroup.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../lib/utils.cjs`),r=require(`../shared/FieldLabel.cjs`),i=require(`../shared/useInvalidState.cjs`),a=require(`./RadioGroup.variant.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`),c=require(`@radix-ui/react-radio-group`);c=e.__toESM(c,1);var l=o.forwardRef(function({value:e,defaultValue:l,onValueChange:u,name:d,required:f=!1,id:p,title:m,children:h,"aria-label":g,className:_,orientation:v=`vertical`,gap:y=`default`,dir:b,disabled:x=!1,onInvalid:S},C){let{dir:w}=t.useZuiConfig(),T=b??w,{isInvalid:E,setIsInvalid:D,handleInvalid:O}=i.useInvalidState(S),k=o.useId(),A=m?`${p??k}-title`:void 0,j=o.useCallback(e=>{D(!1),u?.(e)},[u,D]);return(0,s.jsxs)(`div`,{"data-slot":`radio-group-field`,dir:T,className:`zui:w-full zui:space-y-1.5 zui:text-start`,children:[(0,s.jsx)(r.FieldLabel,{title:m,id:A,required:f}),(0,s.jsxs)(`div`,{className:`zui:relative`,children:[!m&&f?(0,s.jsx)(r.RequiredMark,{}):null,(0,s.jsx)(c.Root,{ref:C,id:p,"data-slot":`radio-group`,"aria-label":g,"aria-labelledby":g?void 0:A,"aria-invalid":E||void 0,"aria-required":f||void 0,"aria-disabled":x||void 0,dir:T,className:n.cn(E?`zui:[&_[data-slot=radio-group-item]]:border-[var(--zui-theme-status-danger)] zui:[&_[data-slot=radio-group-option]]:border-[var(--zui-theme-status-danger)]`:void 0,a.radioGroupVariants({orientation:v,gap:y,disabled:x,className:_})),value:e,defaultValue:l,onValueChange:j,onInvalid:O,name:d,required:f,disabled:x,children:h})]})]})}),u=o.forwardRef(function({className:e,size:r=`default`,disabled:i=!1,label:l,description:u,id:d,direction:f,optionClassName:p,labelClassName:m,descriptionClassName:h,indicatorClassName:g,value:_,onFocus:v,onBlur:y},b){let{dir:x}=t.useZuiConfig(),S=f??x,C=o.useId(),w=d??C,T=r===`sm`?`zui:size-[calc(var(--zui-scale,10px)*0.736)]`:r===`lg`?`zui:size-[calc(var(--zui-scale,10px)*1.12)]`:`zui:size-[calc(var(--zui-scale,10px)*0.928)]`,E=(0,s.jsx)(c.Item,{ref:b,id:w,"data-slot":`radio-group-item`,"aria-disabled":i||void 0,className:n.cn(a.radioGroupItemVariants({size:r,disabled:i,className:e})),disabled:i,value:_,onFocus:v,onBlur:y,children:(0,s.jsx)(c.Indicator,{"data-slot":`radio-group-indicator`,className:n.cn(a.radioGroupIndicatorVariants(),g),children:(0,s.jsx)(`span`,{className:n.cn(`zui:block zui-radius-full zui:bg-[var(--zui-theme-action-primary)]`,T)})})});return!l&&!u?E:(0,s.jsxs)(`label`,{htmlFor:w,"data-slot":`radio-group-option`,dir:S??void 0,className:n.cn(a.radioGroupOptionVariants({direction:S,disabled:i,className:p})),children:[E,(0,s.jsxs)(`span`,{className:`zui:min-w-0 zui:flex-1`,children:[l?(0,s.jsx)(`span`,{className:n.cn(a.radioGroupLabelVariants({disabled:i}),m),children:l}):null,u?(0,s.jsx)(`span`,{className:n.cn(a.radioGroupDescriptionVariants(),h),children:u}):null]})]})});exports.RadioGroupItem=u,exports.default=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../lib/utils.cjs`),r=require(`../shared/FieldLabel.cjs`),i=require(`../shared/useInvalidState.cjs`),a=require(`./RadioGroup.variant.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`),c=require(`@radix-ui/react-radio-group`);c=e.__toESM(c,1);var l=o.forwardRef(function({value:e,defaultValue:l,onValueChange:u,name:d,required:f=!1,id:p,title:m,children:h,"aria-label":g,className:_,orientation:v=`vertical`,gap:y=`default`,dir:b,disabled:x=!1,onInvalid:S},C){let{dir:w}=t.useZuiConfig(),T=b??w,{isInvalid:E,setIsInvalid:D,handleInvalid:O}=i.useInvalidState(S),k=o.useId(),A=m?`${p??k}-title`:void 0,j=o.useCallback(e=>{D(!1),u?.(e)},[u,D]);return(0,s.jsxs)(`div`,{"data-slot":`radio-group-field`,dir:T,className:`zui:w-full zui:space-y-1.5 zui:text-start`,children:[(0,s.jsx)(r.FieldLabel,{title:m,id:A,required:f}),(0,s.jsxs)(`div`,{className:`zui:relative`,children:[!m&&f?(0,s.jsx)(r.RequiredMark,{}):null,(0,s.jsx)(c.Root,{ref:C,id:p,"data-slot":`radio-group`,"aria-label":g,"aria-labelledby":g?void 0:A,"aria-invalid":E||void 0,"aria-required":f||void 0,"aria-disabled":x||void 0,dir:T,className:n.cn(E?`zui:[&_[data-slot=radio-group-item]]:border-[var(--zui-theme-status-danger)] zui:[&_[data-slot=radio-group-option]]:border-[var(--zui-theme-status-danger)]`:void 0,a.radioGroupVariants({orientation:v,gap:y,disabled:x,className:_})),value:e,defaultValue:l,onValueChange:j,onInvalid:O,name:d,required:f,disabled:x,children:h})]})]})}),u=o.forwardRef(function({className:e,disabled:r=!1,label:i,description:l,id:u,direction:d,optionClassName:f,labelClassName:p,descriptionClassName:m,indicatorClassName:h,value:g,onFocus:_,onBlur:v},y){let{dir:b}=t.useZuiConfig(),x=d??b,S=o.useId(),C=u??S,w=(0,s.jsx)(`span`,{"data-slot":`radio-group-control`,className:`zui:relative zui:inline-flex zui:shrink-0 zui:[&>input]:inset-0! zui:[&>input]:transform-none!`,children:(0,s.jsx)(c.Item,{ref:y,id:C,"data-slot":`radio-group-item`,"aria-disabled":r||void 0,className:n.cn(a.radioGroupItemVariants({disabled:r,className:e})),disabled:r,value:g,onFocus:_,onBlur:v,children:(0,s.jsx)(c.Indicator,{"data-slot":`radio-group-indicator`,className:n.cn(a.radioGroupIndicatorVariants(),h),children:(0,s.jsx)(`span`,{className:n.cn(`zui:block zui-radius-full zui:bg-[var(--zui-theme-action-primary)]`,a.radioGroupDotClassName)})})})});return!i&&!l?w:(0,s.jsxs)(`label`,{htmlFor:C,"data-slot":`radio-group-option`,dir:x??void 0,className:n.cn(a.radioGroupOptionVariants({direction:x,disabled:r,className:f})),children:[w,(0,s.jsxs)(`span`,{className:`zui:min-w-0 zui:flex-1`,children:[i?(0,s.jsx)(`span`,{className:n.cn(a.radioGroupLabelVariants({disabled:r}),p),children:i}):null,l?(0,s.jsx)(`span`,{className:n.cn(a.radioGroupDescriptionVariants(),m),children:l}):null]})]})});exports.RadioGroupItem=u,exports.default=l;