@zentauri-ui/zentauri-components 0.0.91 → 0.0.92

package/dist/ui/{pagination.cjs → pagination.mjs}

@@ -1,109 +1,14 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use client";
 
-// src/ui/pagination/index.ts
-var pagination_exports = {};
-__export(pagination_exports, {
-  Pagination: () => Pagination,
-  buildPaginationItems: () => buildPaginationItems,
-  clampPage: () => clampPage,
-  paginationEllipsisVariants: () => paginationEllipsisVariants,
-  paginationListVariants: () => paginationListVariants,
-  usePagination: () => usePagination
-});
-module.exports = __toCommonJS(pagination_exports);
+import {
+  buttonVariants
+} from "../chunk-VJHD7QZH.mjs";
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
 
 // src/ui/pagination/pagination.tsx
-var import_react2 = require("react");
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/ui/buttons/variants.ts
-var import_class_variance_authority = require("class-variance-authority");
-var buttonVariants = (0, import_class_variance_authority.cva)(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
-    "text-sm font-medium ring-offset-slate-950 transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "select-none"
-  ],
-  {
-    variants: {
-      appearance: {
-        default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
-        secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
-        destructive: "bg-rose-600 text-white hover:bg-rose-600",
-        outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
-        ghost: "bg-transparent text-slate-200 hover:bg-white/5",
-        link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
-        glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
-        emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
-        indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
-        purple: "bg-purple-600 text-white hover:bg-purple-600",
-        pink: "bg-pink-600 text-white hover:bg-pink-600",
-        rose: "bg-rose-600 text-white hover:bg-rose-600",
-        sky: "bg-sky-600 text-white hover:bg-sky-600",
-        teal: "bg-teal-600 text-white hover:bg-teal-600",
-        yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
-        orange: "bg-orange-600 text-white hover:bg-orange-600",
-        gray: "bg-gray-600 text-white hover:bg-gray-600",
-        amber: "bg-amber-600 text-white hover:bg-amber-600",
-        violet: "bg-violet-600 text-white hover:bg-violet-600",
-        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
-        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
-        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
-        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
-        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
-        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
-        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
-        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
-        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
-      },
-      size: {
-        sm: "h-7 md:h-9 px-3 text-xs",
-        md: "h-9 md:h-11 px-4",
-        lg: "h-10 md:h-12 px-5 text-base",
-        xl: "h-12 md:h-14 px-6 text-lg",
-        "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
-        "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
-        "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
-        "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
-        "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
-        "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
-        "8xl": "h-26 md:h-28 px-20 text-2xl",
-        "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
-        "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      appearance: "default",
-      size: "md"
-    }
-  }
-);
+import { forwardRef, useCallback as useCallback2, useId } from "react";
 
 // src/ui/pagination/pagination-logic.ts
 function buildPaginationItems({
@@ -163,7 +68,7 @@ function range(from, to) {
 }
 
 // src/ui/pagination/use-pagination.ts
-var import_react = require("react");
+import { useCallback, useMemo, useState } from "react";
 function usePagination({
   pageCount,
   page,
@@ -172,7 +77,7 @@ function usePagination({
   boundaryCount = 1,
   onPageChange
 }) {
-  const [internalPage, setInternalPage] = (0, import_react.useState)(
+  const [internalPage, setInternalPage] = useState(
     () => clampPage(defaultPage, pageCount)
   );
   const isControlled = page !== void 0;
@@ -180,7 +85,7 @@ function usePagination({
     isControlled ? page : internalPage,
     pageCount
   );
-  const setPage = (0, import_react.useCallback)(
+  const setPage = useCallback(
     (next) => {
       const clamped = clampPage(next, pageCount);
       if (!isControlled) {
@@ -190,7 +95,7 @@ function usePagination({
     },
     [isControlled, onPageChange, pageCount]
   );
-  const items = (0, import_react.useMemo)(
+  const items = useMemo(
     () => buildPaginationItems({
       pageCount,
       currentPage,
@@ -201,12 +106,12 @@ function usePagination({
   );
   const canGoPrev = pageCount > 0 && currentPage > 1;
   const canGoNext = pageCount > 0 && currentPage < pageCount;
-  const goPrev = (0, import_react.useCallback)(() => {
+  const goPrev = useCallback(() => {
     if (canGoPrev) {
       setPage(currentPage - 1);
     }
   }, [canGoPrev, currentPage, setPage]);
-  const goNext = (0, import_react.useCallback)(() => {
+  const goNext = useCallback(() => {
     if (canGoNext) {
       setPage(currentPage + 1);
     }
@@ -224,8 +129,8 @@ function usePagination({
 }
 
 // src/ui/pagination/variants.ts
-var import_class_variance_authority2 = require("class-variance-authority");
-var paginationListVariants = (0, import_class_variance_authority2.cva)(
+import { cva } from "class-variance-authority";
+var paginationListVariants = cva(
   "inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950",
   {
     variants: {
@@ -282,7 +187,7 @@ var paginationListVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var paginationEllipsisVariants = (0, import_class_variance_authority2.cva)(
+var paginationEllipsisVariants = cva(
   "inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400",
   {
     variants: {
@@ -308,11 +213,11 @@ var paginationEllipsisVariants = (0, import_class_variance_authority2.cva)(
 );
 
 // src/ui/pagination/pagination.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+import { jsx, jsxs } from "react/jsx-runtime";
 var defaultPrevLabel = "Previous page";
 var defaultNextLabel = "Next page";
 var defaultEllipsisLabel = "More pages";
-var Pagination = (0, import_react2.forwardRef)(
+var Pagination = forwardRef(
   function Pagination2({
     className,
     appearance = "default",
@@ -331,7 +236,7 @@ var Pagination = (0, import_react2.forwardRef)(
     "aria-label": ariaLabel = "Pagination",
     ...rest
   }, ref) {
-    const id = (0, import_react2.useId)();
+    const id = useId();
     const listId = `${id}-list`;
     const {
       currentPage,
@@ -349,7 +254,7 @@ var Pagination = (0, import_react2.forwardRef)(
       boundaryCount,
       onPageChange
     });
-    const handleKeyDown = (0, import_react2.useCallback)(
+    const handleKeyDown = useCallback2(
       (event) => {
         if (pageCount <= 0) {
           return;
@@ -392,7 +297,7 @@ var Pagination = (0, import_react2.forwardRef)(
         triggerFocusRing
       );
       if (href) {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        return /* @__PURE__ */ jsx(
           "a",
           {
             "data-slot": "pagination-trigger",
@@ -404,7 +309,7 @@ var Pagination = (0, import_react2.forwardRef)(
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -427,7 +332,7 @@ var Pagination = (0, import_react2.forwardRef)(
       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__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ jsx(
       "nav",
       {
         ref,
@@ -436,8 +341,8 @@ var Pagination = (0, import_react2.forwardRef)(
         className: cn("w-full", className),
         onKeyDown: handleKeyDown,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-          showPrevNext ? getPageHref && prevHref && canGoPrev ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          showPrevNext ? getPageHref && prevHref && canGoPrev ? /* @__PURE__ */ jsx(
             "a",
             {
               "data-slot": "pagination-prev",
@@ -446,7 +351,7 @@ var Pagination = (0, import_react2.forwardRef)(
               className: navTriggerClass,
               children: "Prev"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          ) : /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -458,18 +363,18 @@ var Pagination = (0, import_react2.forwardRef)(
               children: "Prev"
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ jsx(
             "ul",
             {
               id: listId,
               "data-slot": "pagination-list",
               className: paginationListVariants({ appearance, size }),
-              children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              children: items.map((item) => /* @__PURE__ */ jsx(
                 "li",
                 {
                   "data-slot": "pagination-item",
                   className: "inline-flex items-center",
-                  children: item.type === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  children: item.type === "ellipsis" ? /* @__PURE__ */ jsx(
                     "span",
                     {
                       "data-slot": "pagination-ellipsis",
@@ -484,7 +389,7 @@ var Pagination = (0, import_react2.forwardRef)(
               ))
             }
           ),
-          showPrevNext ? getPageHref && nextHref && canGoNext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          showPrevNext ? getPageHref && nextHref && canGoNext ? /* @__PURE__ */ jsx(
             "a",
             {
               "data-slot": "pagination-next",
@@ -493,7 +398,7 @@ var Pagination = (0, import_react2.forwardRef)(
               className: navTriggerClass,
               children: "Next"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          ) : /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -511,13 +416,12 @@ var Pagination = (0, import_react2.forwardRef)(
   }
 );
 Pagination.displayName = "Pagination";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Pagination,
   buildPaginationItems,
   clampPage,
   paginationEllipsisVariants,
   paginationListVariants,
   usePagination
-});
-//# sourceMappingURL=pagination.cjs.map
+};
+//# sourceMappingURL=pagination.mjs.map

package/dist/ui/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/pagination/pagination.tsx","../../src/ui/pagination/pagination-logic.ts","../../src/ui/pagination/use-pagination.ts","../../src/ui/pagination/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport { clampPage } from \"./pagination-logic\";\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"./use-pagination\";\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","export type PaginationPageItem =\n  | { type: \"page\"; value: number }\n  | { type: \"ellipsis\"; key: string };\n\nexport type BuildPaginationItemsParams = {\n  pageCount: number;\n  currentPage: number;\n  siblingCount: number;\n  boundaryCount: number;\n};\n\n/**\n * Builds the ordered list of page numbers and ellipsis markers for a pagination control.\n *\n * Args:\n *   pageCount: Total number of pages (must be >= 0).\n *   currentPage: Active page index (1-based).\n *   siblingCount: How many page buttons to show on each side of the current page.\n *   boundaryCount: How many pages to pin at the start and end of the range.\n *\n * Returns:\n *   A list of items suitable for rendering, e.g. [1, ellipsis, 4,5,6, ellipsis, 20].\n */\nexport function buildPaginationItems({\n  pageCount,\n  currentPage,\n  siblingCount,\n  boundaryCount,\n}: BuildPaginationItemsParams): PaginationPageItem[] {\n  if (pageCount <= 0) {\n    return [];\n  }\n\n  const safeBoundary = Math.max(1, boundaryCount);\n  const safeSibling = Math.max(0, siblingCount);\n  const current = clampPage(currentPage, pageCount);\n\n  const totalNumbers =\n    safeBoundary * 2 + safeSibling * 2 + 1;\n  if (pageCount <= totalNumbers) {\n    return range(1, pageCount).map((value) => ({ type: \"page\", value }));\n  }\n\n  const leftBoundaryEnd = safeBoundary;\n  const rightBoundaryStart = pageCount - safeBoundary + 1;\n\n  const siblingsStart = Math.max(current - safeSibling, leftBoundaryEnd + 1);\n  const siblingsEnd = Math.min(current + safeSibling, rightBoundaryStart - 1);\n\n  const pages = new Set<number>();\n  for (let p = 1; p <= leftBoundaryEnd; p += 1) {\n    pages.add(p);\n  }\n  for (let p = rightBoundaryStart; p <= pageCount; p += 1) {\n    pages.add(p);\n  }\n  for (let p = siblingsStart; p <= siblingsEnd; p += 1) {\n    pages.add(p);\n  }\n\n  const sorted = [...pages].sort((a, b) => a - b);\n  const items: PaginationPageItem[] = [];\n\n  for (let i = 0; i < sorted.length; i += 1) {\n    const value = sorted[i];\n    const prev = sorted[i - 1];\n    if (i > 0 && prev !== undefined && value && value - prev > 1) {\n      items.push({ type: \"ellipsis\", key: `gap-${prev}-${value}` });\n    }\n    items.push({ type: \"page\", value: value as number });\n  }\n\n  return items;\n}\n\nexport function clampPage(page: number, pageCount: number): number {\n  if (pageCount <= 0) {\n    return 1;\n  }\n  return Math.min(pageCount, Math.max(1, Math.floor(page)));\n}\n\nfunction range(from: number, to: number): number[] {\n  const out: number[] = [];\n  for (let i = from; i <= to; i += 1) {\n    out.push(i);\n  }\n  return out;\n}\n","\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\n\nimport type { UsePaginationParams, UsePaginationResult } from \"./types\";\nimport { buildPaginationItems, clampPage } from \"./pagination-logic\";\n\nexport function usePagination({\n  pageCount,\n  page,\n  defaultPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  onPageChange,\n}: UsePaginationParams): UsePaginationResult {\n  const [internalPage, setInternalPage] = useState(() =>\n    clampPage(defaultPage, pageCount),\n  );\n\n  const isControlled = page !== undefined;\n  const currentPage = clampPage(\n    isControlled ? page : internalPage,\n    pageCount,\n  );\n\n  const setPage = useCallback(\n    (next: number) => {\n      const clamped = clampPage(next, pageCount);\n      if (!isControlled) {\n        setInternalPage(clamped);\n      }\n      onPageChange?.(clamped);\n    },\n    [isControlled, onPageChange, pageCount],\n  );\n\n  const items = useMemo(\n    () =>\n      buildPaginationItems({\n        pageCount,\n        currentPage,\n        siblingCount,\n        boundaryCount,\n      }),\n    [boundaryCount, currentPage, pageCount, siblingCount],\n  );\n\n  const canGoPrev = pageCount > 0 && currentPage > 1;\n  const canGoNext = pageCount > 0 && currentPage < pageCount;\n\n  const goPrev = useCallback(() => {\n    if (canGoPrev) {\n      setPage(currentPage - 1);\n    }\n  }, [canGoPrev, currentPage, setPage]);\n\n  const goNext = useCallback(() => {\n    if (canGoNext) {\n      setPage(currentPage + 1);\n    }\n  }, [canGoNext, currentPage, setPage]);\n\n  return {\n    currentPage,\n    pageCount,\n    items,\n    setPage,\n    goPrev,\n    goNext,\n    canGoPrev,\n    canGoNext,\n  };\n}\n","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\": \"border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30\",\n        \"gradient-green\": \"border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30\",\n        \"gradient-red\": \"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\": \"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\": \"border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30\",\n        \"gradient-orange\": \"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"],"mappings":"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","names":["useCallback","Pagination","useCallback"]}

package/dist/ui/{progress.d.cts → progress.d.mts}

@@ -5,15 +5,15 @@ import { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const progressVariants: (props?: ({
-    appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "glass" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    shape?: "flat" | "pill" | "rounded" | null | undefined;
+    appearance?: "default" | "secondary" | "destructive" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "outline" | "ghost" | "glass" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
     striped?: boolean | null | undefined;
     animated?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressTrackVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    shape?: "flat" | "pill" | "rounded" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarVariants: (props?: ({
     striped?: boolean | null | undefined;

package/dist/ui/progress.d.ts

@@ -5,15 +5,15 @@ import { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const progressVariants: (props?: ({
-    appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "glass" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    shape?: "flat" | "pill" | "rounded" | null | undefined;
+    appearance?: "default" | "secondary" | "destructive" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "outline" | "ghost" | "glass" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
     striped?: boolean | null | undefined;
     animated?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressTrackVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    shape?: "flat" | "pill" | "rounded" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarVariants: (props?: ({
     striped?: boolean | null | undefined;

package/dist/ui/progress.js

@@ -1,16 +1,10 @@
-"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
 
 // src/ui/progress/progress.tsx
-import { createContext, useContext, useMemo } from "react";
-import { motion } from "framer-motion";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+var _react = require('react');
+var _framermotion = require('framer-motion');
 
 // src/ui/progress/animations.ts
 var progressAnimationPresets = {
@@ -22,8 +16,8 @@ var progressAnimationPresets = {
 };
 
 // src/ui/progress/variants.ts
-import { cva } from "class-variance-authority";
-var progressVariants = cva("w-full text-slate-50", {
+var _classvarianceauthority = require('class-variance-authority');
+var progressVariants = _classvarianceauthority.cva.call(void 0, "w-full text-slate-50", {
   variants: {
     appearance: {
       default: "[--progress-fill:theme(colors.slate.50)]",
@@ -80,7 +74,7 @@ var progressVariants = cva("w-full text-slate-50", {
     animated: false
   }
 });
-var progressTrackVariants = cva("relative w-full overflow-hidden bg-white/10", {
+var progressTrackVariants = _classvarianceauthority.cva.call(void 0, "relative w-full overflow-hidden bg-white/10", {
   variants: {
     size: {
       xs: "h-1",
@@ -100,7 +94,7 @@ var progressTrackVariants = cva("relative w-full overflow-hidden bg-white/10", {
     shape: "rounded"
   }
 });
-var progressBarVariants = cva(
+var progressBarVariants = _classvarianceauthority.cva.call(void 0, 
   "h-full w-full origin-left rounded-[inherit]",
   {
     variants: {
@@ -114,10 +108,10 @@ var progressBarVariants = cva(
 );
 
 // src/ui/progress/progress.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-var ProgressContext = createContext(null);
+var _jsxruntime = require('react/jsx-runtime');
+var ProgressContext = _react.createContext.call(void 0, null);
 function useProgressContext(component) {
-  const ctx = useContext(ProgressContext);
+  const ctx = _react.useContext.call(void 0, ProgressContext);
   if (!ctx) {
     throw new Error(`${component} must be used within <Progress>`);
   }
@@ -146,21 +140,21 @@ function Progress(props) {
   const motionProps = progressAnimationPresets[animation];
   const clamped = clamp(value, min, max);
   const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
-  const ctx = useMemo(
+  const ctx = _react.useMemo.call(void 0, 
     () => ({
       value: clamped,
       min,
       max,
-      size: size ?? "md",
-      shape: shape ?? "rounded",
+      size: _nullishCoalesce(size, () => ( "md")),
+      shape: _nullishCoalesce(shape, () => ( "rounded")),
       striped: Boolean(striped),
       animated: Boolean(animated),
-      appearance: appearance ?? "default"
+      appearance: _nullishCoalesce(appearance, () => ( "default"))
     }),
     [animated, appearance, clamped, max, min, shape, size, striped]
   );
-  return /* @__PURE__ */ jsx(ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    motion.div,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _framermotion.motion.div,
     {
       ref,
       "data-slot": "progress",
@@ -169,14 +163,14 @@ function Progress(props) {
       "aria-valuemax": max,
       "aria-valuenow": clamped,
       "aria-label": label,
-      className: cn(
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
         progressVariants({ appearance, size, shape, striped, animated }),
         className
       ),
       initial: false,
       ...motionProps,
       ...rest,
-      children: children ?? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ProgressBar, { style: { transform: `scaleX(${percent / 100})` } }) })
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressBar, { style: { transform: `scaleX(${percent / 100})` } }) })))
     }
   ) });
 }
@@ -188,17 +182,17 @@ function ProgressBar({
   ...rest
 }) {
   const { size, shape, striped, animated } = useProgressContext("ProgressBar");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       "data-slot": "progress-track",
-      className: cn(progressTrackVariants({ size, shape }), "text-current"),
-      children: /* @__PURE__ */ jsx(
-        motion.div,
+      className: _chunkE5UX537Jjs.cn.call(void 0, progressTrackVariants({ size, shape }), "text-current"),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _framermotion.motion.div,
         {
           ref,
           "data-slot": "progress-bar",
-          className: cn(progressBarVariants({ striped }), className),
+          className: _chunkE5UX537Jjs.cn.call(void 0, progressBarVariants({ striped }), className),
           style: {
             transformOrigin: "left center",
             ...style
@@ -213,25 +207,25 @@ function ProgressBar({
 }
 ProgressBar.displayName = "ProgressBar";
 function ProgressLabel({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "progress-label", className: cn("mb-2 font-medium text-slate-200", className), children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "progress-label", className: _chunkE5UX537Jjs.cn.call(void 0, "mb-2 font-medium text-slate-200", className), children });
 }
 ProgressLabel.displayName = "ProgressLabel";
 function ProgressValue({ className, children }) {
   const { value, min, max } = useProgressContext("ProgressValue");
   const range = max - min;
   const pct = range === 0 ? 0 : Math.round((value - min) / range * 100);
-  const content = children ?? `${pct}%`;
-  return /* @__PURE__ */ jsx("div", { "data-slot": "progress-value", className: cn("mt-2 text-right text-slate-400", className), children: content });
+  const content = _nullishCoalesce(children, () => ( `${pct}%`));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "progress-value", className: _chunkE5UX537Jjs.cn.call(void 0, "mt-2 text-right text-slate-400", className), children: content });
 }
 ProgressValue.displayName = "ProgressValue";
-export {
-  Progress,
-  ProgressBar,
-  ProgressLabel,
-  ProgressValue,
-  progressAnimationPresets,
-  progressBarVariants,
-  progressTrackVariants,
-  progressVariants
-};
+
+
+
+
+
+
+
+
+
+exports.Progress = Progress; exports.ProgressBar = ProgressBar; exports.ProgressLabel = ProgressLabel; exports.ProgressValue = ProgressValue; exports.progressAnimationPresets = progressAnimationPresets; exports.progressBarVariants = progressBarVariants; exports.progressTrackVariants = progressTrackVariants; exports.progressVariants = progressVariants;
 //# sourceMappingURL=progress.js.map

package/dist/ui/progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/progress/progress.tsx","../../src/lib/utils.ts","../../src/ui/progress/animations.ts","../../src/ui/progress/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressProps, ProgressSectionProps } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\ntype ProgressCtx = {\n  value: number;\n  min: number;\n  max: number;\n  size: NonNullable<ProgressProps[\"size\"]>;\n  shape: NonNullable<ProgressProps[\"shape\"]>;\n  striped: boolean;\n  animated: boolean;\n  appearance: NonNullable<ProgressProps[\"appearance\"]>;\n};\n\nconst ProgressContext = createContext<ProgressCtx | null>(null);\n\nfunction useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nexport function Progress(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    animation = \"none\",\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = progressAnimationPresets[animation];\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo(\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  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        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & { style?: React.CSSProperties; ref?: React.Ref<HTMLDivElement> }) {\n  const { size, shape, striped, animated } = 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\n            ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] }\n            : 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\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  return (\n    <div data-slot=\"progress-label\" className={cn(\"mb-2 font-medium text-slate-200\", className)}>\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div data-slot=\"progress-value\" className={cn(\"mt-2 text-right text-slate-400\", className)}>\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { ProgressAnimation } from \"./types\";\n\ntype ProgressPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"transition\" | \"animate\"\n>;\n\nexport type ProgressAnimationPresets = Record<\n  ProgressAnimation,\n  ProgressPresetMotionProps\n>;\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","import { cva } from \"class-variance-authority\";\n\nexport const progressVariants = cva(\"w-full text-slate-50\", {\n  variants: {\n    appearance: {\n      default: \"[--progress-fill:theme(colors.slate.50)]\",\n      secondary: \"[--progress-fill:theme(colors.slate.300)]\",\n      destructive: \"[--progress-fill:theme(colors.rose.400)]\",\n      emerald: \"[--progress-fill:theme(colors.emerald.400)]\",\n      indigo: \"[--progress-fill:theme(colors.indigo.400)]\",\n      purple: \"[--progress-fill:theme(colors.purple.400)]\",\n      pink: \"[--progress-fill:theme(colors.pink.400)]\",\n      rose: \"[--progress-fill:theme(colors.rose.400)]\",\n      sky: \"[--progress-fill:theme(colors.sky.400)]\",\n      teal: \"[--progress-fill:theme(colors.teal.400)]\",\n      yellow: \"[--progress-fill:theme(colors.yellow.400)]\",\n      orange: \"[--progress-fill:theme(colors.orange.400)]\",\n      outline: \"[--progress-fill:theme(colors.cyan.300)]\",\n      ghost: \"[--progress-fill:theme(colors.slate.200)]\",\n      glass: \"[--progress-fill:theme(colors.white)]\",\n      \"gradient-blue\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]\",\n      \"gradient-green\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]\",\n      \"gradient-red\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]\",\n      \"gradient-yellow\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]\",\n      \"gradient-purple\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]\",\n      \"gradient-teal\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]\",\n      \"gradient-indigo\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]\",\n      \"gradient-pink\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]\",\n      \"gradient-orange\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]\",\n    },\n    size: {\n      xs: \"text-[0.65rem]\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n    striped: {\n      true: \"\",\n      false: \"\",\n    },\n    animated: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(\"relative w-full overflow-hidden bg-white/10\", {\n  variants: {\n    size: {\n      xs: \"h-1\",\n      sm: \"h-1.5\",\n      md: \"h-2\",\n      lg: \"h-3\",\n      xl: \"h-4\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(\n  \"h-full w-full origin-left rounded-[inherit]\",\n  {\n    variants: {\n      striped: {\n        true: \"bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]\",\n        false: \"[background:var(--progress-fill)]\",\n      },\n    },\n    defaultVariants: { striped: false },\n  },\n);\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/progress.js"],"names":[],"mappings":"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I,gBAAgB,EAAE,kCAAa,IAAK,CAAC;AACzC,SAAS,kBAAkB,CAAC,SAAS,EAAE;AACvC,EAAE,MAAM,IAAI,EAAE,+BAAU,eAAgB,CAAC;AACzC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/progress.js","sourcesContent":[null]}