@zentauri-ui/zentauri-components 2.1.5 → 2.1.7

package/dist/ui/inputs.mjs

@@ -1,147 +1,8 @@
 "use client";
-import { inputVariants } from '../chunk-O22T5X4G.mjs';
+export { Input } from '../chunk-LHBJD57K.mjs';
 export { inputVariants } from '../chunk-O22T5X4G.mjs';
 import '../chunk-34LHS26H.mjs';
-import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
-import { useId } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function mergeDescribedByIds(user, ...generated) {
-  const ids = [
-    ...(user ?? "").split(/\s+/).filter(Boolean),
-    ...generated.filter((id) => Boolean(id))
-  ];
-  const unique = [...new Set(ids)];
-  return unique.length > 0 ? unique.join(" ") : void 0;
-}
-var InputBase = (props) => {
-  const generatedId = useId();
-  if (props.as === "textarea") {
-    const {
-      className: className2,
-      appearance: appearance2,
-      size: size2,
-      ring: ring2 = true,
-      ref: ref2,
-      "aria-invalid": ariaInvalidProp2,
-      errorMessage: errorMessage2,
-      hint: hint2,
-      label: label2,
-      id: id2,
-      as: as2,
-      "aria-describedby": ariaDescribedByUser2,
-      ...rest2
-    } = props;
-    const controlId2 = id2 ?? generatedId;
-    const errorId2 = `${controlId2}-error`;
-    const hintId2 = `${controlId2}-hint`;
-    const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
-    const describedBy2 = mergeDescribedByIds(
-      ariaDescribedByUser2,
-      hint2 !== void 0 ? hintId2 : void 0,
-      errorMessage2 && appearance2 === "error" ? errorId2 : void 0
-    );
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      label2 !== void 0 && /* @__PURE__ */ jsx(
-        "label",
-        {
-          htmlFor: controlId2,
-          className: "mb-1 block text-sm font-medium text-slate-200",
-          children: label2
-        }
-      ),
-      hint2 !== void 0 && /* @__PURE__ */ jsx("p", { id: hintId2, className: "mb-1 text-xs text-slate-400", children: hint2 }),
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref: ref2,
-          id: controlId2,
-          "data-slot": "input",
-          className: cn(
-            inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
-            className2
-          ),
-          "aria-invalid": ariaInvalid2,
-          "aria-describedby": describedBy2,
-          ...rest2
-        }
-      ),
-      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsx(
-        "p",
-        {
-          id: errorId2,
-          className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
-          children: errorMessage2
-        }
-      )
-    ] });
-  }
-  const {
-    className,
-    appearance,
-    size,
-    ring = true,
-    ref,
-    "aria-invalid": ariaInvalidProp,
-    errorMessage,
-    hint,
-    label,
-    id,
-    as,
-    "aria-describedby": ariaDescribedByUser,
-    ...rest
-  } = props;
-  const controlId = id ?? generatedId;
-  const errorId = `${controlId}-error`;
-  const hintId = `${controlId}-hint`;
-  const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
-  const describedBy = mergeDescribedByIds(
-    ariaDescribedByUser,
-    hint !== void 0 ? hintId : void 0,
-    errorMessage && appearance === "error" ? errorId : void 0
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    label !== void 0 && /* @__PURE__ */ jsx(
-      "label",
-      {
-        htmlFor: controlId,
-        className: "mb-1 block text-sm font-medium text-slate-200",
-        children: label
-      }
-    ),
-    hint !== void 0 && /* @__PURE__ */ jsx("p", { id: hintId, className: "mb-1 text-xs text-slate-400", children: hint }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        id: controlId,
-        "data-slot": "input",
-        className: cn(
-          inputVariants({ appearance, size, ring, as: as ?? "input" }),
-          className
-        ),
-        "aria-invalid": ariaInvalid,
-        "aria-describedby": describedBy,
-        ...rest
-      }
-    ),
-    errorMessage && appearance === "error" && /* @__PURE__ */ jsx(
-      "p",
-      {
-        id: errorId,
-        className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
-        children: errorMessage
-      }
-    )
-  ] });
-};
-InputBase.displayName = "Input";
-var Input = (props) => {
-  return /* @__PURE__ */ jsx(InputBase, { ...props });
-};
-Input.displayName = "Input";
-
-export { Input };
 //# sourceMappingURL=inputs.mjs.map
 //# sourceMappingURL=inputs.mjs.map

