@zentauri-ui/zentauri-components 2.2.0 → 2.2.2

package/dist/chunk-HR6MGXNI.mjs

@@ -0,0 +1,212 @@
+import { zuiPasswordStrengthMeterBase, zuiPasswordStrengthMeterShapes, zuiPasswordStrengthMeterSizes, zuiPasswordStrengthMeterAppearances, zuiPasswordStrengthMeterTrackBase, zuiPasswordStrengthMeterTrackSizes, zuiPasswordStrengthMeterBarBase, zuiPasswordStrengthMeterBarSegmented } from './chunk-LOEKM3FL.mjs';
+import { clamp, cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext, useId, useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var passwordStrengthMeterVariants = cva(zuiPasswordStrengthMeterBase, {
+  variants: {
+    appearance: zuiPasswordStrengthMeterAppearances,
+    size: zuiPasswordStrengthMeterSizes,
+    shape: zuiPasswordStrengthMeterShapes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    shape: "rounded"
+  }
+});
+var passwordStrengthMeterTrackVariants = cva(
+  zuiPasswordStrengthMeterTrackBase,
+  {
+    variants: {
+      size: zuiPasswordStrengthMeterTrackSizes,
+      shape: zuiPasswordStrengthMeterShapes
+    },
+    defaultVariants: {
+      size: "md",
+      shape: "rounded"
+    }
+  }
+);
+var passwordStrengthMeterBarVariants = cva(
+  zuiPasswordStrengthMeterBarBase,
+  {
+    variants: {
+      segmented: zuiPasswordStrengthMeterBarSegmented
+    },
+    defaultVariants: { segmented: false }
+  }
+);
+var PasswordStrengthMeterContext = createContext(null);
+function usePasswordStrengthMeterContext(component) {
+  const ctx = useContext(PasswordStrengthMeterContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <PasswordStrengthMeter>`);
+  }
+  return ctx;
+}
+function getStrengthLabel(percent) {
+  if (percent <= 20) return "Weak";
+  if (percent <= 40) return "Fair";
+  if (percent <= 60) return "Good";
+  if (percent <= 80) return "Strong";
+  return "Very strong";
+}
+function getStrengthColor(percent) {
+  if (percent <= 20)
+    return "text-[var(--zui-status-error,#dc2626)] dark:text-[var(--zui-status-error-dark,#ef4444)]";
+  if (percent <= 40)
+    return "text-[var(--zui-color-orange,#ea580c)] dark:text-[var(--zui-color-orange-dark,#fb923c)]";
+  if (percent <= 60)
+    return "text-[var(--zui-color-yellow,#ca8a04)] dark:text-[var(--zui-color-yellow-dark,#facc15)]";
+  if (percent <= 80)
+    return "text-[var(--zui-color-emerald,#16a34a)] dark:text-[var(--zui-color-emerald-dark,#22c55e)]";
+  return "text-[var(--zui-color-indigo,#4338ca)] dark:text-[var(--zui-color-indigo-dark,#818cf8)]";
+}
+function PasswordStrengthMeterBase(props) {
+  const {
+    className,
+    appearance = "default",
+    size = "md",
+    shape = "rounded",
+    animated = false,
+    segmented = false,
+    value = 0,
+    min = 0,
+    max = 100,
+    label,
+    scoreLabel,
+    showScoreLabel = true,
+    children,
+    ref,
+    as: Wrapper = "div",
+    ...rest
+  } = props;
+  const clamped = clamp(value, min, max);
+  const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const labelSlotId = `${useId()}-password-strength-meter-label`;
+  const hasInlineLabelProp = Boolean(label?.trim().length);
+  const labelingProps = useMemo(() => {
+    if (hasInlineLabelProp) {
+      return { "aria-label": label?.trim() ?? "Password strength" };
+    }
+    return { "aria-label": "Password strength" };
+  }, [hasInlineLabelProp, label]);
+  const ctx = useMemo(
+    () => ({
+      value: clamped,
+      min,
+      max,
+      size: size ?? "md",
+      shape: shape ?? "rounded",
+      animated: Boolean(animated),
+      segmented: Boolean(segmented),
+      appearance: appearance ?? "default",
+      labelSlotId
+    }),
+    [
+      animated,
+      appearance,
+      clamped,
+      labelSlotId,
+      max,
+      min,
+      shape,
+      size,
+      segmented
+    ]
+  );
+  return /* @__PURE__ */ jsx(PasswordStrengthMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "password-strength-meter",
+      role: "meter",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      "aria-valuetext": getStrengthLabel(percent),
+      ...labelingProps,
+      className: cn(
+        passwordStrengthMeterVariants({ appearance, size, shape }),
+        className
+      ),
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        (label || showScoreLabel) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+          label && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: labelSlotId,
+              "data-slot": "password-strength-meter-label",
+              className: "text-xs font-medium",
+              children: label
+            }
+          ),
+          showScoreLabel && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "password-strength-meter-score-label",
+              className: cn(
+                "text-xs font-semibold",
+                getStrengthColor(percent)
+              ),
+              children: scoreLabel ?? getStrengthLabel(percent)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          PasswordStrengthMeterBar,
+          {
+            style: { transform: `scaleX(${percent / 100})` }
+          }
+        )
+      ] })
+    }
+  ) });
+}
+PasswordStrengthMeterBase.displayName = "PasswordStrengthMeter";
+function PasswordStrengthMeterBar({
+  className,
+  style,
+  ref,
+  as: Wrapper = "div",
+  ...rest
+}) {
+  const { size, shape, animated, segmented } = usePasswordStrengthMeterContext(
+    "PasswordStrengthMeterBar"
+  );
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      "data-slot": "password-strength-meter-track",
+      className: cn(
+        passwordStrengthMeterTrackVariants({ size, shape }),
+        "text-current"
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "password-strength-meter-bar",
+          className: cn(
+            passwordStrengthMeterBarVariants({ segmented }),
+            animated ? "animate-pulse" : void 0,
+            className
+          ),
+          style: {
+            transformOrigin: "left center",
+            ...style
+          },
+          ...rest
+        }
+      )
+    }
+  );
+}
+PasswordStrengthMeterBar.displayName = "PasswordStrengthMeterBar";
+
+export { PasswordStrengthMeterBar, PasswordStrengthMeterBase, PasswordStrengthMeterContext, getStrengthColor, getStrengthLabel, passwordStrengthMeterBarVariants, passwordStrengthMeterTrackVariants, passwordStrengthMeterVariants, usePasswordStrengthMeterContext };
+//# sourceMappingURL=chunk-HR6MGXNI.mjs.map
+//# sourceMappingURL=chunk-HR6MGXNI.mjs.map

package/dist/chunk-HR6MGXNI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/password-strength-meter/variants.ts","../src/ui/password-strength-meter/password-strength-meter-base.tsx"],"names":[],"mappings":"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","file":"chunk-HR6MGXNI.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPasswordStrengthMeterAppearances,\n  zuiPasswordStrengthMeterBarBase,\n  zuiPasswordStrengthMeterBarSegmented,\n  zuiPasswordStrengthMeterBase,\n  zuiPasswordStrengthMeterShapes,\n  zuiPasswordStrengthMeterSizes,\n  zuiPasswordStrengthMeterTrackBase,\n  zuiPasswordStrengthMeterTrackSizes,\n} from \"../../design-system/password-strength-meter\";\n\nexport const passwordStrengthMeterVariants = cva(zuiPasswordStrengthMeterBase, {\n  variants: {\n    appearance: zuiPasswordStrengthMeterAppearances,\n    size: zuiPasswordStrengthMeterSizes,\n    shape: zuiPasswordStrengthMeterShapes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const passwordStrengthMeterTrackVariants = cva(\n  zuiPasswordStrengthMeterTrackBase,\n  {\n    variants: {\n      size: zuiPasswordStrengthMeterTrackSizes,\n      shape: zuiPasswordStrengthMeterShapes,\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"rounded\",\n    },\n  },\n);\n\nexport const passwordStrengthMeterBarVariants = cva(\n  zuiPasswordStrengthMeterBarBase,\n  {\n    variants: {\n      segmented: zuiPasswordStrengthMeterBarSegmented,\n    },\n    defaultVariants: { segmented: false },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo, useId } from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type {\n  PasswordStrengthMeterProps,\n  PasswordStrengthMeterSectionProps,\n  PasswordStrengthMeterCtx,\n} from \"./types\";\nimport {\n  passwordStrengthMeterBarVariants,\n  passwordStrengthMeterTrackVariants,\n  passwordStrengthMeterVariants,\n} from \"./variants\";\n\nexport const PasswordStrengthMeterContext =\n  createContext<PasswordStrengthMeterCtx | null>(null);\n\nexport function usePasswordStrengthMeterContext(\n  component: string,\n): PasswordStrengthMeterCtx {\n  const ctx = useContext(PasswordStrengthMeterContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <PasswordStrengthMeter>`);\n  }\n  return ctx;\n}\n\nexport function getStrengthLabel(percent: number): string {\n  if (percent <= 20) return \"Weak\";\n  if (percent <= 40) return \"Fair\";\n  if (percent <= 60) return \"Good\";\n  if (percent <= 80) return \"Strong\";\n  return \"Very strong\";\n}\n\nexport function getStrengthColor(percent: number): string {\n  if (percent <= 20)\n    return \"text-[var(--zui-status-error,#dc2626)] dark:text-[var(--zui-status-error-dark,#ef4444)]\";\n  if (percent <= 40)\n    return \"text-[var(--zui-color-orange,#ea580c)] dark:text-[var(--zui-color-orange-dark,#fb923c)]\";\n  if (percent <= 60)\n    return \"text-[var(--zui-color-yellow,#ca8a04)] dark:text-[var(--zui-color-yellow-dark,#facc15)]\";\n  if (percent <= 80)\n    return \"text-[var(--zui-color-emerald,#16a34a)] dark:text-[var(--zui-color-emerald-dark,#22c55e)]\";\n  return \"text-[var(--zui-color-indigo,#4338ca)] dark:text-[var(--zui-color-indigo-dark,#818cf8)]\";\n}\n\nexport function PasswordStrengthMeterBase(props: PasswordStrengthMeterProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    animated = false,\n    segmented = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    scoreLabel,\n    showScoreLabel = true,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-password-strength-meter-label`;\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Password strength\" };\n    }\n    return { \"aria-label\": \"Password strength\" };\n  }, [hasInlineLabelProp, label]);\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      animated: Boolean(animated),\n      segmented: Boolean(segmented),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      shape,\n      size,\n      segmented,\n    ],\n  );\n\n  return (\n    <PasswordStrengthMeterContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"password-strength-meter\"\n        role=\"meter\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-valuetext={getStrengthLabel(percent)}\n        {...labelingProps}\n        className={cn(\n          passwordStrengthMeterVariants({ appearance, size, shape }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            {(label || showScoreLabel) && (\n              <div className=\"flex items-center justify-between mb-1.5\">\n                {label && (\n                  <span\n                    id={labelSlotId}\n                    data-slot=\"password-strength-meter-label\"\n                    className=\"text-xs font-medium\"\n                  >\n                    {label}\n                  </span>\n                )}\n                {showScoreLabel && (\n                  <span\n                    data-slot=\"password-strength-meter-score-label\"\n                    className={cn(\n                      \"text-xs font-semibold\",\n                      getStrengthColor(percent),\n                    )}\n                  >\n                    {scoreLabel ?? getStrengthLabel(percent)}\n                  </span>\n                )}\n              </div>\n            )}\n            <PasswordStrengthMeterBar\n              style={{ transform: `scaleX(${percent / 100})` }}\n            />\n          </>\n        )}\n      </Wrapper>\n    </PasswordStrengthMeterContext.Provider>\n  );\n}\n\nPasswordStrengthMeterBase.displayName = \"PasswordStrengthMeter\";\n\nexport function PasswordStrengthMeterBar({\n  className,\n  style,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: PasswordStrengthMeterSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, animated, segmented } = usePasswordStrengthMeterContext(\n    \"PasswordStrengthMeterBar\",\n  );\n\n  return (\n    <Wrapper\n      data-slot=\"password-strength-meter-track\"\n      className={cn(\n        passwordStrengthMeterTrackVariants({ size, shape }),\n        \"text-current\",\n      )}\n    >\n      <div\n        ref={ref}\n        data-slot=\"password-strength-meter-bar\"\n        className={cn(\n          passwordStrengthMeterBarVariants({ segmented }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nPasswordStrengthMeterBar.displayName = \"PasswordStrengthMeterBar\";\n"]}

