@zentauri-ui/zentauri-components 1.4.51 → 1.4.62

package/dist/ui/pagination.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkJE3PD5ZA_js = require('../chunk-JE3PD5ZA.js');
-var chunkBITDSQMR_js = require('../chunk-BITDSQMR.js');
+var chunkZNDHS5OK_js = require('../chunk-ZNDHS5OK.js');
 var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
 var react = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -158,10 +158,10 @@ var Pagination = react.forwardRef(
       return null;
     }
     const inactiveTriggerClass = chunkUOZYPWDZ_js.cn(
-      chunkBITDSQMR_js.buttonVariants({ appearance: "ghost", size }),
+      chunkZNDHS5OK_js.buttonVariants({ appearance: "ghost", size }),
       "bg-white/[0.04] text-slate-200 hover:bg-white/10"
     );
-    const currentTriggerClass = chunkBITDSQMR_js.buttonVariants({ appearance, size });
+    const currentTriggerClass = chunkZNDHS5OK_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;
@@ -204,7 +204,7 @@ var Pagination = react.forwardRef(
     const prevHref = getPageHref?.(chunkUOZYPWDZ_js.clampPage(currentPage - 1, pageCount));
     const nextHref = getPageHref?.(chunkUOZYPWDZ_js.clampPage(currentPage + 1, pageCount));
     const navTriggerClass = chunkUOZYPWDZ_js.cn(
-      chunkBITDSQMR_js.buttonVariants({ appearance: "outline", size }),
+      chunkZNDHS5OK_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(
@@ -253,9 +253,9 @@ var Pagination = react.forwardRef(
                     "span",
                     {
                       "data-slot": "pagination-ellipsis",
-                      "aria-hidden": "true",
-                      title: ellipsisLabel,
                       className: paginationEllipsisVariants({ size }),
+                      role: "img",
+                      "aria-label": ellipsisLabel,
                       children: "\u2026"
                     }
                   ) : renderPageControl(item.value)

package/dist/ui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":["cva","forwardRef","Pagination","useId","usePagination","useCallback","cn","buttonVariants","jsx","clampPage","jsxs"],"mappings":"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","file":"pagination.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Layout and chrome for the page list cluster. Appearance and size keys align with\n * `components/ui/buttons/variants.ts` for consistent design-system tokens.\n */\nexport const paginationListVariants = cva(\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/[0.03]\",\n        secondary: \"border-white/10 bg-slate-900/40\",\n        destructive: \"border-rose-500/25 bg-rose-950/20\",\n        outline: \"border-white/15 bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        link: \"border-transparent bg-transparent\",\n        glass: \"border-white/15 bg-white/5 backdrop-blur-md\",\n        emerald: \"border-emerald-500/25 bg-emerald-950/20\",\n        indigo: \"border-indigo-500/25 bg-indigo-950/20\",\n        purple: \"border-purple-500/25 bg-purple-950/20\",\n        pink: \"border-pink-500/25 bg-pink-950/20\",\n        rose: \"border-rose-500/25 bg-rose-950/20\",\n        sky: \"border-sky-500/25 bg-sky-950/20\",\n        teal: \"border-teal-500/25 bg-teal-950/20\",\n        yellow: \"border-yellow-500/25 bg-yellow-950/20\",\n        orange: \"border-orange-500/25 bg-orange-950/20\",\n        gray: \"border-gray-500/25 bg-gray-950/20\",\n        amber: \"border-amber-500/25 bg-amber-950/20\",\n        violet: \"border-violet-500/25 bg-violet-950/20\",\n        \"gradient-blue\":\n          \"border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30\",\n        \"gradient-green\":\n          \"border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30\",\n        \"gradient-red\":\n          \"border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30\",\n        \"gradient-yellow\":\n          \"border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30\",\n        \"gradient-purple\":\n          \"border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30\",\n        \"gradient-teal\":\n          \"border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30\",\n        \"gradient-indigo\":\n          \"border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30\",\n        \"gradient-pink\":\n          \"border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30\",\n        \"gradient-orange\":\n          \"border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30\",\n      },\n      size: {\n        sm: \"gap-0.5\",\n        md: \"gap-1\",\n        lg: \"gap-1\",\n        xl: \"gap-1.5\",\n        \"2xl\": \"gap-1.5\",\n        \"3xl\": \"gap-2\",\n        \"4xl\": \"gap-2\",\n        \"5xl\": \"gap-2\",\n        \"6xl\": \"gap-2\",\n        \"7xl\": \"gap-2.5\",\n        \"8xl\": \"gap-2.5\",\n        \"9xl\": \"gap-2.5\",\n        \"10xl\": \"gap-3\",\n        icon: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const paginationEllipsisVariants = cva(\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n        xl: \"text-base\",\n        \"2xl\": \"text-lg\",\n        \"3xl\": \"text-lg\",\n        \"4xl\": \"text-xl\",\n        \"5xl\": \"text-xl\",\n        \"6xl\": \"text-xl\",\n        \"7xl\": \"text-2xl\",\n        \"8xl\": \"text-2xl\",\n        \"9xl\": \"text-2xl\",\n        \"10xl\": \"text-2xl\",\n        icon: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { forwardRef, 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 = forwardRef<HTMLElement, PaginationProps>(\n  function Pagination(\n    {\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      ...rest\n    },\n    ref,\n  ) {\n    const id = useId();\n    const listId = `${id}-list`;\n\n    const {\n      currentPage,\n      items,\n      setPage,\n      goPrev,\n      goNext,\n      canGoPrev,\n      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-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                    aria-hidden=\"true\"\n                    title={ellipsisLabel}\n                    className={paginationEllipsisVariants({ size })}\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);\n\nPagination.displayName = \"Pagination\";\n"]}
+{"version":3,"sources":["../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":["cva","forwardRef","Pagination","useId","usePagination","useCallback","cn","buttonVariants","jsx","clampPage","jsxs"],"mappings":"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","file":"pagination.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Layout and chrome for the page list cluster. Appearance and size keys align with\n * `components/ui/buttons/variants.ts` for consistent design-system tokens.\n */\nexport const paginationListVariants = cva(\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/[0.03]\",\n        secondary: \"border-white/10 bg-slate-900/40\",\n        destructive: \"border-rose-500/25 bg-rose-950/20\",\n        outline: \"border-white/15 bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        link: \"border-transparent bg-transparent\",\n        glass: \"border-white/15 bg-white/5 backdrop-blur-md\",\n        emerald: \"border-emerald-500/25 bg-emerald-950/20\",\n        indigo: \"border-indigo-500/25 bg-indigo-950/20\",\n        purple: \"border-purple-500/25 bg-purple-950/20\",\n        pink: \"border-pink-500/25 bg-pink-950/20\",\n        rose: \"border-rose-500/25 bg-rose-950/20\",\n        sky: \"border-sky-500/25 bg-sky-950/20\",\n        teal: \"border-teal-500/25 bg-teal-950/20\",\n        yellow: \"border-yellow-500/25 bg-yellow-950/20\",\n        orange: \"border-orange-500/25 bg-orange-950/20\",\n        gray: \"border-gray-500/25 bg-gray-950/20\",\n        amber: \"border-amber-500/25 bg-amber-950/20\",\n        violet: \"border-violet-500/25 bg-violet-950/20\",\n        \"gradient-blue\":\n          \"border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30\",\n        \"gradient-green\":\n          \"border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30\",\n        \"gradient-red\":\n          \"border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30\",\n        \"gradient-yellow\":\n          \"border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30\",\n        \"gradient-purple\":\n          \"border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30\",\n        \"gradient-teal\":\n          \"border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30\",\n        \"gradient-indigo\":\n          \"border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30\",\n        \"gradient-pink\":\n          \"border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30\",\n        \"gradient-orange\":\n          \"border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30\",\n      },\n      size: {\n        sm: \"gap-0.5\",\n        md: \"gap-1\",\n        lg: \"gap-1\",\n        xl: \"gap-1.5\",\n        \"2xl\": \"gap-1.5\",\n        \"3xl\": \"gap-2\",\n        \"4xl\": \"gap-2\",\n        \"5xl\": \"gap-2\",\n        \"6xl\": \"gap-2\",\n        \"7xl\": \"gap-2.5\",\n        \"8xl\": \"gap-2.5\",\n        \"9xl\": \"gap-2.5\",\n        \"10xl\": \"gap-3\",\n        icon: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const paginationEllipsisVariants = cva(\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n        xl: \"text-base\",\n        \"2xl\": \"text-lg\",\n        \"3xl\": \"text-lg\",\n        \"4xl\": \"text-xl\",\n        \"5xl\": \"text-xl\",\n        \"6xl\": \"text-xl\",\n        \"7xl\": \"text-2xl\",\n        \"8xl\": \"text-2xl\",\n        \"9xl\": \"text-2xl\",\n        \"10xl\": \"text-2xl\",\n        icon: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { forwardRef, 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 = forwardRef<HTMLElement, PaginationProps>(\n  function Pagination(\n    {\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      ...rest\n    },\n    ref,\n  ) {\n    const id = useId();\n    const listId = `${id}-list`;\n\n    const {\n      currentPage,\n      items,\n      setPage,\n      goPrev,\n      goNext,\n      canGoPrev,\n      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-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);\n\nPagination.displayName = \"Pagination\";\n"]}

package/dist/ui/pagination.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { usePagination } from '../chunk-TZ2JVWTZ.mjs';
 export { usePagination } from '../chunk-TZ2JVWTZ.mjs';
-import { buttonVariants } from '../chunk-BORK3BJO.mjs';
+import { buttonVariants } from '../chunk-J56L4ZQ3.mjs';
 import { cn, clampPage } from '../chunk-DFEZH7TC.mjs';
 import { forwardRef, useId, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
@@ -252,9 +252,9 @@ var Pagination = forwardRef(
                     "span",
                     {
                       "data-slot": "pagination-ellipsis",
-                      "aria-hidden": "true",
-                      title: ellipsisLabel,
                       className: paginationEllipsisVariants({ size }),
+                      role: "img",
+                      "aria-label": ellipsisLabel,
                       children: "\u2026"
                     }
                   ) : renderPageControl(item.value)

package/dist/ui/pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":["Pagination"],"mappings":";;;;;;;;AAMO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC,gFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,iCAAA;AAAA,QACT,SAAA,EAAW,iCAAA;AAAA,QACX,WAAA,EAAa,mCAAA;AAAA,QACb,OAAA,EAAS,gCAAA;AAAA,QACT,KAAA,EAAO,mCAAA;AAAA,QACP,IAAA,EAAM,mCAAA;AAAA,QACN,KAAA,EAAO,6CAAA;AAAA,QACP,OAAA,EAAS,yCAAA;AAAA,QACT,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,IAAA,EAAM,mCAAA;AAAA,QACN,IAAA,EAAM,mCAAA;AAAA,QACN,GAAA,EAAK,iCAAA;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,IAAA,EAAM,mCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,uCAAA;AAAA,QACR,eAAA,EACE,uEAAA;AAAA,QACF,gBAAA,EACE,sEAAA;AAAA,QACF,cAAA,EACE,oEAAA;AAAA,QACF,iBAAA,EACE,2EAAA;AAAA,QACF,iBAAA,EACE,uEAAA;AAAA,QACF,eAAA,EACE,qEAAA;AAAA,QACF,iBAAA,EACE,2EAAA;AAAA,QACF,eAAA,EACE,qEAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,OAAA;AAAA,QACP,KAAA,EAAO,OAAA;AAAA,QACP,KAAA,EAAO,OAAA;AAAA,QACP,KAAA,EAAO,OAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,iGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,MAAA,EAAQ,UAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAAK;AAElC;ACrFA,IAAM,gBAAA,GAAmB,eAAA;AACzB,IAAM,gBAAA,GAAmB,WAAA;AACzB,IAAM,oBAAA,GAAuB,YAAA;AAEtB,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,SAASA,WAAAA,CACP;AAAA,IACE,SAAA;AAAA,IACA,UAAA,GAAa,SAAA;AAAA,IACb,IAAA,GAAO,IAAA;AAAA,IACP,SAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA,GAAc,CAAA;AAAA,IACd,YAAA;AAAA,IACA,YAAA,GAAe,CAAA;AAAA,IACf,aAAA,GAAgB,CAAA;AAAA,IAChB,YAAA,GAAe,IAAA;AAAA,IACf,SAAA,GAAY,gBAAA;AAAA,IACZ,SAAA,GAAY,gBAAA;AAAA,IACZ,aAAA,GAAgB,oBAAA;AAAA,IAChB,WAAA;AAAA,IACA,cAAc,SAAA,GAAY,YAAA;AAAA,IAC1B,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,KAAK,KAAA,EAAM;AACjB,IAAA,MAAM,MAAA,GAAS,GAAG,EAAE,CAAA,KAAA,CAAA;AAEpB,IAAA,MAAM;AAAA,MACJ,WAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,QACE,aAAA,CAAc;AAAA,MAChB,SAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,MACpB,CAAC,KAAA,KAAsC;AACrC,QAAA,IAAI,aAAa,CAAA,EAAG;AAClB,UAAA;AAAA,QACF;AACA,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,YAAA,IAAgB,KAAA,CAAM,QAAQ,WAAA,EAAa;AAC3D,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,IAAI,SAAA,EAAW;AACb,YAAA,OAAA,CAAQ,cAAc,CAAC,CAAA;AAAA,UACzB;AAAA,QACF,WAAW,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC/D,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,IAAI,SAAA,EAAW;AACb,YAAA,OAAA,CAAQ,cAAc,CAAC,CAAA;AAAA,UACzB;AAAA,QACF,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,MAAA,EAAQ;AAC/B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACX,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,KAAA,EAAO;AAC9B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,OAAA,CAAQ,SAAS,CAAA;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,MACA,CAAC,SAAA,EAAW,SAAA,EAAW,WAAA,EAAa,WAAW,OAAO;AAAA,KACxD;AAEA,IAAA,IAAI,aAAa,CAAA,EAAG;AAClB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,oBAAA,GAAuB,EAAA;AAAA,MAC3B,cAAA,CAAe,EAAE,UAAA,EAAY,OAAA,EAAS,MAAM,CAAA;AAAA,MAC5C;AAAA,KACF;AAEA,IAAA,MAAM,mBAAA,GAAsB,cAAA,CAAe,EAAE,UAAA,EAAY,MAAM,CAAA;AAE/D,IAAA,MAAM,gBAAA,GACJ,8IAAA;AAEF,IAAA,MAAM,iBAAA,GAAoB,CAAC,UAAA,KAAuB;AAChD,MAAA,MAAM,YAAY,UAAA,KAAe,WAAA;AACjC,MAAA,MAAM,IAAA,GAAO,cAAc,UAAU,CAAA;AACrC,MAAA,MAAM,MAAA,GAAS,EAAA;AAAA,QACb,YAAY,mBAAA,GAAsB,oBAAA;AAAA,QAClC,yBAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,uBACE,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,oBAAA;AAAA,YACV,IAAA;AAAA,YACA,YAAA,EAAY,QAAQ,UAAU,CAAA,CAAA;AAAA,YAC9B,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,YACnC,SAAA,EAAW,MAAA;AAAA,YAEV,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,MAEJ;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,WAAA,EAAU,oBAAA;AAAA,UACV,YAAA,EAAY,QAAQ,UAAU,CAAA,CAAA;AAAA,UAC9B,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAW,MAAA;AAAA,UACX,SAAS,MAAM;AACb,YAAA,IAAI,CAAC,SAAA,EAAW;AACd,cAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,YACpB;AAAA,UACF,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ,CAAA;AAEA,IAAA,MAAM,WAAW,WAAA,GAAc,SAAA,CAAU,WAAA,GAAc,CAAA,EAAG,SAAS,CAAC,CAAA;AACpE,IAAA,MAAM,WAAW,WAAA,GAAc,SAAA,CAAU,WAAA,GAAc,CAAA,EAAG,SAAS,CAAC,CAAA;AAEpE,IAAA,MAAM,eAAA,GAAkB,EAAA;AAAA,MACtB,cAAA,CAAe,EAAE,UAAA,EAAY,SAAA,EAAW,MAAM,CAAA;AAAA,MAC9C;AAAA,KACF;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,YAAA;AAAA,QACV,YAAA,EAAY,SAAA;AAAA,QACZ,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,QACjC,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,YAAA,GACC,WAAA,IAAe,YAAY,SAAA,mBACzB,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,iBAAA;AAAA,cACV,YAAA,EAAY,SAAA;AAAA,cACZ,IAAA,EAAM,QAAA;AAAA,cACN,SAAA,EAAW,eAAA;AAAA,cACZ,QAAA,EAAA;AAAA;AAAA,WAED,mBAEA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,iBAAA;AAAA,cACV,YAAA,EAAY,SAAA;AAAA,cACZ,UAAU,CAAC,SAAA;AAAA,cACX,SAAA,EAAW,eAAA;AAAA,cACX,OAAA,EAAS,MAAA;AAAA,cACV,QAAA,EAAA;AAAA;AAAA,WAED,GAEA,IAAA;AAAA,0BAEJ,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,MAAA;AAAA,cACJ,WAAA,EAAU,iBAAA;AAAA,cACV,SAAA,EAAW,sBAAA,CAAuB,EAAE,UAAA,EAAY,MAAM,CAAA;AAAA,cAErD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBAEC,WAAA,EAAU,iBAAA;AAAA,kBACV,SAAA,EAAU,0BAAA;AAAA,kBAET,QAAA,EAAA,IAAA,CAAK,SAAS,UAAA,mBACb,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,WAAA,EAAU,qBAAA;AAAA,sBACV,aAAA,EAAY,MAAA;AAAA,sBACZ,KAAA,EAAO,aAAA;AAAA,sBACP,SAAA,EAAW,0BAAA,CAA2B,EAAE,IAAA,EAAM,CAAA;AAAA,sBAC/C,QAAA,EAAA;AAAA;AAAA,mBAED,GAEA,iBAAA,CAAkB,IAAA,CAAK,KAAK;AAAA,iBAAA;AAAA,gBAdzB,KAAK,IAAA,KAAS,MAAA,GAAS,QAAQ,IAAA,CAAK,KAAK,KAAK,IAAA,CAAK;AAAA,eAiB3D;AAAA;AAAA,WACH;AAAA,UAEC,YAAA,GACC,WAAA,IAAe,QAAA,IAAY,SAAA,mBACzB,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,iBAAA;AAAA,cACV,YAAA,EAAY,SAAA;AAAA,cACZ,IAAA,EAAM,QAAA;AAAA,cACN,SAAA,EAAW,eAAA;AAAA,cACZ,QAAA,EAAA;AAAA;AAAA,WAED,mBAEA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,iBAAA;AAAA,cACV,YAAA,EAAY,SAAA;AAAA,cACZ,UAAU,CAAC,SAAA;AAAA,cACX,SAAA,EAAW,eAAA;AAAA,cACX,OAAA,EAAS,MAAA;AAAA,cACV,QAAA,EAAA;AAAA;AAAA,WAED,GAEA;AAAA,SAAA,EACN;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"pagination.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Layout and chrome for the page list cluster. Appearance and size keys align with\n * `components/ui/buttons/variants.ts` for consistent design-system tokens.\n */\nexport const paginationListVariants = cva(\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/[0.03]\",\n        secondary: \"border-white/10 bg-slate-900/40\",\n        destructive: \"border-rose-500/25 bg-rose-950/20\",\n        outline: \"border-white/15 bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        link: \"border-transparent bg-transparent\",\n        glass: \"border-white/15 bg-white/5 backdrop-blur-md\",\n        emerald: \"border-emerald-500/25 bg-emerald-950/20\",\n        indigo: \"border-indigo-500/25 bg-indigo-950/20\",\n        purple: \"border-purple-500/25 bg-purple-950/20\",\n        pink: \"border-pink-500/25 bg-pink-950/20\",\n        rose: \"border-rose-500/25 bg-rose-950/20\",\n        sky: \"border-sky-500/25 bg-sky-950/20\",\n        teal: \"border-teal-500/25 bg-teal-950/20\",\n        yellow: \"border-yellow-500/25 bg-yellow-950/20\",\n        orange: \"border-orange-500/25 bg-orange-950/20\",\n        gray: \"border-gray-500/25 bg-gray-950/20\",\n        amber: \"border-amber-500/25 bg-amber-950/20\",\n        violet: \"border-violet-500/25 bg-violet-950/20\",\n        \"gradient-blue\":\n          \"border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30\",\n        \"gradient-green\":\n          \"border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30\",\n        \"gradient-red\":\n          \"border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30\",\n        \"gradient-yellow\":\n          \"border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30\",\n        \"gradient-purple\":\n          \"border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30\",\n        \"gradient-teal\":\n          \"border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30\",\n        \"gradient-indigo\":\n          \"border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30\",\n        \"gradient-pink\":\n          \"border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30\",\n        \"gradient-orange\":\n          \"border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30\",\n      },\n      size: {\n        sm: \"gap-0.5\",\n        md: \"gap-1\",\n        lg: \"gap-1\",\n        xl: \"gap-1.5\",\n        \"2xl\": \"gap-1.5\",\n        \"3xl\": \"gap-2\",\n        \"4xl\": \"gap-2\",\n        \"5xl\": \"gap-2\",\n        \"6xl\": \"gap-2\",\n        \"7xl\": \"gap-2.5\",\n        \"8xl\": \"gap-2.5\",\n        \"9xl\": \"gap-2.5\",\n        \"10xl\": \"gap-3\",\n        icon: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const paginationEllipsisVariants = cva(\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n        xl: \"text-base\",\n        \"2xl\": \"text-lg\",\n        \"3xl\": \"text-lg\",\n        \"4xl\": \"text-xl\",\n        \"5xl\": \"text-xl\",\n        \"6xl\": \"text-xl\",\n        \"7xl\": \"text-2xl\",\n        \"8xl\": \"text-2xl\",\n        \"9xl\": \"text-2xl\",\n        \"10xl\": \"text-2xl\",\n        icon: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { forwardRef, 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 = forwardRef<HTMLElement, PaginationProps>(\n  function Pagination(\n    {\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      ...rest\n    },\n    ref,\n  ) {\n    const id = useId();\n    const listId = `${id}-list`;\n\n    const {\n      currentPage,\n      items,\n      setPage,\n      goPrev,\n      goNext,\n      canGoPrev,\n      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-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                    aria-hidden=\"true\"\n                    title={ellipsisLabel}\n                    className={paginationEllipsisVariants({ size })}\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);\n\nPagination.displayName = \"Pagination\";\n"]}
+{"version":3,"sources":["../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":["Pagination"],"mappings":"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","file":"pagination.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Layout and chrome for the page list cluster. Appearance and size keys align with\n * `components/ui/buttons/variants.ts` for consistent design-system tokens.\n */\nexport const paginationListVariants = cva(\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/[0.03]\",\n        secondary: \"border-white/10 bg-slate-900/40\",\n        destructive: \"border-rose-500/25 bg-rose-950/20\",\n        outline: \"border-white/15 bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        link: \"border-transparent bg-transparent\",\n        glass: \"border-white/15 bg-white/5 backdrop-blur-md\",\n        emerald: \"border-emerald-500/25 bg-emerald-950/20\",\n        indigo: \"border-indigo-500/25 bg-indigo-950/20\",\n        purple: \"border-purple-500/25 bg-purple-950/20\",\n        pink: \"border-pink-500/25 bg-pink-950/20\",\n        rose: \"border-rose-500/25 bg-rose-950/20\",\n        sky: \"border-sky-500/25 bg-sky-950/20\",\n        teal: \"border-teal-500/25 bg-teal-950/20\",\n        yellow: \"border-yellow-500/25 bg-yellow-950/20\",\n        orange: \"border-orange-500/25 bg-orange-950/20\",\n        gray: \"border-gray-500/25 bg-gray-950/20\",\n        amber: \"border-amber-500/25 bg-amber-950/20\",\n        violet: \"border-violet-500/25 bg-violet-950/20\",\n        \"gradient-blue\":\n          \"border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30\",\n        \"gradient-green\":\n          \"border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30\",\n        \"gradient-red\":\n          \"border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30\",\n        \"gradient-yellow\":\n          \"border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30\",\n        \"gradient-purple\":\n          \"border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30\",\n        \"gradient-teal\":\n          \"border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30\",\n        \"gradient-indigo\":\n          \"border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30\",\n        \"gradient-pink\":\n          \"border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30\",\n        \"gradient-orange\":\n          \"border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30\",\n      },\n      size: {\n        sm: \"gap-0.5\",\n        md: \"gap-1\",\n        lg: \"gap-1\",\n        xl: \"gap-1.5\",\n        \"2xl\": \"gap-1.5\",\n        \"3xl\": \"gap-2\",\n        \"4xl\": \"gap-2\",\n        \"5xl\": \"gap-2\",\n        \"6xl\": \"gap-2\",\n        \"7xl\": \"gap-2.5\",\n        \"8xl\": \"gap-2.5\",\n        \"9xl\": \"gap-2.5\",\n        \"10xl\": \"gap-3\",\n        icon: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const paginationEllipsisVariants = cva(\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n        xl: \"text-base\",\n        \"2xl\": \"text-lg\",\n        \"3xl\": \"text-lg\",\n        \"4xl\": \"text-xl\",\n        \"5xl\": \"text-xl\",\n        \"6xl\": \"text-xl\",\n        \"7xl\": \"text-2xl\",\n        \"8xl\": \"text-2xl\",\n        \"9xl\": \"text-2xl\",\n        \"10xl\": \"text-2xl\",\n        icon: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { forwardRef, 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 = forwardRef<HTMLElement, PaginationProps>(\n  function Pagination(\n    {\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      ...rest\n    },\n    ref,\n  ) {\n    const id = useId();\n    const listId = `${id}-list`;\n\n    const {\n      currentPage,\n      items,\n      setPage,\n      goPrev,\n      goNext,\n      canGoPrev,\n      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-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);\n\nPagination.displayName = \"Pagination\";\n"]}

package/dist/ui/progress/animated/progress-animated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/progress/animated/progress-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAe,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAMlE,OAAO,EAEL,aAAa,EACb,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,UAAsB,EACtB,IAAW,EACX,KAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,KAAS,EACT,GAAO,EACP,GAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,EACH,SAAkB,EAClB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAiDvB;yBAjEe,gBAAgB;;;AAqEhC,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,2CA6BA;yBArCe,mBAAmB;;;AAyCnC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"progress-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/progress/animated/progress-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAe,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAMlE,OAAO,EAEL,aAAa,EACb,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,UAAsB,EACtB,IAAW,EACX,KAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,KAAS,EACT,GAAO,EACP,GAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,EACH,SAAkB,EAClB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAwFvB;yBAxGe,gBAAgB;;;AA4GhC,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,2CA6BA;yBArCe,mBAAmB;;;AAyCnC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/ui/progress/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkP5HUBXUX_js = require('../../chunk-P5HUBXUX.js');
+var chunkV2IWLR4O_js = require('../../chunk-V2IWLR4O.js');
 var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
 var react = require('react');
 var framerMotion = require('framer-motion');
@@ -34,6 +34,31 @@ function ProgressAnimated({
 }) {
   const clamped = chunkUOZYPWDZ_js.clamp(value, min, max);
   const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const labelSlotId = `${react.useId()}-progress-label`;
+  const labelSlotCountRef = react.useRef(0);
+  const [labelSlotMounted, setLabelSlotMounted] = react.useState(false);
+  const registerProgressLabel = react.useCallback(() => {
+    labelSlotCountRef.current += 1;
+    if (labelSlotCountRef.current === 1) {
+      setLabelSlotMounted(true);
+    }
+    return () => {
+      labelSlotCountRef.current -= 1;
+      if (labelSlotCountRef.current === 0) {
+        setLabelSlotMounted(false);
+      }
+    };
+  }, []);
+  const hasInlineLabelProp = Boolean(label?.trim().length);
+  const labelingProps = react.useMemo(() => {
+    if (hasInlineLabelProp) {
+      return { "aria-label": label?.trim() ?? "Progress" };
+    }
+    if (labelSlotMounted) {
+      return { "aria-labelledby": labelSlotId };
+    }
+    return { "aria-label": "Progress" };
+  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);
   const ctx = react.useMemo(
     () => ({
       value: clamped,
@@ -43,12 +68,25 @@ function ProgressAnimated({
       shape: shape ?? "rounded",
       striped: Boolean(striped),
       animated: Boolean(animated),
-      appearance: appearance ?? "default"
+      appearance: appearance ?? "default",
+      labelSlotId,
+      registerProgressLabel
     }),
-    [animated, appearance, clamped, max, min, shape, size, striped]
+    [
+      animated,
+      appearance,
+      clamped,
+      labelSlotId,
+      max,
+      min,
+      registerProgressLabel,
+      shape,
+      size,
+      striped
+    ]
   );
   const motionProps = progressAnimationPresets[animation];
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkP5HUBXUX_js.ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkV2IWLR4O_js.ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.div,
     {
       ref,
@@ -57,10 +95,10 @@ function ProgressAnimated({
       "aria-valuemin": min,
       "aria-valuemax": max,
       "aria-valuenow": clamped,
-      "aria-label": label,
       "aria-busy": busy ? true : void 0,
+      ...labelingProps,
       className: chunkUOZYPWDZ_js.cn(
-        chunkP5HUBXUX_js.progressVariants({ appearance, size, shape, striped, animated }),
+        chunkV2IWLR4O_js.progressVariants({ appearance, size, shape, striped, animated }),
         className
       ),
       initial: animation === "none" ? false : void 0,
@@ -82,18 +120,18 @@ function ProgressBarAnimated({
   ref,
   ...rest
 }) {
-  const { size, shape, striped, animated } = chunkP5HUBXUX_js.useProgressContext("ProgressBar");
+  const { size, shape, striped, animated } = chunkV2IWLR4O_js.useProgressContext("ProgressBar");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "progress-track",
-      className: chunkUOZYPWDZ_js.cn(chunkP5HUBXUX_js.progressTrackVariants({ size, shape }), "text-current"),
+      className: chunkUOZYPWDZ_js.cn(chunkV2IWLR4O_js.progressTrackVariants({ size, shape }), "text-current"),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
           ref,
           "data-slot": "progress-bar",
-          className: chunkUOZYPWDZ_js.cn(chunkP5HUBXUX_js.progressBarVariants({ striped }), className),
+          className: chunkUOZYPWDZ_js.cn(chunkV2IWLR4O_js.progressBarVariants({ striped }), className),
           style: {
             transformOrigin: "left center",
             ...style
@@ -110,11 +148,11 @@ ProgressBarAnimated.displayName = "ProgressBar";
 
 Object.defineProperty(exports, "ProgressLabel", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.ProgressLabel; }
+  get: function () { return chunkV2IWLR4O_js.ProgressLabel; }
 });
 Object.defineProperty(exports, "ProgressValue", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.ProgressValue; }
+  get: function () { return chunkV2IWLR4O_js.ProgressValue; }
 });
 exports.ProgressAnimated = ProgressAnimated;
 exports.ProgressBarAnimated = ProgressBarAnimated;

package/dist/ui/progress/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/progress/animated/animations.ts","../../../src/ui/progress/animated/progress-animated.tsx"],"names":["clamp","useMemo","jsx","ProgressContext","motion","cn","progressVariants","Fragment","useProgressContext","progressTrackVariants","progressBarVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import { ProgressAnimationPresets } from \"./types\";\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressAnimatedProps } from \"./types\";\nimport type { ProgressCtx, ProgressSectionProps } from \"../types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"../variants\";\nimport {\n  ProgressContext,\n  ProgressLabel,\n  ProgressValue,\n  useProgressContext,\n} from \"../progress-base\";\n\nexport function ProgressAnimated({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  shape = \"rounded\",\n  striped = false,\n  animated = false,\n  value = 0,\n  min = 0,\n  max = 100,\n  label,\n  children,\n  ref,\n  animation = \"none\",\n  busy,\n  ...rest\n}: ProgressAnimatedProps) {\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo<ProgressCtx>(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n    }),\n    [animated, appearance, clamped, max, min, shape, size, striped],\n  );\n\n  const motionProps = progressAnimationPresets[animation];\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-label={label}\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBarAnimated\n              style={{ transform: `scaleX(${percent / 100})` }}\n            />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressAnimated.displayName = \"Progress\";\n\nexport function ProgressBarAnimated({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } =\n    useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBarAnimated.displayName = \"ProgressBar\";\n\nexport { ProgressLabel, ProgressValue };\n"]}
+{"version":3,"sources":["../../../src/ui/progress/animated/animations.ts","../../../src/ui/progress/animated/progress-animated.tsx"],"names":["clamp","useId","useRef","useState","useCallback","useMemo","jsx","ProgressContext","motion","cn","progressVariants","Fragment","useProgressContext","progressTrackVariants","progressBarVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import { ProgressAnimationPresets } from \"./types\";\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","\"use client\";\n\nimport { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressAnimatedProps } from \"./types\";\nimport type { ProgressCtx, ProgressSectionProps } from \"../types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"../variants\";\nimport {\n  ProgressContext,\n  ProgressLabel,\n  ProgressValue,\n  useProgressContext,\n} from \"../progress-base\";\n\nexport function ProgressAnimated({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  shape = \"rounded\",\n  striped = false,\n  animated = false,\n  value = 0,\n  min = 0,\n  max = 100,\n  label,\n  children,\n  ref,\n  animation = \"none\",\n  busy,\n  ...rest\n}: ProgressAnimatedProps) {\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo<ProgressCtx>(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  const motionProps = progressAnimationPresets[animation];\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-busy={busy ? true : undefined}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBarAnimated\n              style={{ transform: `scaleX(${percent / 100})` }}\n            />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressAnimated.displayName = \"Progress\";\n\nexport function ProgressBarAnimated({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } =\n    useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBarAnimated.displayName = \"ProgressBar\";\n\nexport { ProgressLabel, ProgressValue };\n"]}

package/dist/ui/progress/animated.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { ProgressContext, progressVariants, useProgressContext, progressBarVariants, progressTrackVariants } from '../../chunk-RDSPHBHK.mjs';
-export { ProgressLabel, ProgressValue } from '../../chunk-RDSPHBHK.mjs';
+import { ProgressContext, progressVariants, useProgressContext, progressBarVariants, progressTrackVariants } from '../../chunk-4ANBTJ5G.mjs';
+export { ProgressLabel, ProgressValue } from '../../chunk-4ANBTJ5G.mjs';
 import { clamp, cn } from '../../chunk-DFEZH7TC.mjs';
-import { useMemo } from 'react';
+import { useId, useRef, useState, useCallback, useMemo } from 'react';
 import { motion } from 'framer-motion';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
@@ -33,6 +33,31 @@ function ProgressAnimated({
 }) {
   const clamped = clamp(value, min, max);
   const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const labelSlotId = `${useId()}-progress-label`;
+  const labelSlotCountRef = useRef(0);
+  const [labelSlotMounted, setLabelSlotMounted] = useState(false);
+  const registerProgressLabel = useCallback(() => {
+    labelSlotCountRef.current += 1;
+    if (labelSlotCountRef.current === 1) {
+      setLabelSlotMounted(true);
+    }
+    return () => {
+      labelSlotCountRef.current -= 1;
+      if (labelSlotCountRef.current === 0) {
+        setLabelSlotMounted(false);
+      }
+    };
+  }, []);
+  const hasInlineLabelProp = Boolean(label?.trim().length);
+  const labelingProps = useMemo(() => {
+    if (hasInlineLabelProp) {
+      return { "aria-label": label?.trim() ?? "Progress" };
+    }
+    if (labelSlotMounted) {
+      return { "aria-labelledby": labelSlotId };
+    }
+    return { "aria-label": "Progress" };
+  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);
   const ctx = useMemo(
     () => ({
       value: clamped,
@@ -42,9 +67,22 @@ function ProgressAnimated({
       shape: shape ?? "rounded",
       striped: Boolean(striped),
       animated: Boolean(animated),
-      appearance: appearance ?? "default"
+      appearance: appearance ?? "default",
+      labelSlotId,
+      registerProgressLabel
     }),
-    [animated, appearance, clamped, max, min, shape, size, striped]
+    [
+      animated,
+      appearance,
+      clamped,
+      labelSlotId,
+      max,
+      min,
+      registerProgressLabel,
+      shape,
+      size,
+      striped
+    ]
   );
   const motionProps = progressAnimationPresets[animation];
   return /* @__PURE__ */ jsx(ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
@@ -56,8 +94,8 @@ function ProgressAnimated({
       "aria-valuemin": min,
       "aria-valuemax": max,
       "aria-valuenow": clamped,
-      "aria-label": label,
       "aria-busy": busy ? true : void 0,
+      ...labelingProps,
       className: cn(
         progressVariants({ appearance, size, shape, striped, animated }),
         className

package/dist/ui/progress/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/progress/animated/animations.ts","../../../src/ui/progress/animated/progress-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { ProgressAnimationPresets } from \"./types\";\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressAnimatedProps } from \"./types\";\nimport type { ProgressCtx, ProgressSectionProps } from \"../types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"../variants\";\nimport {\n  ProgressContext,\n  ProgressLabel,\n  ProgressValue,\n  useProgressContext,\n} from \"../progress-base\";\n\nexport function ProgressAnimated({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  shape = \"rounded\",\n  striped = false,\n  animated = false,\n  value = 0,\n  min = 0,\n  max = 100,\n  label,\n  children,\n  ref,\n  animation = \"none\",\n  busy,\n  ...rest\n}: ProgressAnimatedProps) {\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo<ProgressCtx>(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n    }),\n    [animated, appearance, clamped, max, min, shape, size, striped],\n  );\n\n  const motionProps = progressAnimationPresets[animation];\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-label={label}\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBarAnimated\n              style={{ transform: `scaleX(${percent / 100})` }}\n            />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressAnimated.displayName = \"Progress\";\n\nexport function ProgressBarAnimated({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } =\n    useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBarAnimated.displayName = \"ProgressBar\";\n\nexport { ProgressLabel, ProgressValue };\n"]}
+{"version":3,"sources":["../../../src/ui/progress/animated/animations.ts","../../../src/ui/progress/animated/progress-animated.tsx"],"names":[],"mappings":";;;;;;;;AAEO,IAAM,wBAAA,GAAqD;AAAA,EAChE,MAAM,EAAC;AAAA,EACP,OAAA,EAAS;AAAA,IACP,SAAS,EAAE,kBAAA,EAAoB,CAAC,OAAA,EAAS,SAAS,CAAA,EAAE;AAAA,IACpD,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,GAAA,EAAK,MAAM,QAAA;AAAS;AAElE;ACcO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA,GAAY,MAAA;AAAA,EACZ,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,KAAA,EAAO,GAAA,EAAK,GAAG,CAAA;AACrC,EAAA,MAAM,UAAU,GAAA,KAAQ,GAAA,GAAM,KAAM,OAAA,GAAU,GAAA,KAAQ,MAAM,GAAA,CAAA,GAAQ,GAAA;AACpE,EAAA,MAAM,WAAA,GAAc,CAAA,EAAG,KAAA,EAAO,CAAA,eAAA,CAAA;AAC9B,EAAA,MAAM,iBAAA,GAAoB,OAAO,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9D,EAAA,MAAM,qBAAA,GAAwB,YAAY,MAAM;AAC9C,IAAA,iBAAA,CAAkB,OAAA,IAAW,CAAA;AAC7B,IAAA,IAAI,iBAAA,CAAkB,YAAY,CAAA,EAAG;AACnC,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,IAC1B;AACA,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,CAAkB,OAAA,IAAW,CAAA;AAC7B,MAAA,IAAI,iBAAA,CAAkB,YAAY,CAAA,EAAG;AACnC,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,kBAAA,GAAqB,OAAA,CAAQ,KAAA,EAAO,IAAA,GAAO,MAAM,CAAA;AAEvD,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,OAAO,EAAE,YAAA,EAAc,KAAA,EAAO,IAAA,MAAU,UAAA,EAAW;AAAA,IACrD;AACA,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,OAAO,EAAE,mBAAmB,WAAA,EAAY;AAAA,IAC1C;AACA,IAAA,OAAO,EAAE,cAAc,UAAA,EAAW;AAAA,EACpC,GAAG,CAAC,kBAAA,EAAoB,KAAA,EAAO,WAAA,EAAa,gBAAgB,CAAC,CAAA;AAE7D,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,OAAO;AAAA,MACL,KAAA,EAAO,OAAA;AAAA,MACP,GAAA;AAAA,MACA,GAAA;AAAA,MACA,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,OAAO,KAAA,IAAS,SAAA;AAAA,MAChB,OAAA,EAAS,QAAQ,OAAO,CAAA;AAAA,MACxB,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAAA,MAC1B,YAAY,UAAA,IAAc,SAAA;AAAA,MAC1B,WAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,qBAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,WAAA,GAAc,yBAAyB,SAAS,CAAA;AAEtD,EAAA,uBACE,GAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OAAO,GAAA,EAC/B,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAK,aAAA;AAAA,MACL,eAAA,EAAe,GAAA;AAAA,MACf,eAAA,EAAe,GAAA;AAAA,MACf,eAAA,EAAe,OAAA;AAAA,MACf,WAAA,EAAW,OAAO,IAAA,GAAO,MAAA;AAAA,MACxB,GAAG,aAAA;AAAA,MACJ,SAAA,EAAW,EAAA;AAAA,QACT,iBAAiB,EAAE,UAAA,EAAY,MAAM,KAAA,EAAO,OAAA,EAAS,UAAU,CAAA;AAAA,QAC/D;AAAA,OACF;AAAA,MACA,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH,sCACC,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,SAAA,EAAW,CAAA,OAAA,EAAU,OAAA,GAAU,GAAG,CAAA,CAAA,CAAA;AAAI;AAAA,OACjD,EACF;AAAA;AAAA,GAEJ,EACF,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,UAAA;AAExB,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,QAAA,EAAS,GACrC,mBAAmB,aAAa,CAAA;AAElC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,GAAG,qBAAA,CAAsB,EAAE,MAAM,KAAA,EAAO,GAAG,cAAc,CAAA;AAAA,MAEpE,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UACC,GAAA;AAAA,UACA,WAAA,EAAU,cAAA;AAAA,UACV,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,UACzD,KAAA,EAAO;AAAA,YACL,eAAA,EAAiB,aAAA;AAAA,YACjB,GAAG;AAAA,WACL;AAAA,UACA,OAAA,EACE,QAAA,GAAW,EAAE,CAAA,EAAG,CAAC,MAAA,EAAQ,IAAI,CAAA,EAAG,OAAA,EAAS,CAAC,IAAA,EAAM,CAAC,GAAE,GAAI,MAAA;AAAA,UAEzD,UAAA,EACE,WACI,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,GAAA,EAAK,IAAA,EAAM,WAAA,EAAY,GACrD,MAAA;AAAA,UAEL,GAAG;AAAA;AAAA;AACN;AAAA,GACF;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,aAAA","file":"animated.mjs","sourcesContent":["import { ProgressAnimationPresets } from \"./types\";\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","\"use client\";\n\nimport { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressAnimatedProps } from \"./types\";\nimport type { ProgressCtx, ProgressSectionProps } from \"../types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"../variants\";\nimport {\n  ProgressContext,\n  ProgressLabel,\n  ProgressValue,\n  useProgressContext,\n} from \"../progress-base\";\n\nexport function ProgressAnimated({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  shape = \"rounded\",\n  striped = false,\n  animated = false,\n  value = 0,\n  min = 0,\n  max = 100,\n  label,\n  children,\n  ref,\n  animation = \"none\",\n  busy,\n  ...rest\n}: ProgressAnimatedProps) {\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo<ProgressCtx>(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  const motionProps = progressAnimationPresets[animation];\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-busy={busy ? true : undefined}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBarAnimated\n              style={{ transform: `scaleX(${percent / 100})` }}\n            />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressAnimated.displayName = \"Progress\";\n\nexport function ProgressBarAnimated({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } =\n    useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBarAnimated.displayName = \"ProgressBar\";\n\nexport { ProgressLabel, ProgressValue };\n"]}

package/dist/ui/progress/progress-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-base.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/progress-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOhF,eAAO,MAAM,eAAe,6CAA0C,CAAC;AAEvE,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAMjE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,2CA0DhD;yBA1De,YAAY;;;AA8D5B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,GAAG,EACH,EAAE,EAAC,OAAe,EAClB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,2CAwBA;yBAjCe,WAAW;;;AAqC3B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAS1E;yBATe,aAAa;;;AAa7B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAa1E;yBAbe,aAAa"}
+{"version":3,"file":"progress-base.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/progress-base.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOhF,eAAO,MAAM,eAAe,6CAA0C,CAAC;AAEvE,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAMjE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,2CAiGhD;yBAjGe,YAAY;;;AAqG5B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,GAAG,EACH,EAAE,EAAC,OAAe,EAClB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,2CAwBA;yBAjCe,WAAW;;;AAqC3B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAiB1E;yBAjBe,aAAa;;;AAqB7B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAa1E;yBAbe,aAAa"}

package/dist/ui/progress/types.d.ts

@@ -24,5 +24,8 @@ export type ProgressCtx = {
     striped: boolean;
     animated: boolean;
     appearance: NonNullable<ProgressProps["appearance"]>;
+    labelSlotId: string;
+    /** Increments the label mount count; returned cleanup decrements. Multiple labels are supported. */
+    registerProgressLabel: () => () => void;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/ui/progress/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAC9C,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC,CAAC;AAEL,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;CACtD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAC9C,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC,CAAC;AAEL,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,oGAAoG;IACpG,qBAAqB,EAAE,MAAM,MAAM,IAAI,CAAC;CACzC,CAAC"}

package/dist/ui/progress.js

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunkP5HUBXUX_js = require('../chunk-P5HUBXUX.js');
+var chunkV2IWLR4O_js = require('../chunk-V2IWLR4O.js');
 require('../chunk-UOZYPWDZ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Progress = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkP5HUBXUX_js.ProgressBase,
+    chunkV2IWLR4O_js.ProgressBase,
     {
       ...props
     }
@@ -17,31 +17,31 @@ Progress.displayName = "Progress";
 
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.ProgressBar; }
+  get: function () { return chunkV2IWLR4O_js.ProgressBar; }
 });
 Object.defineProperty(exports, "ProgressBase", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.ProgressBase; }
+  get: function () { return chunkV2IWLR4O_js.ProgressBase; }
 });
 Object.defineProperty(exports, "ProgressLabel", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.ProgressLabel; }
+  get: function () { return chunkV2IWLR4O_js.ProgressLabel; }
 });
 Object.defineProperty(exports, "ProgressValue", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.ProgressValue; }
+  get: function () { return chunkV2IWLR4O_js.ProgressValue; }
 });
 Object.defineProperty(exports, "progressBarVariants", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.progressBarVariants; }
+  get: function () { return chunkV2IWLR4O_js.progressBarVariants; }
 });
 Object.defineProperty(exports, "progressTrackVariants", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.progressTrackVariants; }
+  get: function () { return chunkV2IWLR4O_js.progressTrackVariants; }
 });
 Object.defineProperty(exports, "progressVariants", {
   enumerable: true,
-  get: function () { return chunkP5HUBXUX_js.progressVariants; }
+  get: function () { return chunkV2IWLR4O_js.progressVariants; }
 });
 exports.Progress = Progress;
 //# sourceMappingURL=progress.js.map