package/dist/ui/inputs.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/inputs/input-base.tsx","../../src/ui/inputs/input.tsx"],"names":["className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsx"],"mappings":"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","file":"inputs.mjs","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n  user: string | undefined,\n  ...generated: (string | undefined)[]\n): string | undefined {\n  const ids = [\n    ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n    ...generated.filter((id): id is string => Boolean(id)),\n  ];\n  const unique = [...new Set(ids)];\n  return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      hint,\n      label,\n      id,\n      as,\n      \"aria-describedby\": ariaDescribedByUser,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const hintId = `${controlId}-hint`;\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    const describedBy = mergeDescribedByIds(\n      ariaDescribedByUser,\n      hint !== undefined ? hintId : undefined,\n      errorMessage && appearance === \"error\" ? errorId : undefined,\n    );\n\n    return (\n      <>\n        {label !== undefined && (\n          <label\n            htmlFor={controlId}\n            className=\"mb-1 block text-sm font-medium text-slate-200\"\n          >\n            {label}\n          </label>\n        )}\n        {hint !== undefined && (\n          <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n            {hint}\n          </p>\n        )}\n        <textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    hint,\n    label,\n    id,\n    as,\n    \"aria-describedby\": ariaDescribedByUser,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const hintId = `${controlId}-hint`;\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  const describedBy = mergeDescribedByIds(\n    ariaDescribedByUser,\n    hint !== undefined ? hintId : undefined,\n    errorMessage && appearance === \"error\" ? errorId : undefined,\n  );\n\n  return (\n    <>\n      {label !== undefined && (\n        <label\n          htmlFor={controlId}\n          className=\"mb-1 block text-sm font-medium text-slate-200\"\n        >\n          {label}\n        </label>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n          {hint}\n        </p>\n      )}\n      <input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n  return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"inputs.mjs"}

package/dist/ui/pagination.js

@@ -1,34 +1,37 @@
 "use client";
 'use strict';
 
+var chunkG7FVHZRB_js = require('../chunk-G7FVHZRB.js');
 var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
-var chunkD2GISTDL_js = require('../chunk-D2GISTDL.js');
-var chunkNZSZE36T_js = require('../chunk-NZSZE36T.js');
+require('../chunk-5FU57ZVQ.js');
+require('../chunk-TJ2EWPER.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-Y7BU5RC4.js');
+require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-22FJROCI.js');
+require('../chunk-UJXFD4SK.js');
 require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
 require('../chunk-OH5VOGNW.js');
-require('../chunk-Y7BU5RC4.js');
-require('../chunk-NDF3HORF.js');
+require('../chunk-WGN2CBG6.js');
+require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
 require('../chunk-BZTAA3MK.js');
 require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-CJCOURVM.js');
-require('../chunk-22FJROCI.js');
-require('../chunk-UJXFD4SK.js');
+require('../chunk-KJMW7S5X.js');
 require('../chunk-3CYJQ6KF.js');
 require('../chunk-3453DQNL.js');
 require('../chunk-DYSXCJGL.js');
 require('../chunk-A7MU6SFI.js');
-require('../chunk-WGN2CBG6.js');
-require('../chunk-SRSRY5K2.js');
+require('../chunk-NYO3W5GY.js');
 require('../chunk-HNRCPZCK.js');
 require('../chunk-J2SUGU3X.js');
 require('../chunk-J5NTJVKX.js');
@@ -36,236 +39,33 @@ require('../chunk-UQQHB3OI.js');
 require('../chunk-BBM4BKSN.js');
 require('../chunk-Y5JAQEBF.js');
 require('../chunk-7DVECOO7.js');
-require('../chunk-KJMW7S5X.js');
 require('../chunk-YPYPWALR.js');
 require('../chunk-PP3L6M62.js');
 require('../chunk-BJDT7P2I.js');
+require('../chunk-PG7LQVU6.js');
 require('../chunk-NFUOJMNI.js');
 require('../chunk-UT6QG35L.js');
 require('../chunk-IR5SJ7AQ.js');
-require('../chunk-NYO3W5GY.js');
-var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
-var react = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
 
-var paginationListVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiPaginationListBase, {
-  variants: {
-    appearance: chunkNZSZE36T_js.zuiPaginationListAppearances,
-    size: chunkNZSZE36T_js.zuiPaginationListSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
+
+
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () { return chunkG7FVHZRB_js.Pagination; }
 });
-var paginationEllipsisVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiPaginationEllipsisBase, {
-  variants: {
-    size: chunkNZSZE36T_js.zuiPaginationEllipsisSizes
-  },
-  defaultVariants: { size: "md" }
+Object.defineProperty(exports, "paginationEllipsisVariants", {
+  enumerable: true,
+  get: function () { return chunkG7FVHZRB_js.paginationEllipsisVariants; }
+});
+Object.defineProperty(exports, "paginationListVariants", {
+  enumerable: true,
+  get: function () { return chunkG7FVHZRB_js.paginationListVariants; }
 });
-var defaultPrevLabel = "Previous page";
-var defaultNextLabel = "Next page";
-var defaultEllipsisLabel = "More pages";
-var Pagination = ({
-  className,
-  appearance = "default",
-  size = "md",
-  pageCount,
-  page,
-  defaultPage = 1,
-  onPageChange,
-  siblingCount = 1,
-  boundaryCount = 1,
-  showPrevNext = true,
-  prevLabel = defaultPrevLabel,
-  nextLabel = defaultNextLabel,
-  ellipsisLabel = defaultEllipsisLabel,
-  getPageHref,
-  "aria-label": ariaLabel = "Pagination",
-  ref,
-  ...rest
-}) => {
-  const id = react.useId();
-  const listId = `${id}-list`;
-  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } = chunk2VUMVDR3_js.usePagination({
-    pageCount,
-    page,
-    defaultPage,
-    siblingCount,
-    boundaryCount,
-    onPageChange
-  });
-  const handleKeyDown = react.useCallback(
-    (event) => {
-      if (pageCount <= 0) {
-        return;
-      }
-      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-        event.preventDefault();
-        if (canGoNext) {
-          setPage(currentPage + 1);
-        }
-      } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
-        event.preventDefault();
-        if (canGoPrev) {
-          setPage(currentPage - 1);
-        }
-      } else if (event.key === "Home") {
-        event.preventDefault();
-        setPage(1);
-      } else if (event.key === "End") {
-        event.preventDefault();
-        setPage(pageCount);
-      }
-    },
-    [canGoNext, canGoPrev, currentPage, pageCount, setPage]
-  );
-  if (pageCount <= 0) {
-    return null;
-  }
-  const inactiveTriggerClass = chunkZS5756ZC_js.cn(
-    chunkD2GISTDL_js.buttonVariants({ appearance: "ghost", size }),
-    "bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10"
-  );
-  const currentTriggerClass = chunkD2GISTDL_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;
-    const href = getPageHref?.(pageNumber);
-    const shared = chunkZS5756ZC_js.cn(
-      isCurrent ? currentTriggerClass : inactiveTriggerClass,
-      "min-w-[2.25ch] shrink-0",
-      triggerFocusRing
-    );
-    if (href) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          "data-slot": "pagination-trigger",
-          href,
-          "aria-label": `Page ${pageNumber}`,
-          "aria-current": isCurrent ? "page" : void 0,
-          className: shared,
-          children: pageNumber
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "data-slot": "pagination-trigger",
-        "aria-label": `Page ${pageNumber}`,
-        "aria-current": isCurrent ? "page" : void 0,
-        className: shared,
-        onClick: () => {
-          if (!isCurrent) {
-            setPage(pageNumber);
-          }
-        },
-        children: pageNumber
-      }
-    );
-  };
-  const prevHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage - 1, pageCount));
-  const nextHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage + 1, pageCount));
-  const navTriggerClass = chunkZS5756ZC_js.cn(
-    chunkD2GISTDL_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(
-    "nav",
-    {
-      ref,
-      "data-slot": "pagination",
-      "aria-label": ariaLabel,
-      className: chunkZS5756ZC_js.cn("w-full", className),
-      onKeyDown: handleKeyDown,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        showPrevNext ? getPageHref && prevHref && canGoPrev ? /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            "data-slot": "pagination-prev",
-            "aria-label": prevLabel,
-            href: prevHref,
-            className: navTriggerClass,
-            children: "Prev"
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "pagination-prev",
-            "aria-label": prevLabel,
-            disabled: !canGoPrev,
-            className: navTriggerClass,
-            onClick: goPrev,
-            children: "Prev"
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "ul",
-          {
-            id: listId,
-            "data-slot": "pagination-list",
-            className: paginationListVariants({ appearance, size }),
-            children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-              "li",
-              {
-                "data-slot": "pagination-item",
-                className: "inline-flex items-center",
-                children: item.type === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    "data-slot": "pagination-ellipsis",
-                    className: paginationEllipsisVariants({ size }),
-                    role: "img",
-                    "aria-label": ellipsisLabel,
-                    children: "\u2026"
-                  }
-                ) : renderPageControl(item.value)
-              },
-              item.type === "page" ? `page-${item.value}` : item.key
-            ))
-          }
-        ),
-        showPrevNext ? getPageHref && nextHref && canGoNext ? /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            "data-slot": "pagination-next",
-            "aria-label": nextLabel,
-            href: nextHref,
-            className: navTriggerClass,
-            children: "Next"
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "pagination-next",
-            "aria-label": nextLabel,
-            disabled: !canGoNext,
-            className: navTriggerClass,
-            onClick: goNext,
-            children: "Next"
-          }
-        ) : null
-      ] })
-    }
-  );
-};
-Pagination.displayName = "Pagination";
-
 Object.defineProperty(exports, "usePagination", {
   enumerable: true,
   get: function () { return chunk2VUMVDR3_js.usePagination; }
 });
-exports.Pagination = Pagination;
-exports.paginationEllipsisVariants = paginationEllipsisVariants;
-exports.paginationListVariants = paginationListVariants;
 //# sourceMappingURL=pagination.js.map
 //# sourceMappingURL=pagination.js.map

package/dist/ui/pagination.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":"pagination.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":[],"names":[],"mappings":"","file":"pagination.js"}