package/dist/chunk-ILPPXWR3.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkUZ6Y5CSV_js = require('./chunk-UZ6Y5CSV.js');
+var classVarianceAuthority = require('class-variance-authority');
+
+var buttonVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiButtonBase, {
+  variants: {
+    appearance: chunkUZ6Y5CSV_js.zuiButtonAppearances,
+    size: chunkUZ6Y5CSV_js.zuiButtonSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-ILPPXWR3.js.map
+//# sourceMappingURL=chunk-ILPPXWR3.js.map

package/dist/{chunk-VQJXOJ7G.js.map → chunk-ILPPXWR3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-VQJXOJ7G.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-ILPPXWR3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/{chunk-YTCVWOBC.js → chunk-IY72Z65Z.js}

@@ -1,26 +1,26 @@
 'use strict';
 
 var chunk2VUMVDR3_js = require('./chunk-2VUMVDR3.js');
-var chunkVQJXOJ7G_js = require('./chunk-VQJXOJ7G.js');
-var chunkF3G3RL2N_js = require('./chunk-F3G3RL2N.js');
+var chunkILPPXWR3_js = require('./chunk-ILPPXWR3.js');
+var chunkUZ6Y5CSV_js = require('./chunk-UZ6Y5CSV.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var react = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var paginationListVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiPaginationListBase, {
+var paginationListVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiPaginationListBase, {
   variants: {
-    appearance: chunkF3G3RL2N_js.zuiPaginationListAppearances,
-    size: chunkF3G3RL2N_js.zuiPaginationListSizes
+    appearance: chunkUZ6Y5CSV_js.zuiPaginationListAppearances,
+    size: chunkUZ6Y5CSV_js.zuiPaginationListSizes
   },
   defaultVariants: {
     appearance: "default",
     size: "md"
   }
 });
-var paginationEllipsisVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiPaginationEllipsisBase, {
+var paginationEllipsisVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiPaginationEllipsisBase, {
   variants: {
-    size: chunkF3G3RL2N_js.zuiPaginationEllipsisSizes
+    size: chunkUZ6Y5CSV_js.zuiPaginationEllipsisSizes
   },
   defaultVariants: { size: "md" }
 });
@@ -85,10 +85,10 @@ var Pagination = ({
     return null;
   }
   const inactiveTriggerClass = chunkZS5756ZC_js.cn(
-    chunkVQJXOJ7G_js.buttonVariants({ appearance: "ghost", size }),
+    chunkILPPXWR3_js.buttonVariants({ appearance: "ghost", size }),
     "bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10"
   );
-  const currentTriggerClass = chunkVQJXOJ7G_js.buttonVariants({ appearance, size });
+  const currentTriggerClass = chunkILPPXWR3_js.buttonVariants({ appearance, size });
   const triggerFocusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950";
   const renderPageControl = (pageNumber) => {
     const isCurrent = pageNumber === currentPage;
@@ -131,7 +131,7 @@ var Pagination = ({
   const prevHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage - 1, pageCount));
   const nextHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage + 1, pageCount));
   const navTriggerClass = chunkZS5756ZC_js.cn(
-    chunkVQJXOJ7G_js.buttonVariants({ appearance: "outline", size }),
+    chunkILPPXWR3_js.buttonVariants({ appearance: "outline", size }),
     "shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -221,5 +221,5 @@ Pagination.displayName = "Pagination";
 exports.Pagination = Pagination;
 exports.paginationEllipsisVariants = paginationEllipsisVariants;
 exports.paginationListVariants = paginationListVariants;
-//# sourceMappingURL=chunk-YTCVWOBC.js.map
-//# sourceMappingURL=chunk-YTCVWOBC.js.map
+//# sourceMappingURL=chunk-IY72Z65Z.js.map
+//# sourceMappingURL=chunk-IY72Z65Z.js.map

package/dist/{chunk-YTCVWOBC.js.map → chunk-IY72Z65Z.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":["cva","zuiPaginationListBase","zuiPaginationListAppearances","zuiPaginationListSizes","zuiPaginationEllipsisBase","zuiPaginationEllipsisSizes","useId","usePagination","useCallback","cn","buttonVariants","jsx","clampPage","jsxs"],"mappings":"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","file":"chunk-YTCVWOBC.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
+{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":["cva","zuiPaginationListBase","zuiPaginationListAppearances","zuiPaginationListSizes","zuiPaginationEllipsisBase","zuiPaginationEllipsisSizes","useId","usePagination","useCallback","cn","buttonVariants","jsx","clampPage","jsxs"],"mappings":";;;;;;;;;;AAUO,IAAM,sBAAA,GAAyBA,2BAAIC,sCAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,6CAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,0BAAA,GAA6BH,2BAAII,0CAAA,EAA2B;AAAA,EACvE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACfD,IAAM,gBAAA,GAAmB,eAAA;AACzB,IAAM,gBAAA,GAAmB,WAAA;AACzB,IAAM,oBAAA,GAAuB,YAAA;AAEtB,IAAM,aAAa,CAAC;AAAA,EACzB,SAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,CAAA;AAAA,EACd,YAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,aAAA,GAAgB,CAAA;AAAA,EAChB,YAAA,GAAe,IAAA;AAAA,EACf,SAAA,GAAY,gBAAA;AAAA,EACZ,SAAA,GAAY,gBAAA;AAAA,EACZ,aAAA,GAAgB,oBAAA;AAAA,EAChB,WAAA;AAAA,EACA,cAAc,SAAA,GAAY,YAAA;AAAA,EAC1B,GAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAuB;AACrB,EAAA,MAAM,KAAKC,WAAA,EAAM;AACjB,EAAA,MAAM,MAAA,GAAS,GAAG,EAAE,CAAA,KAAA,CAAA;AAEpB,EAAA,MAAM,EAAE,aAAa,KAAA,EAAO,OAAA,EAAS,QAAQ,MAAA,EAAQ,SAAA,EAAW,SAAA,EAAU,GACxEC,8BAAA,CAAc;AAAA,IACZ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAEH,EAAA,MAAM,aAAA,GAAgBC,iBAAA;AAAA,IACpB,CAAC,KAAA,KAAsC;AACrC,MAAA,IAAI,aAAa,CAAA,EAAG;AAClB,QAAA;AAAA,MACF;AACA,MAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,YAAA,IAAgB,KAAA,CAAM,QAAQ,WAAA,EAAa;AAC3D,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,OAAA,CAAQ,cAAc,CAAC,CAAA;AAAA,QACzB;AAAA,MACF,WAAW,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC/D,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,OAAA,CAAQ,cAAc,CAAC,CAAA;AAAA,QACzB;AAAA,MACF,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,MAAA,EAAQ;AAC/B,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACX,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,KAAA,EAAO;AAC9B,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,OAAA,CAAQ,SAAS,CAAA;AAAA,MACnB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,SAAA,EAAW,SAAA,EAAW,WAAA,EAAa,WAAW,OAAO;AAAA,GACxD;AAEA,EAAA,IAAI,aAAa,CAAA,EAAG;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,oBAAA,GAAuBC,mBAAA;AAAA,IAC3BC,+BAAA,CAAe,EAAE,UAAA,EAAY,OAAA,EAAS,MAAM,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,mBAAA,GAAsBA,+BAAA,CAAe,EAAE,UAAA,EAAY,MAAM,CAAA;AAE/D,EAAA,MAAM,gBAAA,GACJ,8IAAA;AAEF,EAAA,MAAM,iBAAA,GAAoB,CAAC,UAAA,KAAuB;AAChD,IAAA,MAAM,YAAY,UAAA,KAAe,WAAA;AACjC,IAAA,MAAM,IAAA,GAAO,cAAc,UAAU,CAAA;AACrC,IAAA,MAAM,MAAA,GAASD,mBAAA;AAAA,MACb,YAAY,mBAAA,GAAsB,oBAAA;AAAA,MAClC,yBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,uBACEE,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,oBAAA;AAAA,UACV,IAAA;AAAA,UACA,YAAA,EAAY,QAAQ,UAAU,CAAA,CAAA;AAAA,UAC9B,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAW,MAAA;AAAA,UAEV,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACEA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,oBAAA;AAAA,QACV,YAAA,EAAY,QAAQ,UAAU,CAAA,CAAA;AAAA,QAC9B,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,QACnC,SAAA,EAAW,MAAA;AAAA,QACX,SAAS,MAAM;AACb,UAAA,IAAI,CAAC,SAAA,EAAW;AACd,YAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,UACpB;AAAA,QACF,CAAA;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAEA,EAAA,MAAM,WAAW,WAAA,GAAcC,0BAAA,CAAU,WAAA,GAAc,CAAA,EAAG,SAAS,CAAC,CAAA;AACpE,EAAA,MAAM,WAAW,WAAA,GAAcA,0BAAA,CAAU,WAAA,GAAc,CAAA,EAAG,SAAS,CAAC,CAAA;AAEpE,EAAA,MAAM,eAAA,GAAkBH,mBAAA;AAAA,IACtBC,+BAAA,CAAe,EAAE,UAAA,EAAY,SAAA,EAAW,MAAM,CAAA;AAAA,IAC9C;AAAA,GACF;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACV,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWF,mBAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAAI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,QAAA,YAAA,GACC,WAAA,IAAe,YAAY,SAAA,mBACzBF,cAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,SAAA;AAAA,YACZ,IAAA,EAAM,QAAA;AAAA,YACN,SAAA,EAAW,eAAA;AAAA,YACZ,QAAA,EAAA;AAAA;AAAA,SAED,mBAEAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,SAAA;AAAA,YACZ,UAAU,CAAC,SAAA;AAAA,YACX,SAAA,EAAW,eAAA;AAAA,YACX,OAAA,EAAS,MAAA;AAAA,YACV,QAAA,EAAA;AAAA;AAAA,SAED,GAEA,IAAA;AAAA,wBAEJA,cAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,MAAA;AAAA,YACJ,WAAA,EAAU,iBAAA;AAAA,YACV,SAAA,EAAW,sBAAA,CAAuB,EAAE,UAAA,EAAY,MAAM,CAAA;AAAA,YAErD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACVA,cAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBAEC,WAAA,EAAU,iBAAA;AAAA,gBACV,SAAA,EAAU,0BAAA;AAAA,gBAET,QAAA,EAAA,IAAA,CAAK,SAAS,UAAA,mBACbA,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,qBAAA;AAAA,oBACV,SAAA,EAAW,0BAAA,CAA2B,EAAE,IAAA,EAAM,CAAA;AAAA,oBAC9C,IAAA,EAAK,KAAA;AAAA,oBACL,YAAA,EAAY,aAAA;AAAA,oBACb,QAAA,EAAA;AAAA;AAAA,iBAED,GAEA,iBAAA,CAAkB,IAAA,CAAK,KAAK;AAAA,eAAA;AAAA,cAdzB,KAAK,IAAA,KAAS,MAAA,GAAS,QAAQ,IAAA,CAAK,KAAK,KAAK,IAAA,CAAK;AAAA,aAiB3D;AAAA;AAAA,SACH;AAAA,QAEC,YAAA,GACC,WAAA,IAAe,QAAA,IAAY,SAAA,mBACzBA,cAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,SAAA;AAAA,YACZ,IAAA,EAAM,QAAA;AAAA,YACN,SAAA,EAAW,eAAA;AAAA,YACZ,QAAA,EAAA;AAAA;AAAA,SAED,mBAEAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,SAAA;AAAA,YACZ,UAAU,CAAC,SAAA;AAAA,YACX,SAAA,EAAW,eAAA;AAAA,YACX,OAAA,EAAS,MAAA;AAAA,YACV,QAAA,EAAA;AAAA;AAAA,SAED,GAEA;AAAA,OAAA,EACN;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-IY72Z65Z.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}

package/dist/chunk-LOEKM3FL.mjs

@@ -0,0 +1,78 @@
+// src/design-system/password-strength-meter.ts
+var zuiPasswordStrengthMeterBase = "w-full text-[color:var(--zui-password-strength-meter-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-password-strength-meter-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+var zuiPasswordStrengthMeterAppearances = {
+  default: "[--psm-fill:var(--zui-password-strength-meter-default-fill,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-default-fill-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  secondary: "[--psm-fill:var(--zui-password-strength-meter-secondary-fill,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:[--psm-fill:var(--zui-password-strength-meter-secondary-fill-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
+  destructive: "[--psm-fill:var(--zui-password-strength-meter-destructive-fill,var(--zui-status-error,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-destructive-fill-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]",
+  emerald: "[--psm-fill:var(--zui-password-strength-meter-emerald-fill,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:[--psm-fill:var(--zui-password-strength-meter-emerald-fill-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]",
+  indigo: "[--psm-fill:var(--zui-password-strength-meter-indigo-fill,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--psm-fill:var(--zui-password-strength-meter-indigo-fill-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  purple: "[--psm-fill:var(--zui-password-strength-meter-purple-fill,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--psm-fill:var(--zui-password-strength-meter-purple-fill-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  pink: "[--psm-fill:var(--zui-password-strength-meter-pink-fill,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--psm-fill:var(--zui-password-strength-meter-pink-fill-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  rose: "[--psm-fill:var(--zui-password-strength-meter-rose-fill,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-rose-fill-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]",
+  sky: "[--psm-fill:var(--zui-password-strength-meter-sky-fill,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:[--psm-fill:var(--zui-password-strength-meter-sky-fill-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]",
+  teal: "[--psm-fill:var(--zui-password-strength-meter-teal-fill,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:[--psm-fill:var(--zui-password-strength-meter-teal-fill-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  yellow: "[--psm-fill:var(--zui-password-strength-meter-yellow-fill,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:[--psm-fill:var(--zui-password-strength-meter-yellow-fill-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  orange: "[--psm-fill:var(--zui-password-strength-meter-orange-fill,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:[--psm-fill:var(--zui-password-strength-meter-orange-fill-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  outline: "[--psm-fill:var(--zui-password-strength-meter-outline-fill,var(--zui-fg,oklch(52%_0.105_223.128)))] dark:[--psm-fill:var(--zui-password-strength-meter-outline-fill-dark,var(--zui-fg-dark,oklch(86.5%_0.127_207.078)))]",
+  ghost: "[--psm-fill:var(--zui-password-strength-meter-ghost-fill,var(--zui-fg,oklch(27.9%_0.041_260.031)))] dark:[--psm-fill:var(--zui-password-strength-meter-ghost-fill-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]",
+  glass: "[--psm-fill:var(--zui-password-strength-meter-glass-fill,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-glass-fill-dark,var(--zui-fg-dark,#ffffff))]",
+  "gradient-blue": "[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill,var(--zui-color-blue,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill-dark,var(--zui-color-blue-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))]",
+  "gradient-green": "[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill,var(--zui-color-green,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill-dark,var(--zui-color-green-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))]",
+  "gradient-red": "[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill,var(--zui-color-red,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill-dark,var(--zui-color-red-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))]",
+  "gradient-yellow": "[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill,var(--zui-color-yellow,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill-dark,var(--zui-color-yellow-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))]",
+  "gradient-purple": "[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill,var(--zui-color-purple,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill-dark,var(--zui-color-purple-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))]",
+  "gradient-teal": "[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill,var(--zui-color-teal,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill-dark,var(--zui-color-teal-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))]",
+  "gradient-indigo": "[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill,var(--zui-color-indigo,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill-dark,var(--zui-color-indigo-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))]",
+  "gradient-pink": "[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill,var(--zui-color-pink,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill-dark,var(--zui-color-pink-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))]",
+  "gradient-orange": "[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill,var(--zui-color-orange,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill-dark,var(--zui-color-orange-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))]",
+  blue: "[--psm-fill:var(--zui-password-strength-meter-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--psm-fill:var(--zui-password-strength-meter-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "[--psm-fill:var(--zui-password-strength-meter-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--psm-fill:var(--zui-password-strength-meter-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "[--psm-fill:var(--zui-password-strength-meter-green-fill,var(--zui-color-green,#16a34a))] dark:[--psm-fill:var(--zui-password-strength-meter-green-fill-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "[--psm-fill:var(--zui-password-strength-meter-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--psm-fill:var(--zui-password-strength-meter-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "[--psm-fill:var(--zui-password-strength-meter-mint-fill,var(--zui-color-mint,#10b981))] dark:[--psm-fill:var(--zui-password-strength-meter-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "[--psm-fill:var(--zui-password-strength-meter-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--psm-fill:var(--zui-password-strength-meter-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "[--psm-fill:var(--zui-password-strength-meter-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--psm-fill:var(--zui-password-strength-meter-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "[--psm-fill:var(--zui-password-strength-meter-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--psm-fill:var(--zui-password-strength-meter-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "[--psm-fill:var(--zui-password-strength-meter-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--psm-fill:var(--zui-password-strength-meter-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "[--psm-fill:var(--zui-password-strength-meter-red-fill,var(--zui-color-red,#dc2626))] dark:[--psm-fill:var(--zui-password-strength-meter-red-fill-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "[--psm-fill:var(--zui-password-strength-meter-slate-fill,var(--zui-color-slate,#475569))] dark:[--psm-fill:var(--zui-password-strength-meter-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "[--psm-fill:var(--zui-password-strength-meter-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--psm-fill:var(--zui-password-strength-meter-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "[--psm-fill:var(--zui-password-strength-meter-stone-fill,var(--zui-color-stone,#57534e))] dark:[--psm-fill:var(--zui-password-strength-meter-stone-fill-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "[--psm-fill:var(--zui-password-strength-meter-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--psm-fill:var(--zui-password-strength-meter-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "[--psm-fill:var(--zui-password-strength-meter-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--psm-fill:var(--zui-password-strength-meter-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "[--psm-fill:var(--zui-password-strength-meter-forest-fill,var(--zui-color-forest,#166534))] dark:[--psm-fill:var(--zui-password-strength-meter-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "[--psm-fill:var(--zui-password-strength-meter-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--psm-fill:var(--zui-password-strength-meter-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "[--psm-fill:var(--zui-password-strength-meter-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--psm-fill:var(--zui-password-strength-meter-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "[--psm-fill:var(--zui-password-strength-meter-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--psm-fill:var(--zui-password-strength-meter-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "[--psm-fill:var(--zui-password-strength-meter-aqua-fill,var(--zui-color-aqua,#0f766e))] dark:[--psm-fill:var(--zui-password-strength-meter-aqua-fill-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "[--psm-fill:var(--zui-password-strength-meter-plum-fill,var(--zui-color-plum,#7e22ce))] dark:[--psm-fill:var(--zui-password-strength-meter-plum-fill-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiPasswordStrengthMeterSizes = {
+  xs: "text-[0.65rem]",
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+var zuiPasswordStrengthMeterShapes = {
+  flat: "rounded-none",
+  rounded: "rounded-md",
+  pill: "rounded-full"
+};
+var zuiPasswordStrengthMeterTrackBase = "relative w-full overflow-hidden bg-[var(--zui-password-strength-meter-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-password-strength-meter-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]";
+var zuiPasswordStrengthMeterTrackSizes = {
+  xs: "h-1",
+  sm: "h-1.5",
+  md: "h-2",
+  lg: "h-3",
+  xl: "h-4"
+};
+var zuiPasswordStrengthMeterBarBase = "h-full w-full origin-left rounded-[inherit]";
+var zuiPasswordStrengthMeterBarSegmented = {
+  true: "[background:var(--zui-password-strength-meter-bar-bg-segmented,linear-gradient(90deg,var(--zui-status-error,oklch(45.5%_0.188_13.697))_0 calc(100%/5),var(--zui-color-orange,oklch(47%_0.157_37.304))_0 calc(200%/5),var(--zui-color-yellow,oklch(47.6%_0.114_61.907))_0 calc(300%/5),var(--zui-color-emerald,oklch(43.2%_0.095_166.913))_0 calc(400%/5),var(--zui-color-indigo,oklch(39.8%_0.195_277.366))_0))] dark:[background:var(--zui-password-strength-meter-bar-bg-segmented-dark,linear-gradient(90deg,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428))_0 calc(100%/5),var(--zui-color-orange-dark,oklch(75%_0.183_55.934))_0 calc(200%/5),var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936))_0 calc(300%/5),var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223))_0 calc(400%/5),var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935))_0))]",
+  false: "[background:var(--psm-fill)]"
+};
+
+export { zuiPasswordStrengthMeterAppearances, zuiPasswordStrengthMeterBarBase, zuiPasswordStrengthMeterBarSegmented, zuiPasswordStrengthMeterBase, zuiPasswordStrengthMeterShapes, zuiPasswordStrengthMeterSizes, zuiPasswordStrengthMeterTrackBase, zuiPasswordStrengthMeterTrackSizes };
+//# sourceMappingURL=chunk-LOEKM3FL.mjs.map
+//# sourceMappingURL=chunk-LOEKM3FL.mjs.map

package/dist/chunk-LOEKM3FL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/password-strength-meter.ts"],"names":[],"mappings":";AAAO,IAAM,4BAAA,GACX;AAEK,IAAM,mCAAA,GAAsC;AAAA,EACjD,OAAA,EACE,kOAAA;AAAA,EACF,SAAA,EACE,gOAAA;AAAA,EACF,WAAA,EACE,sPAAA;AAAA,EACF,OAAA,EACE,kPAAA;AAAA,EACF,MAAA,EACE,8OAAA;AAAA,EACF,MAAA,EACE,8OAAA;AAAA,EACF,IAAA,EAAM,oOAAA;AAAA,EACN,IAAA,EAAM,oOAAA;AAAA,EACN,GAAA,EAAK,+NAAA;AAAA,EACL,IAAA,EAAM,sOAAA;AAAA,EACN,MAAA,EACE,4OAAA;AAAA,EACF,MAAA,EACE,wOAAA;AAAA,EACF,OAAA,EACE,0NAAA;AAAA,EACF,KAAA,EACE,wNAAA;AAAA,EACF,KAAA,EACE,qMAAA;AAAA,EACF,eAAA,EACE,wVAAA;AAAA,EACF,gBAAA,EACE,8VAAA;AAAA,EACF,cAAA,EACE,sVAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,0VAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,0VAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,IAAA,EAAM,gMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,IAAA,EAAM,gMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,QAAA,EACE,gNAAA;AAAA,EACF,QAAA,EACE,gNAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,GAAA,EAAK,4LAAA;AAAA,EACL,KAAA,EACE,oMAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,KAAA,EACE,oMAAA;AAAA,EACF,QAAA,EACE,gNAAA;AAAA,EACF,MAAA,EACE,wMAAA;AAAA,EACF,MAAA,EACE,wMAAA;AAAA,EACF,OAAA,EACE,4MAAA;AAAA,EACF,OAAA,EACE,4MAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,6BAAA,GAAgC;AAAA,EAC3C,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,8BAAA,GAAiC;AAAA,EAC5C,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,iCAAA,GACX;AAEK,IAAM,kCAAA,GAAqC;AAAA,EAChD,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,+BAAA,GACX;AAEK,IAAM,oCAAA,GAAuC;AAAA,EAClD,IAAA,EAAM,s0BAAA;AAAA,EACN,KAAA,EAAO;AACT","file":"chunk-LOEKM3FL.mjs","sourcesContent":["export const zuiPasswordStrengthMeterBase =\n  \"w-full text-[color:var(--zui-password-strength-meter-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-password-strength-meter-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiPasswordStrengthMeterAppearances = {\n  default:\n    \"[--psm-fill:var(--zui-password-strength-meter-default-fill,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-default-fill-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  secondary:\n    \"[--psm-fill:var(--zui-password-strength-meter-secondary-fill,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:[--psm-fill:var(--zui-password-strength-meter-secondary-fill-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n  destructive:\n    \"[--psm-fill:var(--zui-password-strength-meter-destructive-fill,var(--zui-status-error,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-destructive-fill-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\",\n  emerald:\n    \"[--psm-fill:var(--zui-password-strength-meter-emerald-fill,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:[--psm-fill:var(--zui-password-strength-meter-emerald-fill-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]\",\n  indigo:\n    \"[--psm-fill:var(--zui-password-strength-meter-indigo-fill,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--psm-fill:var(--zui-password-strength-meter-indigo-fill-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  purple:\n    \"[--psm-fill:var(--zui-password-strength-meter-purple-fill,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--psm-fill:var(--zui-password-strength-meter-purple-fill-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  pink: \"[--psm-fill:var(--zui-password-strength-meter-pink-fill,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--psm-fill:var(--zui-password-strength-meter-pink-fill-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  rose: \"[--psm-fill:var(--zui-password-strength-meter-rose-fill,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-rose-fill-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]\",\n  sky: \"[--psm-fill:var(--zui-password-strength-meter-sky-fill,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:[--psm-fill:var(--zui-password-strength-meter-sky-fill-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]\",\n  teal: \"[--psm-fill:var(--zui-password-strength-meter-teal-fill,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:[--psm-fill:var(--zui-password-strength-meter-teal-fill-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  yellow:\n    \"[--psm-fill:var(--zui-password-strength-meter-yellow-fill,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:[--psm-fill:var(--zui-password-strength-meter-yellow-fill-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  orange:\n    \"[--psm-fill:var(--zui-password-strength-meter-orange-fill,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:[--psm-fill:var(--zui-password-strength-meter-orange-fill-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  outline:\n    \"[--psm-fill:var(--zui-password-strength-meter-outline-fill,var(--zui-fg,oklch(52%_0.105_223.128)))] dark:[--psm-fill:var(--zui-password-strength-meter-outline-fill-dark,var(--zui-fg-dark,oklch(86.5%_0.127_207.078)))]\",\n  ghost:\n    \"[--psm-fill:var(--zui-password-strength-meter-ghost-fill,var(--zui-fg,oklch(27.9%_0.041_260.031)))] dark:[--psm-fill:var(--zui-password-strength-meter-ghost-fill-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\",\n  glass:\n    \"[--psm-fill:var(--zui-password-strength-meter-glass-fill,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-glass-fill-dark,var(--zui-fg-dark,#ffffff))]\",\n  \"gradient-blue\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill,var(--zui-color-blue,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill-dark,var(--zui-color-blue-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-green\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill,var(--zui-color-green,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill-dark,var(--zui-color-green-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))]\",\n  \"gradient-red\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill,var(--zui-color-red,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill-dark,var(--zui-color-red-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-yellow\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill,var(--zui-color-yellow,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill-dark,var(--zui-color-yellow-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))]\",\n  \"gradient-purple\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill,var(--zui-color-purple,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill-dark,var(--zui-color-purple-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-teal\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill,var(--zui-color-teal,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill-dark,var(--zui-color-teal-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))]\",\n  \"gradient-indigo\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill,var(--zui-color-indigo,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill-dark,var(--zui-color-indigo-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-pink\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill,var(--zui-color-pink,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill-dark,var(--zui-color-pink-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))]\",\n  \"gradient-orange\":\n    \"[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill,var(--zui-color-orange,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill-dark,var(--zui-color-orange-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))]\",\n  blue: \"[--psm-fill:var(--zui-password-strength-meter-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--psm-fill:var(--zui-password-strength-meter-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"[--psm-fill:var(--zui-password-strength-meter-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--psm-fill:var(--zui-password-strength-meter-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"[--psm-fill:var(--zui-password-strength-meter-green-fill,var(--zui-color-green,#16a34a))] dark:[--psm-fill:var(--zui-password-strength-meter-green-fill-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"[--psm-fill:var(--zui-password-strength-meter-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--psm-fill:var(--zui-password-strength-meter-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"[--psm-fill:var(--zui-password-strength-meter-mint-fill,var(--zui-color-mint,#10b981))] dark:[--psm-fill:var(--zui-password-strength-meter-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"[--psm-fill:var(--zui-password-strength-meter-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--psm-fill:var(--zui-password-strength-meter-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"[--psm-fill:var(--zui-password-strength-meter-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--psm-fill:var(--zui-password-strength-meter-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"[--psm-fill:var(--zui-password-strength-meter-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--psm-fill:var(--zui-password-strength-meter-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"[--psm-fill:var(--zui-password-strength-meter-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--psm-fill:var(--zui-password-strength-meter-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"[--psm-fill:var(--zui-password-strength-meter-red-fill,var(--zui-color-red,#dc2626))] dark:[--psm-fill:var(--zui-password-strength-meter-red-fill-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"[--psm-fill:var(--zui-password-strength-meter-slate-fill,var(--zui-color-slate,#475569))] dark:[--psm-fill:var(--zui-password-strength-meter-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"[--psm-fill:var(--zui-password-strength-meter-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--psm-fill:var(--zui-password-strength-meter-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"[--psm-fill:var(--zui-password-strength-meter-stone-fill,var(--zui-color-stone,#57534e))] dark:[--psm-fill:var(--zui-password-strength-meter-stone-fill-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"[--psm-fill:var(--zui-password-strength-meter-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--psm-fill:var(--zui-password-strength-meter-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"[--psm-fill:var(--zui-password-strength-meter-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--psm-fill:var(--zui-password-strength-meter-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"[--psm-fill:var(--zui-password-strength-meter-forest-fill,var(--zui-color-forest,#166534))] dark:[--psm-fill:var(--zui-password-strength-meter-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"[--psm-fill:var(--zui-password-strength-meter-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--psm-fill:var(--zui-password-strength-meter-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"[--psm-fill:var(--zui-password-strength-meter-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--psm-fill:var(--zui-password-strength-meter-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"[--psm-fill:var(--zui-password-strength-meter-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--psm-fill:var(--zui-password-strength-meter-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"[--psm-fill:var(--zui-password-strength-meter-aqua-fill,var(--zui-color-aqua,#0f766e))] dark:[--psm-fill:var(--zui-password-strength-meter-aqua-fill-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"[--psm-fill:var(--zui-password-strength-meter-plum-fill,var(--zui-color-plum,#7e22ce))] dark:[--psm-fill:var(--zui-password-strength-meter-plum-fill-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiPasswordStrengthMeterSizes = {\n  xs: \"text-[0.65rem]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-lg\",\n} as const;\n\nexport const zuiPasswordStrengthMeterShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-md\",\n  pill: \"rounded-full\",\n} as const;\n\nexport const zuiPasswordStrengthMeterTrackBase =\n  \"relative w-full overflow-hidden bg-[var(--zui-password-strength-meter-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-password-strength-meter-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\";\n\nexport const zuiPasswordStrengthMeterTrackSizes = {\n  xs: \"h-1\",\n  sm: \"h-1.5\",\n  md: \"h-2\",\n  lg: \"h-3\",\n  xl: \"h-4\",\n} as const;\n\nexport const zuiPasswordStrengthMeterBarBase =\n  \"h-full w-full origin-left rounded-[inherit]\";\n\nexport const zuiPasswordStrengthMeterBarSegmented = {\n  true: \"[background:var(--zui-password-strength-meter-bar-bg-segmented,linear-gradient(90deg,var(--zui-status-error,oklch(45.5%_0.188_13.697))_0 calc(100%/5),var(--zui-color-orange,oklch(47%_0.157_37.304))_0 calc(200%/5),var(--zui-color-yellow,oklch(47.6%_0.114_61.907))_0 calc(300%/5),var(--zui-color-emerald,oklch(43.2%_0.095_166.913))_0 calc(400%/5),var(--zui-color-indigo,oklch(39.8%_0.195_277.366))_0))] dark:[background:var(--zui-password-strength-meter-bar-bg-segmented-dark,linear-gradient(90deg,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428))_0 calc(100%/5),var(--zui-color-orange-dark,oklch(75%_0.183_55.934))_0 calc(200%/5),var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936))_0 calc(300%/5),var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223))_0 calc(400%/5),var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935))_0))]\",\n  false: \"[background:var(--psm-fill)]\",\n} as const;\n"]}

package/dist/{chunk-5XSW5JYA.mjs → chunk-N2G7IWHS.mjs}

@@ -1,6 +1,6 @@
 import { usePagination } from './chunk-YNBJAFI2.mjs';
-import { buttonVariants } from './chunk-37KMH77M.mjs';
-import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-AMNJ35TT.mjs';
+import { buttonVariants } from './chunk-NUV2I337.mjs';
+import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-GFE6ZX5Y.mjs';
 import { cn, clampPage } from './chunk-4D54YOL6.mjs';
 import { useId, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
@@ -217,5 +217,5 @@ var Pagination = ({
 Pagination.displayName = "Pagination";
 
 export { Pagination, paginationEllipsisVariants, paginationListVariants };
-//# sourceMappingURL=chunk-5XSW5JYA.mjs.map
-//# sourceMappingURL=chunk-5XSW5JYA.mjs.map
+//# sourceMappingURL=chunk-N2G7IWHS.mjs.map
+//# sourceMappingURL=chunk-N2G7IWHS.mjs.map

package/dist/{chunk-5XSW5JYA.mjs.map → chunk-N2G7IWHS.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-5XSW5JYA.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
+{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-N2G7IWHS.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}

package/dist/{chunk-37KMH77M.mjs → chunk-NUV2I337.mjs}

@@ -1,4 +1,4 @@
-import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-AMNJ35TT.mjs';
+import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-GFE6ZX5Y.mjs';
 import { cva } from 'class-variance-authority';
 
 var buttonVariants = cva(zuiButtonBase, {
@@ -13,5 +13,5 @@ var buttonVariants = cva(zuiButtonBase, {
 });
 
 export { buttonVariants };
-//# sourceMappingURL=chunk-37KMH77M.mjs.map
-//# sourceMappingURL=chunk-37KMH77M.mjs.map
+//# sourceMappingURL=chunk-NUV2I337.mjs.map
+//# sourceMappingURL=chunk-NUV2I337.mjs.map