@particle-academy/react-fancy 5.23.0 → 5.24.0

package/dist/{chunk-VW6WUXFR.cjs → chunk-6QVJY3RM.cjs}

@@ -103,7 +103,10 @@ var Progress = react.forwardRef(
     color = "blue",
     indeterminate = false,
     showValue = false,
-    className
+    className,
+    trackClassName,
+    fillClassName,
+    ...rest
   }, ref) => {
     const named = typeof size === "number" ? "md" : size;
     const percentage = Math.min(100, Math.max(0, value / max * 100));
@@ -118,6 +121,7 @@ var Progress = react.forwardRef(
         "div",
         {
           ref,
+          ...rest,
           role: "progressbar",
           "aria-valuenow": indeterminate ? void 0 : value,
           "aria-valuemin": 0,
@@ -146,7 +150,7 @@ var Progress = react.forwardRef(
                       r: radius,
                       fill: "none",
                       strokeWidth,
-                      className: "stroke-zinc-200 dark:stroke-zinc-700"
+                      className: chunkZU5Q77OT_cjs.cn("stroke-zinc-200 dark:stroke-zinc-700", trackClassName)
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -160,7 +164,11 @@ var Progress = react.forwardRef(
                       strokeLinecap: "round",
                       strokeDasharray: circumference,
                       strokeDashoffset: offset,
-                      className: chunkZU5Q77OT_cjs.cn(progressStroke[color], "transition-[stroke-dashoffset] duration-300"),
+                      className: chunkZU5Q77OT_cjs.cn(
+                        progressStroke[color],
+                        "transition-[stroke-dashoffset] duration-300",
+                        fillClassName
+                      ),
                       style: { transform: "rotate(-90deg)", transformOrigin: "center" }
                     }
                   )
@@ -189,6 +197,7 @@ var Progress = react.forwardRef(
       "div",
       {
         ref,
+        ...rest,
         role: "progressbar",
         "aria-valuenow": indeterminate ? void 0 : value,
         "aria-valuemin": 0,
@@ -201,7 +210,8 @@ var Progress = react.forwardRef(
             {
               className: chunkZU5Q77OT_cjs.cn(
                 "w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700",
-                barHeightClasses[named]
+                barHeightClasses[named],
+                trackClassName
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
@@ -209,7 +219,8 @@ var Progress = react.forwardRef(
                   className: chunkZU5Q77OT_cjs.cn(
                     "h-full rounded-full transition-[width] duration-300",
                     progressFill[color],
-                    indeterminate && "animate-pulse w-full"
+                    indeterminate && "animate-pulse w-full",
+                    fillClassName
                   ),
                   style: indeterminate ? void 0 : { width: `${percentage}%` }
                 }
@@ -237,5 +248,5 @@ var Progress = react.forwardRef(
 Progress.displayName = "Progress";
 
 exports.Progress = Progress;
-//# sourceMappingURL=chunk-VW6WUXFR.cjs.map
-//# sourceMappingURL=chunk-VW6WUXFR.cjs.map
+//# sourceMappingURL=chunk-6QVJY3RM.cjs.map
+//# sourceMappingURL=chunk-6QVJY3RM.cjs.map

package/dist/chunk-6QVJY3RM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.colors.ts","../src/components/Progress/Progress.tsx"],"names":["forwardRef","jsxs","cn","jsx"],"mappings":"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","file":"chunk-6QVJY3RM.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-progress-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const progressFill: Record<Color, string> = {\n  slate: \"bg-slate-500 dark:bg-slate-400\",\n  gray: \"bg-gray-500 dark:bg-gray-400\",\n  zinc: \"bg-zinc-500 dark:bg-zinc-400\",\n  neutral: \"bg-neutral-500 dark:bg-neutral-400\",\n  stone: \"bg-stone-500 dark:bg-stone-400\",\n  red: \"bg-red-500 dark:bg-red-400\",\n  orange: \"bg-orange-500 dark:bg-orange-400\",\n  amber: \"bg-amber-500 dark:bg-amber-400\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-400\",\n  lime: \"bg-lime-500 dark:bg-lime-400\",\n  green: \"bg-green-500 dark:bg-green-400\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-400\",\n  teal: \"bg-teal-500 dark:bg-teal-400\",\n  cyan: \"bg-cyan-500 dark:bg-cyan-400\",\n  sky: \"bg-sky-500 dark:bg-sky-400\",\n  blue: \"bg-blue-500 dark:bg-blue-400\",\n  indigo: \"bg-indigo-500 dark:bg-indigo-400\",\n  violet: \"bg-violet-500 dark:bg-violet-400\",\n  purple: \"bg-purple-500 dark:bg-purple-400\",\n  fuchsia: \"bg-fuchsia-500 dark:bg-fuchsia-400\",\n  pink: \"bg-pink-500 dark:bg-pink-400\",\n  rose: \"bg-rose-500 dark:bg-rose-400\",\n};\n\nexport const progressStroke: Record<Color, string> = {\n  slate: \"stroke-slate-500 dark:stroke-slate-400\",\n  gray: \"stroke-gray-500 dark:stroke-gray-400\",\n  zinc: \"stroke-zinc-500 dark:stroke-zinc-400\",\n  neutral: \"stroke-neutral-500 dark:stroke-neutral-400\",\n  stone: \"stroke-stone-500 dark:stroke-stone-400\",\n  red: \"stroke-red-500 dark:stroke-red-400\",\n  orange: \"stroke-orange-500 dark:stroke-orange-400\",\n  amber: \"stroke-amber-500 dark:stroke-amber-400\",\n  yellow: \"stroke-yellow-500 dark:stroke-yellow-400\",\n  lime: \"stroke-lime-500 dark:stroke-lime-400\",\n  green: \"stroke-green-500 dark:stroke-green-400\",\n  emerald: \"stroke-emerald-500 dark:stroke-emerald-400\",\n  teal: \"stroke-teal-500 dark:stroke-teal-400\",\n  cyan: \"stroke-cyan-500 dark:stroke-cyan-400\",\n  sky: \"stroke-sky-500 dark:stroke-sky-400\",\n  blue: \"stroke-blue-500 dark:stroke-blue-400\",\n  indigo: \"stroke-indigo-500 dark:stroke-indigo-400\",\n  violet: \"stroke-violet-500 dark:stroke-violet-400\",\n  purple: \"stroke-purple-500 dark:stroke-purple-400\",\n  fuchsia: \"stroke-fuchsia-500 dark:stroke-fuchsia-400\",\n  pink: \"stroke-pink-500 dark:stroke-pink-400\",\n  rose: \"stroke-rose-500 dark:stroke-rose-400\",\n};\n\nexport const progressText: Record<Color, string> = {\n  slate: \"text-slate-600 dark:text-slate-400\",\n  gray: \"text-gray-600 dark:text-gray-400\",\n  zinc: \"text-zinc-600 dark:text-zinc-400\",\n  neutral: \"text-neutral-600 dark:text-neutral-400\",\n  stone: \"text-stone-600 dark:text-stone-400\",\n  red: \"text-red-600 dark:text-red-400\",\n  orange: \"text-orange-600 dark:text-orange-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  yellow: \"text-yellow-600 dark:text-yellow-400\",\n  lime: \"text-lime-600 dark:text-lime-400\",\n  green: \"text-green-600 dark:text-green-400\",\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  teal: \"text-teal-600 dark:text-teal-400\",\n  cyan: \"text-cyan-600 dark:text-cyan-400\",\n  sky: \"text-sky-600 dark:text-sky-400\",\n  blue: \"text-blue-600 dark:text-blue-400\",\n  indigo: \"text-indigo-600 dark:text-indigo-400\",\n  violet: \"text-violet-600 dark:text-violet-400\",\n  purple: \"text-purple-600 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-600 dark:text-fuchsia-400\",\n  pink: \"text-pink-600 dark:text-pink-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { progressFill, progressStroke, progressText } from \"./Progress.colors\";\n\ntype NamedSize = \"sm\" | \"md\" | \"lg\";\n\nconst barHeightClasses: Record<NamedSize, string> = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\nconst circularSizeMap: Record<NamedSize, number> = {\n  sm: 32,\n  md: 48,\n  lg: 64,\n};\n\nconst namedStrokeWidth: Record<NamedSize, number> = { sm: 3, md: 4, lg: 5 };\n\nconst textSizeClasses: Record<NamedSize, string> = {\n  sm: \"text-[8px]\",\n  md: \"text-[10px]\",\n  lg: \"text-xs\",\n};\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = 0,\n      max = 100,\n      variant = \"bar\",\n      size = \"md\",\n      strokeWidth: strokeWidthProp,\n      color = \"blue\",\n      indeterminate = false,\n      showValue = false,\n      className,\n      trackClassName,\n      fillClassName,\n      ...rest\n    },\n    ref,\n  ) => {\n    // Class lookups need a named key; a pixel size sizes the ring itself and\n    // leaves the type/bar scales on their default.\n    const named: NamedSize = typeof size === \"number\" ? \"md\" : size;\n\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    if (variant === \"circular\") {\n      const pixelSize = typeof size === \"number\" ? size : null;\n      const diameter = pixelSize ?? circularSizeMap[named];\n      // Scale with the circle when not told otherwise: a 5px stroke on a 152px\n      // ring reads as a hairline, so a fixed default makes large sizes look\n      // broken out of the box. The named scale keeps its exact old values.\n      const strokeWidth =\n        strokeWidthProp ??\n        (pixelSize === null ? namedStrokeWidth[named] : Math.max(3, Math.round(diameter * 0.075)));\n      const radius = (diameter - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = indeterminate ? circumference * 0.75 : circumference - (percentage / 100) * circumference;\n\n      return (\n        <div\n          ref={ref}\n          {...rest}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          data-react-fancy-progress=\"\"\n          // The named diameters live in styles.css keyed off this, so they work\n          // without the consumer's Tailwind generating anything — and, being\n          // layered, a className utility still beats them.\n          data-size={pixelSize === null ? named : undefined}\n          className={cn(\n            \"relative inline-flex items-center justify-center\",\n            className,\n          )}\n          style={pixelSize === null ? undefined : { width: pixelSize, height: pixelSize }}\n        >\n          <svg\n            // viewBox + 100% so the geometry follows the box instead of being\n            // baked in: the ring now scales with whatever sizes the wrapper,\n            // including a `className` override of the named scale.\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width=\"100%\"\n            height=\"100%\"\n            className={cn(indeterminate && \"animate-spin\")}\n          >\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              className={cn(\"stroke-zinc-200 dark:stroke-zinc-700\", trackClassName)}\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              className={cn(\n                progressStroke[color],\n                \"transition-[stroke-dashoffset] duration-300\",\n                fillClassName,\n              )}\n              style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n            />\n          </svg>\n          {showValue && !indeterminate && (\n            <span\n              className={cn(\n                \"absolute font-medium\",\n                progressText[color],\n                textSizeClasses[named],\n              )}\n            >\n              {Math.round(percentage)}%\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        data-react-fancy-progress=\"\"\n        className={cn(\"relative w-full\", className)}\n      >\n        <div\n          className={cn(\n            \"w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\",\n            barHeightClasses[named],\n            trackClassName,\n          )}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-300\",\n              progressFill[color],\n              indeterminate && \"animate-pulse w-full\",\n              fillClassName,\n            )}\n            style={indeterminate ? undefined : { width: `${percentage}%` }}\n          />\n        </div>\n        {showValue && !indeterminate && (\n          <span\n            className={cn(\n              \"mt-1 block text-right text-xs font-medium\",\n              progressText[color],\n            )}\n          >\n            {Math.round(percentage)}%\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n"]}

package/dist/{chunk-7TGJFNZM.cjs → chunk-OOZCJLEF.cjs}

@@ -4,11 +4,7 @@ var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var GAP = {
-  sm: { className: "gap-3", length: "0.75rem" },
-  md: { className: "gap-6", length: "1.5rem" },
-  lg: { className: "gap-10", length: "2.5rem" }
-};
+var GAP = { sm: "0.75rem", md: "1.5rem", lg: "2.5rem" };
 var MIN_TRACK = "16rem";
 var Grid = react.forwardRef(
   ({ children, cols = 3, gap = "md", responsive = true, className, style, ...props }, ref) => {
@@ -20,11 +16,14 @@ var Grid = react.forwardRef(
         ...props,
         "data-react-fancy-grid": "",
         "data-responsive": responsive ? "true" : "false",
-        className: chunkZU5Q77OT_cjs.cn("grid", GAP[gap].className, className),
+        className: chunkZU5Q77OT_cjs.cn("grid", className),
         style: {
           ...style,
           ["--fancy-grid-cols"]: String(cols),
-          ["--fancy-grid-gap"]: GAP[gap].length,
+          ["--fancy-grid-gap"]: GAP[gap],
+          // Read back rather than inlined, so overriding the property in CSS
+          // moves the gutter AND the arithmetic together.
+          gap: "var(--fancy-grid-gap)",
           gridTemplateColumns: responsive ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))` : "repeat(var(--fancy-grid-cols), minmax(0, 1fr))"
         },
         children
@@ -35,5 +34,5 @@ var Grid = react.forwardRef(
 Grid.displayName = "Grid";
 
 exports.Grid = Grid;
-//# sourceMappingURL=chunk-7TGJFNZM.cjs.map
-//# sourceMappingURL=chunk-7TGJFNZM.cjs.map
+//# sourceMappingURL=chunk-OOZCJLEF.cjs.map
+//# sourceMappingURL=chunk-OOZCJLEF.cjs.map

package/dist/chunk-OOZCJLEF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAeA,IAAM,MAAM,EAAE,EAAA,EAAI,WAAW,EAAA,EAAI,QAAA,EAAU,IAAI,QAAA,EAAS;AAGxD,IAAM,SAAA,GAAY,OAAA;AA8BX,IAAM,IAAA,GAAOA,gBAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAI1F,IAAA,MAAM,GAAA,GACJ,8FAAA;AAEF,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,SAAA,EAAWC,oBAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,QAC/B,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,CAAC,kBAA4B,GAAG,GAAA,CAAI,GAAG,CAAA;AAAA;AAAA;AAAA,UAGvC,GAAA,EAAK,uBAAA;AAAA,UACL,qBAAqB,UAAA,GACjB,CAAA,sCAAA,EAAyC,SAAS,CAAA,EAAA,EAAK,GAAG,CAAA,SAAA,CAAA,GAC1D;AAAA,SACN;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-OOZCJLEF.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\n/**\n * Gutter lengths. The grid applies these ITSELF rather than through a Tailwind\n * `gap-*` class, because the column cap has to divide by the gap that is\n * actually in effect — and a class is a value the component does not control.\n *\n * 5.23.0 kept the class and hard-coded the matching length beside it. In the\n * showcase those two disagreed by 2px, which was enough: with the real gutter\n * wider than the arithmetic assumed, N tracks plus N-1 gaps overflowed the row\n * and `auto-fit` dropped to N-1. A 3-up grid rendered 2-up, and nothing was\n * wrong with either value on its own.\n */\nconst GAP = { sm: \"0.75rem\", md: \"1.5rem\", lg: \"2.5rem\" } as const;\n\n/** Narrowest a column may get before the grid drops one. */\nconst MIN_TRACK = \"16rem\";\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n *\n * ## `cols` is a CEILING, not a fixed count\n *\n * The responsive template reads `--fancy-grid-cols`, so `cols` means \"this many\n * at most, fewer when narrow\". Until 5.23.0 it meant nothing at all while\n * `responsive` was on: the template was a fixed `repeat(auto-fit, minmax(min(\n * 100%, 16rem), 1fr))`, so a grid asked for 2 and a grid asked for 5 rendered\n * the same track list, and the only way to get a real column count was\n * `responsive={false}` — which then had no breakpoints at all. The property this\n * doc comment has always advertised was set and never read.\n *\n * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`\n * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.\n * An off-by-one that looks like a design decision.\n *\n * Which is why the grid sets its own `gap` from `--fancy-grid-gap` instead of a\n * Tailwind `gap-*` class: the cap must divide by the gutter actually in effect,\n * and a class is a value this component does not control. Override the property\n * to change the gutter — that moves the spacing and the arithmetic together.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    // The largest a track may be: an even share of the row once the gutters are\n    // paid for. `max()` against MIN_TRACK keeps the collapse; `min()` against\n    // 100% stops a single column overflowing a narrow viewport.\n    const cap =\n      \"calc((100% - (var(--fancy-grid-cols) - 1) * var(--fancy-grid-gap)) / var(--fancy-grid-cols))\";\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          [\"--fancy-grid-gap\" as string]: GAP[gap],\n          // Read back rather than inlined, so overriding the property in CSS\n          // moves the gutter AND the arithmetic together.\n          gap: \"var(--fancy-grid-gap)\",\n          gridTemplateColumns: responsive\n            ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))`\n            : \"repeat(var(--fancy-grid-cols), minmax(0, 1fr))\",\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/{chunk-4VVC46ZZ.js → chunk-TM3RTWKI.js}

@@ -2,11 +2,7 @@ import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var GAP = {
-  sm: { className: "gap-3", length: "0.75rem" },
-  md: { className: "gap-6", length: "1.5rem" },
-  lg: { className: "gap-10", length: "2.5rem" }
-};
+var GAP = { sm: "0.75rem", md: "1.5rem", lg: "2.5rem" };
 var MIN_TRACK = "16rem";
 var Grid = forwardRef(
   ({ children, cols = 3, gap = "md", responsive = true, className, style, ...props }, ref) => {
@@ -18,11 +14,14 @@ var Grid = forwardRef(
         ...props,
         "data-react-fancy-grid": "",
         "data-responsive": responsive ? "true" : "false",
-        className: cn("grid", GAP[gap].className, className),
+        className: cn("grid", className),
         style: {
           ...style,
           ["--fancy-grid-cols"]: String(cols),
-          ["--fancy-grid-gap"]: GAP[gap].length,
+          ["--fancy-grid-gap"]: GAP[gap],
+          // Read back rather than inlined, so overriding the property in CSS
+          // moves the gutter AND the arithmetic together.
+          gap: "var(--fancy-grid-gap)",
           gridTemplateColumns: responsive ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))` : "repeat(var(--fancy-grid-cols), minmax(0, 1fr))"
         },
         children
@@ -33,5 +32,5 @@ var Grid = forwardRef(
 Grid.displayName = "Grid";
 
 export { Grid };
-//# sourceMappingURL=chunk-4VVC46ZZ.js.map
-//# sourceMappingURL=chunk-4VVC46ZZ.js.map
+//# sourceMappingURL=chunk-TM3RTWKI.js.map
+//# sourceMappingURL=chunk-TM3RTWKI.js.map

package/dist/chunk-TM3RTWKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAeA,IAAM,MAAM,EAAE,EAAA,EAAI,WAAW,EAAA,EAAI,QAAA,EAAU,IAAI,QAAA,EAAS;AAGxD,IAAM,SAAA,GAAY,OAAA;AA8BX,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAI1F,IAAA,MAAM,GAAA,GACJ,8FAAA;AAEF,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,QAC/B,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,CAAC,kBAA4B,GAAG,GAAA,CAAI,GAAG,CAAA;AAAA;AAAA;AAAA,UAGvC,GAAA,EAAK,uBAAA;AAAA,UACL,qBAAqB,UAAA,GACjB,CAAA,sCAAA,EAAyC,SAAS,CAAA,EAAA,EAAK,GAAG,CAAA,SAAA,CAAA,GAC1D;AAAA,SACN;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-TM3RTWKI.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\n/**\n * Gutter lengths. The grid applies these ITSELF rather than through a Tailwind\n * `gap-*` class, because the column cap has to divide by the gap that is\n * actually in effect — and a class is a value the component does not control.\n *\n * 5.23.0 kept the class and hard-coded the matching length beside it. In the\n * showcase those two disagreed by 2px, which was enough: with the real gutter\n * wider than the arithmetic assumed, N tracks plus N-1 gaps overflowed the row\n * and `auto-fit` dropped to N-1. A 3-up grid rendered 2-up, and nothing was\n * wrong with either value on its own.\n */\nconst GAP = { sm: \"0.75rem\", md: \"1.5rem\", lg: \"2.5rem\" } as const;\n\n/** Narrowest a column may get before the grid drops one. */\nconst MIN_TRACK = \"16rem\";\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n *\n * ## `cols` is a CEILING, not a fixed count\n *\n * The responsive template reads `--fancy-grid-cols`, so `cols` means \"this many\n * at most, fewer when narrow\". Until 5.23.0 it meant nothing at all while\n * `responsive` was on: the template was a fixed `repeat(auto-fit, minmax(min(\n * 100%, 16rem), 1fr))`, so a grid asked for 2 and a grid asked for 5 rendered\n * the same track list, and the only way to get a real column count was\n * `responsive={false}` — which then had no breakpoints at all. The property this\n * doc comment has always advertised was set and never read.\n *\n * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`\n * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.\n * An off-by-one that looks like a design decision.\n *\n * Which is why the grid sets its own `gap` from `--fancy-grid-gap` instead of a\n * Tailwind `gap-*` class: the cap must divide by the gutter actually in effect,\n * and a class is a value this component does not control. Override the property\n * to change the gutter — that moves the spacing and the arithmetic together.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    // The largest a track may be: an even share of the row once the gutters are\n    // paid for. `max()` against MIN_TRACK keeps the collapse; `min()` against\n    // 100% stops a single column overflowing a narrow viewport.\n    const cap =\n      \"calc((100% - (var(--fancy-grid-cols) - 1) * var(--fancy-grid-gap)) / var(--fancy-grid-cols))\";\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          [\"--fancy-grid-gap\" as string]: GAP[gap],\n          // Read back rather than inlined, so overriding the property in CSS\n          // moves the gutter AND the arithmetic together.\n          gap: \"var(--fancy-grid-gap)\",\n          gridTemplateColumns: responsive\n            ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))`\n            : \"repeat(var(--fancy-grid-cols), minmax(0, 1fr))\",\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/{chunk-FFWAY7F5.js → chunk-YM6F2JIT.js}

@@ -101,7 +101,10 @@ var Progress = forwardRef(
     color = "blue",
     indeterminate = false,
     showValue = false,
-    className
+    className,
+    trackClassName,
+    fillClassName,
+    ...rest
   }, ref) => {
     const named = typeof size === "number" ? "md" : size;
     const percentage = Math.min(100, Math.max(0, value / max * 100));
@@ -116,6 +119,7 @@ var Progress = forwardRef(
         "div",
         {
           ref,
+          ...rest,
           role: "progressbar",
           "aria-valuenow": indeterminate ? void 0 : value,
           "aria-valuemin": 0,
@@ -144,7 +148,7 @@ var Progress = forwardRef(
                       r: radius,
                       fill: "none",
                       strokeWidth,
-                      className: "stroke-zinc-200 dark:stroke-zinc-700"
+                      className: cn("stroke-zinc-200 dark:stroke-zinc-700", trackClassName)
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -158,7 +162,11 @@ var Progress = forwardRef(
                       strokeLinecap: "round",
                       strokeDasharray: circumference,
                       strokeDashoffset: offset,
-                      className: cn(progressStroke[color], "transition-[stroke-dashoffset] duration-300"),
+                      className: cn(
+                        progressStroke[color],
+                        "transition-[stroke-dashoffset] duration-300",
+                        fillClassName
+                      ),
                       style: { transform: "rotate(-90deg)", transformOrigin: "center" }
                     }
                   )
@@ -187,6 +195,7 @@ var Progress = forwardRef(
       "div",
       {
         ref,
+        ...rest,
         role: "progressbar",
         "aria-valuenow": indeterminate ? void 0 : value,
         "aria-valuemin": 0,
@@ -199,7 +208,8 @@ var Progress = forwardRef(
             {
               className: cn(
                 "w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700",
-                barHeightClasses[named]
+                barHeightClasses[named],
+                trackClassName
               ),
               children: /* @__PURE__ */ jsx(
                 "div",
@@ -207,7 +217,8 @@ var Progress = forwardRef(
                   className: cn(
                     "h-full rounded-full transition-[width] duration-300",
                     progressFill[color],
-                    indeterminate && "animate-pulse w-full"
+                    indeterminate && "animate-pulse w-full",
+                    fillClassName
                   ),
                   style: indeterminate ? void 0 : { width: `${percentage}%` }
                 }
@@ -235,5 +246,5 @@ var Progress = forwardRef(
 Progress.displayName = "Progress";
 
 export { Progress };
-//# sourceMappingURL=chunk-FFWAY7F5.js.map
-//# sourceMappingURL=chunk-FFWAY7F5.js.map
+//# sourceMappingURL=chunk-YM6F2JIT.js.map
+//# sourceMappingURL=chunk-YM6F2JIT.js.map

package/dist/chunk-YM6F2JIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.colors.ts","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"chunk-YM6F2JIT.js","sourcesContent":["// AUTO-GENERATED by scripts/gen-progress-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const progressFill: Record<Color, string> = {\n  slate: \"bg-slate-500 dark:bg-slate-400\",\n  gray: \"bg-gray-500 dark:bg-gray-400\",\n  zinc: \"bg-zinc-500 dark:bg-zinc-400\",\n  neutral: \"bg-neutral-500 dark:bg-neutral-400\",\n  stone: \"bg-stone-500 dark:bg-stone-400\",\n  red: \"bg-red-500 dark:bg-red-400\",\n  orange: \"bg-orange-500 dark:bg-orange-400\",\n  amber: \"bg-amber-500 dark:bg-amber-400\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-400\",\n  lime: \"bg-lime-500 dark:bg-lime-400\",\n  green: \"bg-green-500 dark:bg-green-400\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-400\",\n  teal: \"bg-teal-500 dark:bg-teal-400\",\n  cyan: \"bg-cyan-500 dark:bg-cyan-400\",\n  sky: \"bg-sky-500 dark:bg-sky-400\",\n  blue: \"bg-blue-500 dark:bg-blue-400\",\n  indigo: \"bg-indigo-500 dark:bg-indigo-400\",\n  violet: \"bg-violet-500 dark:bg-violet-400\",\n  purple: \"bg-purple-500 dark:bg-purple-400\",\n  fuchsia: \"bg-fuchsia-500 dark:bg-fuchsia-400\",\n  pink: \"bg-pink-500 dark:bg-pink-400\",\n  rose: \"bg-rose-500 dark:bg-rose-400\",\n};\n\nexport const progressStroke: Record<Color, string> = {\n  slate: \"stroke-slate-500 dark:stroke-slate-400\",\n  gray: \"stroke-gray-500 dark:stroke-gray-400\",\n  zinc: \"stroke-zinc-500 dark:stroke-zinc-400\",\n  neutral: \"stroke-neutral-500 dark:stroke-neutral-400\",\n  stone: \"stroke-stone-500 dark:stroke-stone-400\",\n  red: \"stroke-red-500 dark:stroke-red-400\",\n  orange: \"stroke-orange-500 dark:stroke-orange-400\",\n  amber: \"stroke-amber-500 dark:stroke-amber-400\",\n  yellow: \"stroke-yellow-500 dark:stroke-yellow-400\",\n  lime: \"stroke-lime-500 dark:stroke-lime-400\",\n  green: \"stroke-green-500 dark:stroke-green-400\",\n  emerald: \"stroke-emerald-500 dark:stroke-emerald-400\",\n  teal: \"stroke-teal-500 dark:stroke-teal-400\",\n  cyan: \"stroke-cyan-500 dark:stroke-cyan-400\",\n  sky: \"stroke-sky-500 dark:stroke-sky-400\",\n  blue: \"stroke-blue-500 dark:stroke-blue-400\",\n  indigo: \"stroke-indigo-500 dark:stroke-indigo-400\",\n  violet: \"stroke-violet-500 dark:stroke-violet-400\",\n  purple: \"stroke-purple-500 dark:stroke-purple-400\",\n  fuchsia: \"stroke-fuchsia-500 dark:stroke-fuchsia-400\",\n  pink: \"stroke-pink-500 dark:stroke-pink-400\",\n  rose: \"stroke-rose-500 dark:stroke-rose-400\",\n};\n\nexport const progressText: Record<Color, string> = {\n  slate: \"text-slate-600 dark:text-slate-400\",\n  gray: \"text-gray-600 dark:text-gray-400\",\n  zinc: \"text-zinc-600 dark:text-zinc-400\",\n  neutral: \"text-neutral-600 dark:text-neutral-400\",\n  stone: \"text-stone-600 dark:text-stone-400\",\n  red: \"text-red-600 dark:text-red-400\",\n  orange: \"text-orange-600 dark:text-orange-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  yellow: \"text-yellow-600 dark:text-yellow-400\",\n  lime: \"text-lime-600 dark:text-lime-400\",\n  green: \"text-green-600 dark:text-green-400\",\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  teal: \"text-teal-600 dark:text-teal-400\",\n  cyan: \"text-cyan-600 dark:text-cyan-400\",\n  sky: \"text-sky-600 dark:text-sky-400\",\n  blue: \"text-blue-600 dark:text-blue-400\",\n  indigo: \"text-indigo-600 dark:text-indigo-400\",\n  violet: \"text-violet-600 dark:text-violet-400\",\n  purple: \"text-purple-600 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-600 dark:text-fuchsia-400\",\n  pink: \"text-pink-600 dark:text-pink-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { progressFill, progressStroke, progressText } from \"./Progress.colors\";\n\ntype NamedSize = \"sm\" | \"md\" | \"lg\";\n\nconst barHeightClasses: Record<NamedSize, string> = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\nconst circularSizeMap: Record<NamedSize, number> = {\n  sm: 32,\n  md: 48,\n  lg: 64,\n};\n\nconst namedStrokeWidth: Record<NamedSize, number> = { sm: 3, md: 4, lg: 5 };\n\nconst textSizeClasses: Record<NamedSize, string> = {\n  sm: \"text-[8px]\",\n  md: \"text-[10px]\",\n  lg: \"text-xs\",\n};\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = 0,\n      max = 100,\n      variant = \"bar\",\n      size = \"md\",\n      strokeWidth: strokeWidthProp,\n      color = \"blue\",\n      indeterminate = false,\n      showValue = false,\n      className,\n      trackClassName,\n      fillClassName,\n      ...rest\n    },\n    ref,\n  ) => {\n    // Class lookups need a named key; a pixel size sizes the ring itself and\n    // leaves the type/bar scales on their default.\n    const named: NamedSize = typeof size === \"number\" ? \"md\" : size;\n\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    if (variant === \"circular\") {\n      const pixelSize = typeof size === \"number\" ? size : null;\n      const diameter = pixelSize ?? circularSizeMap[named];\n      // Scale with the circle when not told otherwise: a 5px stroke on a 152px\n      // ring reads as a hairline, so a fixed default makes large sizes look\n      // broken out of the box. The named scale keeps its exact old values.\n      const strokeWidth =\n        strokeWidthProp ??\n        (pixelSize === null ? namedStrokeWidth[named] : Math.max(3, Math.round(diameter * 0.075)));\n      const radius = (diameter - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = indeterminate ? circumference * 0.75 : circumference - (percentage / 100) * circumference;\n\n      return (\n        <div\n          ref={ref}\n          {...rest}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          data-react-fancy-progress=\"\"\n          // The named diameters live in styles.css keyed off this, so they work\n          // without the consumer's Tailwind generating anything — and, being\n          // layered, a className utility still beats them.\n          data-size={pixelSize === null ? named : undefined}\n          className={cn(\n            \"relative inline-flex items-center justify-center\",\n            className,\n          )}\n          style={pixelSize === null ? undefined : { width: pixelSize, height: pixelSize }}\n        >\n          <svg\n            // viewBox + 100% so the geometry follows the box instead of being\n            // baked in: the ring now scales with whatever sizes the wrapper,\n            // including a `className` override of the named scale.\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width=\"100%\"\n            height=\"100%\"\n            className={cn(indeterminate && \"animate-spin\")}\n          >\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              className={cn(\"stroke-zinc-200 dark:stroke-zinc-700\", trackClassName)}\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              className={cn(\n                progressStroke[color],\n                \"transition-[stroke-dashoffset] duration-300\",\n                fillClassName,\n              )}\n              style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n            />\n          </svg>\n          {showValue && !indeterminate && (\n            <span\n              className={cn(\n                \"absolute font-medium\",\n                progressText[color],\n                textSizeClasses[named],\n              )}\n            >\n              {Math.round(percentage)}%\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        data-react-fancy-progress=\"\"\n        className={cn(\"relative w-full\", className)}\n      >\n        <div\n          className={cn(\n            \"w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\",\n            barHeightClasses[named],\n            trackClassName,\n          )}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-300\",\n              progressFill[color],\n              indeterminate && \"animate-pulse w-full\",\n              fillClassName,\n            )}\n            style={indeterminate ? undefined : { width: `${percentage}%` }}\n          />\n        </div>\n        {showValue && !indeterminate && (\n          <span\n            className={cn(\n              \"mt-1 block text-right text-xs font-medium\",\n              progressText[color],\n            )}\n          >\n            {Math.round(percentage)}%\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n"]}

package/dist/grid.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk7TGJFNZM_cjs = require('./chunk-7TGJFNZM.cjs');
+var chunkOOZCJLEF_cjs = require('./chunk-OOZCJLEF.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function () { return chunk7TGJFNZM_cjs.Grid; }
+  get: function () { return chunkOOZCJLEF_cjs.Grid; }
 });
 //# sourceMappingURL=grid.cjs.map
 //# sourceMappingURL=grid.cjs.map

package/dist/grid.d.cts

@@ -45,6 +45,11 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
  * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`
  * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.
  * An off-by-one that looks like a design decision.
+ *
+ * Which is why the grid sets its own `gap` from `--fancy-grid-gap` instead of a
+ * Tailwind `gap-*` class: the cap must divide by the gutter actually in effect,
+ * and a class is a value this component does not control. Override the property
+ * to change the gutter — that moves the spacing and the arithmetic together.
  */
 declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/grid.d.ts

@@ -45,6 +45,11 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
  * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`
  * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.
  * An off-by-one that looks like a design decision.
+ *
+ * Which is why the grid sets its own `gap` from `--fancy-grid-gap` instead of a
+ * Tailwind `gap-*` class: the cap must divide by the gutter actually in effect,
+ * and a class is a value this component does not control. Override the property
+ * to change the gutter — that moves the spacing and the arithmetic together.
  */
 declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/grid.js

@@ -1,4 +1,4 @@
-export { Grid } from './chunk-4VVC46ZZ.js';
+export { Grid } from './chunk-TM3RTWKI.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=grid.js.map
 //# sourceMappingURL=grid.js.map

package/dist/index.cjs

@@ -26,7 +26,7 @@ var chunkPWLBHNOA_cjs = require('./chunk-PWLBHNOA.cjs');
 var chunk3EIB7RPD_cjs = require('./chunk-3EIB7RPD.cjs');
 require('./chunk-XURQVDCN.cjs');
 var chunkPFEFKLUV_cjs = require('./chunk-PFEFKLUV.cjs');
-var chunkVW6WUXFR_cjs = require('./chunk-VW6WUXFR.cjs');
+var chunk6QVJY3RM_cjs = require('./chunk-6QVJY3RM.cjs');
 var chunkSO4NNG26_cjs = require('./chunk-SO4NNG26.cjs');
 var chunkISPCXIJZ_cjs = require('./chunk-ISPCXIJZ.cjs');
 var chunkWKAEAGMT_cjs = require('./chunk-WKAEAGMT.cjs');
@@ -62,7 +62,7 @@ var chunkRPVCMW64_cjs = require('./chunk-RPVCMW64.cjs');
 var chunkGBGJWAXZ_cjs = require('./chunk-GBGJWAXZ.cjs');
 var chunkJV6RDIA6_cjs = require('./chunk-JV6RDIA6.cjs');
 var chunkZVRVOKXH_cjs = require('./chunk-ZVRVOKXH.cjs');
-var chunk7TGJFNZM_cjs = require('./chunk-7TGJFNZM.cjs');
+var chunkOOZCJLEF_cjs = require('./chunk-OOZCJLEF.cjs');
 var chunkY3T7WMT6_cjs = require('./chunk-Y3T7WMT6.cjs');
 var chunkQDVDBUJM_cjs = require('./chunk-QDVDBUJM.cjs');
 var chunkTGNQ5Y6F_cjs = require('./chunk-TGNQ5Y6F.cjs');
@@ -222,7 +222,7 @@ Object.defineProperty(exports, "Profile", {
 });
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkVW6WUXFR_cjs.Progress; }
+  get: function () { return chunk6QVJY3RM_cjs.Progress; }
 });
 Object.defineProperty(exports, "PromptInput", {
   enumerable: true,
@@ -446,7 +446,7 @@ Object.defineProperty(exports, "useFileUpload", {
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function () { return chunk7TGJFNZM_cjs.Grid; }
+  get: function () { return chunkOOZCJLEF_cjs.Grid; }
 });
 Object.defineProperty(exports, "Heading", {
   enumerable: true,

package/dist/index.js

@@ -24,7 +24,7 @@ export { Table } from './chunk-XXBW4EUO.js';
 export { Tabs, useTabs } from './chunk-VME5743O.js';
 import './chunk-TMR56BBE.js';
 export { Profile } from './chunk-KQQA7JBC.js';
-export { Progress } from './chunk-FFWAY7F5.js';
+export { Progress } from './chunk-YM6F2JIT.js';
 export { PromptInput } from './chunk-3LM47BME.js';
 export { Tooltip } from './chunk-35EN5AYE.js';
 export { PullQuote } from './chunk-NDUEPDNS.js';
@@ -60,7 +60,7 @@ export { Menu, useMenu } from './chunk-RA2VOQ46.js';
 export { MobileMenu, useMobileMenu } from './chunk-P7F32HIH.js';
 export { FileBrowser, FileBrowserNewFolder, useFileBrowser, validateFolderName } from './chunk-TQFQUNV3.js';
 export { FileUpload, useFileUpload } from './chunk-JJBOKZWV.js';
-export { Grid } from './chunk-4VVC46ZZ.js';
+export { Grid } from './chunk-TM3RTWKI.js';
 export { Heading } from './chunk-6GWOB2Z4.js';
 export { ImageViewer } from './chunk-MUCXXYDN.js';
 export { IndexList } from './chunk-UKUNWGL5.js';

package/dist/progress.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkVW6WUXFR_cjs = require('./chunk-VW6WUXFR.cjs');
+var chunk6QVJY3RM_cjs = require('./chunk-6QVJY3RM.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkVW6WUXFR_cjs.Progress; }
+  get: function () { return chunk6QVJY3RM_cjs.Progress; }
 });
 //# sourceMappingURL=progress.cjs.map
 //# sourceMappingURL=progress.cjs.map

package/dist/progress.d.cts

@@ -1,7 +1,17 @@
 import * as react from 'react';
+import { HTMLAttributes } from 'react';
 import { C as Color } from './types-8Sv0rCjw.cjs';
 
-interface ProgressProps {
+/**
+ * `Progress` renders three nested elements and used to be a CLOSED interface
+ * over all of them: no rest spread, and `className` reaching only the outer
+ * wrapper. So the bar could not be named (it announced as "progress bar, 42%",
+ * with 42% OF WHAT unrecoverable) and the track and fill could not be styled.
+ *
+ * `color` is omitted from the DOM attributes because this component's `color` is
+ * a palette name, not the legacy HTML `color` attribute.
+ */
+interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     value?: number;
     max?: number;
     variant?: "bar" | "circular";
@@ -18,6 +28,18 @@ interface ProgressProps {
     indeterminate?: boolean;
     showValue?: boolean;
     className?: string;
+    /**
+     * The unfilled groove — the bar's track, or the ring's background circle.
+     *
+     * Named for the ROLE rather than the element so one vocabulary covers both
+     * variants. The alternative a caller reaches for otherwise is an
+     * arbitrary-variant selector like `[&>div>div]:…`, which hard-codes this
+     * component's DOM shape into their app and breaks silently — still
+     * rendering, just unstyled — the first time it gains a wrapper.
+     */
+    trackClassName?: string;
+    /** The filled portion — the bar's fill, or the ring's value circle. */
+    fillClassName?: string;
 }
 
 declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;

package/dist/progress.d.ts

@@ -1,7 +1,17 @@
 import * as react from 'react';
+import { HTMLAttributes } from 'react';
 import { C as Color } from './types-8Sv0rCjw.js';
 
-interface ProgressProps {
+/**
+ * `Progress` renders three nested elements and used to be a CLOSED interface
+ * over all of them: no rest spread, and `className` reaching only the outer
+ * wrapper. So the bar could not be named (it announced as "progress bar, 42%",
+ * with 42% OF WHAT unrecoverable) and the track and fill could not be styled.
+ *
+ * `color` is omitted from the DOM attributes because this component's `color` is
+ * a palette name, not the legacy HTML `color` attribute.
+ */
+interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     value?: number;
     max?: number;
     variant?: "bar" | "circular";
@@ -18,6 +28,18 @@ interface ProgressProps {
     indeterminate?: boolean;
     showValue?: boolean;
     className?: string;
+    /**
+     * The unfilled groove — the bar's track, or the ring's background circle.
+     *
+     * Named for the ROLE rather than the element so one vocabulary covers both
+     * variants. The alternative a caller reaches for otherwise is an
+     * arbitrary-variant selector like `[&>div>div]:…`, which hard-codes this
+     * component's DOM shape into their app and breaks silently — still
+     * rendering, just unstyled — the first time it gains a wrapper.
+     */
+    trackClassName?: string;
+    /** The filled portion — the bar's fill, or the ring's value circle. */
+    fillClassName?: string;
 }
 
 declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;

package/dist/progress.js

@@ -1,4 +1,4 @@
-export { Progress } from './chunk-FFWAY7F5.js';
+export { Progress } from './chunk-YM6F2JIT.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=progress.js.map
 //# sourceMappingURL=progress.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.23.0",
+  "version": "5.24.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",

package/dist/chunk-4VVC46ZZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,GAAA,GAAM;AAAA,EACV,EAAA,EAAI,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,SAAA,EAAU;AAAA,EAC5C,EAAA,EAAI,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,QAAA,EAAS;AAAA,EAC3C,EAAA,EAAI,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,QAAA;AACrC,CAAA;AAGA,IAAM,SAAA,GAAY,OAAA;AAyBX,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAI1F,IAAA,MAAM,GAAA,GACJ,8FAAA;AAEF,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,WAAW,EAAA,CAAG,MAAA,EAAQ,IAAI,GAAG,CAAA,CAAE,WAAW,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,CAAC,kBAA4B,GAAG,GAAA,CAAI,GAAG,CAAA,CAAE,MAAA;AAAA,UACzC,qBAAqB,UAAA,GACjB,CAAA,sCAAA,EAAyC,SAAS,CAAA,EAAA,EAAK,GAAG,CAAA,SAAA,CAAA,GAC1D;AAAA,SACN;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-4VVC46ZZ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\n/**\n * Gutter, as both the Tailwind class that draws it and the length the column\n * arithmetic needs. One map so the two cannot drift: if they disagree, the\n * track cap is computed against a gap the grid is not actually using, and\n * auto-fit quietly lands on the wrong column count.\n */\nconst GAP = {\n  sm: { className: \"gap-3\", length: \"0.75rem\" },\n  md: { className: \"gap-6\", length: \"1.5rem\" },\n  lg: { className: \"gap-10\", length: \"2.5rem\" },\n} as const;\n\n/** Narrowest a column may get before the grid drops one. */\nconst MIN_TRACK = \"16rem\";\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n *\n * ## `cols` is a CEILING, not a fixed count\n *\n * The responsive template reads `--fancy-grid-cols`, so `cols` means \"this many\n * at most, fewer when narrow\". Until 5.23.0 it meant nothing at all while\n * `responsive` was on: the template was a fixed `repeat(auto-fit, minmax(min(\n * 100%, 16rem), 1fr))`, so a grid asked for 2 and a grid asked for 5 rendered\n * the same track list, and the only way to get a real column count was\n * `responsive={false}` — which then had no breakpoints at all. The property this\n * doc comment has always advertised was set and never read.\n *\n * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`\n * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.\n * An off-by-one that looks like a design decision.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    // The largest a track may be: an even share of the row once the gutters are\n    // paid for. `max()` against MIN_TRACK keeps the collapse; `min()` against\n    // 100% stops a single column overflowing a narrow viewport.\n    const cap =\n      \"calc((100% - (var(--fancy-grid-cols) - 1) * var(--fancy-grid-gap)) / var(--fancy-grid-cols))\";\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", GAP[gap].className, className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          [\"--fancy-grid-gap\" as string]: GAP[gap].length,\n          gridTemplateColumns: responsive\n            ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))`\n            : \"repeat(var(--fancy-grid-cols), minmax(0, 1fr))\",\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/chunk-7TGJFNZM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAUA,IAAM,GAAA,GAAM;AAAA,EACV,EAAA,EAAI,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,SAAA,EAAU;AAAA,EAC5C,EAAA,EAAI,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,QAAA,EAAS;AAAA,EAC3C,EAAA,EAAI,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,QAAA;AACrC,CAAA;AAGA,IAAM,SAAA,GAAY,OAAA;AAyBX,IAAM,IAAA,GAAOA,gBAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAI1F,IAAA,MAAM,GAAA,GACJ,8FAAA;AAEF,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,WAAWC,oBAAA,CAAG,MAAA,EAAQ,IAAI,GAAG,CAAA,CAAE,WAAW,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,CAAC,kBAA4B,GAAG,GAAA,CAAI,GAAG,CAAA,CAAE,MAAA;AAAA,UACzC,qBAAqB,UAAA,GACjB,CAAA,sCAAA,EAAyC,SAAS,CAAA,EAAA,EAAK,GAAG,CAAA,SAAA,CAAA,GAC1D;AAAA,SACN;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-7TGJFNZM.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\n/**\n * Gutter, as both the Tailwind class that draws it and the length the column\n * arithmetic needs. One map so the two cannot drift: if they disagree, the\n * track cap is computed against a gap the grid is not actually using, and\n * auto-fit quietly lands on the wrong column count.\n */\nconst GAP = {\n  sm: { className: \"gap-3\", length: \"0.75rem\" },\n  md: { className: \"gap-6\", length: \"1.5rem\" },\n  lg: { className: \"gap-10\", length: \"2.5rem\" },\n} as const;\n\n/** Narrowest a column may get before the grid drops one. */\nconst MIN_TRACK = \"16rem\";\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n *\n * ## `cols` is a CEILING, not a fixed count\n *\n * The responsive template reads `--fancy-grid-cols`, so `cols` means \"this many\n * at most, fewer when narrow\". Until 5.23.0 it meant nothing at all while\n * `responsive` was on: the template was a fixed `repeat(auto-fit, minmax(min(\n * 100%, 16rem), 1fr))`, so a grid asked for 2 and a grid asked for 5 rendered\n * the same track list, and the only way to get a real column count was\n * `responsive={false}` — which then had no breakpoints at all. The property this\n * doc comment has always advertised was set and never read.\n *\n * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`\n * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.\n * An off-by-one that looks like a design decision.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    // The largest a track may be: an even share of the row once the gutters are\n    // paid for. `max()` against MIN_TRACK keeps the collapse; `min()` against\n    // 100% stops a single column overflowing a narrow viewport.\n    const cap =\n      \"calc((100% - (var(--fancy-grid-cols) - 1) * var(--fancy-grid-gap)) / var(--fancy-grid-cols))\";\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", GAP[gap].className, className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          [\"--fancy-grid-gap\" as string]: GAP[gap].length,\n          gridTemplateColumns: responsive\n            ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))`\n            : \"repeat(var(--fancy-grid-cols), minmax(0, 1fr))\",\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/chunk-FFWAY7F5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Progress/Progress.colors.ts","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"chunk-FFWAY7F5.js","sourcesContent":["// AUTO-GENERATED by scripts/gen-progress-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const progressFill: Record<Color, string> = {\n  slate: \"bg-slate-500 dark:bg-slate-400\",\n  gray: \"bg-gray-500 dark:bg-gray-400\",\n  zinc: \"bg-zinc-500 dark:bg-zinc-400\",\n  neutral: \"bg-neutral-500 dark:bg-neutral-400\",\n  stone: \"bg-stone-500 dark:bg-stone-400\",\n  red: \"bg-red-500 dark:bg-red-400\",\n  orange: \"bg-orange-500 dark:bg-orange-400\",\n  amber: \"bg-amber-500 dark:bg-amber-400\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-400\",\n  lime: \"bg-lime-500 dark:bg-lime-400\",\n  green: \"bg-green-500 dark:bg-green-400\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-400\",\n  teal: \"bg-teal-500 dark:bg-teal-400\",\n  cyan: \"bg-cyan-500 dark:bg-cyan-400\",\n  sky: \"bg-sky-500 dark:bg-sky-400\",\n  blue: \"bg-blue-500 dark:bg-blue-400\",\n  indigo: \"bg-indigo-500 dark:bg-indigo-400\",\n  violet: \"bg-violet-500 dark:bg-violet-400\",\n  purple: \"bg-purple-500 dark:bg-purple-400\",\n  fuchsia: \"bg-fuchsia-500 dark:bg-fuchsia-400\",\n  pink: \"bg-pink-500 dark:bg-pink-400\",\n  rose: \"bg-rose-500 dark:bg-rose-400\",\n};\n\nexport const progressStroke: Record<Color, string> = {\n  slate: \"stroke-slate-500 dark:stroke-slate-400\",\n  gray: \"stroke-gray-500 dark:stroke-gray-400\",\n  zinc: \"stroke-zinc-500 dark:stroke-zinc-400\",\n  neutral: \"stroke-neutral-500 dark:stroke-neutral-400\",\n  stone: \"stroke-stone-500 dark:stroke-stone-400\",\n  red: \"stroke-red-500 dark:stroke-red-400\",\n  orange: \"stroke-orange-500 dark:stroke-orange-400\",\n  amber: \"stroke-amber-500 dark:stroke-amber-400\",\n  yellow: \"stroke-yellow-500 dark:stroke-yellow-400\",\n  lime: \"stroke-lime-500 dark:stroke-lime-400\",\n  green: \"stroke-green-500 dark:stroke-green-400\",\n  emerald: \"stroke-emerald-500 dark:stroke-emerald-400\",\n  teal: \"stroke-teal-500 dark:stroke-teal-400\",\n  cyan: \"stroke-cyan-500 dark:stroke-cyan-400\",\n  sky: \"stroke-sky-500 dark:stroke-sky-400\",\n  blue: \"stroke-blue-500 dark:stroke-blue-400\",\n  indigo: \"stroke-indigo-500 dark:stroke-indigo-400\",\n  violet: \"stroke-violet-500 dark:stroke-violet-400\",\n  purple: \"stroke-purple-500 dark:stroke-purple-400\",\n  fuchsia: \"stroke-fuchsia-500 dark:stroke-fuchsia-400\",\n  pink: \"stroke-pink-500 dark:stroke-pink-400\",\n  rose: \"stroke-rose-500 dark:stroke-rose-400\",\n};\n\nexport const progressText: Record<Color, string> = {\n  slate: \"text-slate-600 dark:text-slate-400\",\n  gray: \"text-gray-600 dark:text-gray-400\",\n  zinc: \"text-zinc-600 dark:text-zinc-400\",\n  neutral: \"text-neutral-600 dark:text-neutral-400\",\n  stone: \"text-stone-600 dark:text-stone-400\",\n  red: \"text-red-600 dark:text-red-400\",\n  orange: \"text-orange-600 dark:text-orange-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  yellow: \"text-yellow-600 dark:text-yellow-400\",\n  lime: \"text-lime-600 dark:text-lime-400\",\n  green: \"text-green-600 dark:text-green-400\",\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  teal: \"text-teal-600 dark:text-teal-400\",\n  cyan: \"text-cyan-600 dark:text-cyan-400\",\n  sky: \"text-sky-600 dark:text-sky-400\",\n  blue: \"text-blue-600 dark:text-blue-400\",\n  indigo: \"text-indigo-600 dark:text-indigo-400\",\n  violet: \"text-violet-600 dark:text-violet-400\",\n  purple: \"text-purple-600 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-600 dark:text-fuchsia-400\",\n  pink: \"text-pink-600 dark:text-pink-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { progressFill, progressStroke, progressText } from \"./Progress.colors\";\n\ntype NamedSize = \"sm\" | \"md\" | \"lg\";\n\nconst barHeightClasses: Record<NamedSize, string> = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\nconst circularSizeMap: Record<NamedSize, number> = {\n  sm: 32,\n  md: 48,\n  lg: 64,\n};\n\nconst namedStrokeWidth: Record<NamedSize, number> = { sm: 3, md: 4, lg: 5 };\n\nconst textSizeClasses: Record<NamedSize, string> = {\n  sm: \"text-[8px]\",\n  md: \"text-[10px]\",\n  lg: \"text-xs\",\n};\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = 0,\n      max = 100,\n      variant = \"bar\",\n      size = \"md\",\n      strokeWidth: strokeWidthProp,\n      color = \"blue\",\n      indeterminate = false,\n      showValue = false,\n      className,\n    },\n    ref,\n  ) => {\n    // Class lookups need a named key; a pixel size sizes the ring itself and\n    // leaves the type/bar scales on their default.\n    const named: NamedSize = typeof size === \"number\" ? \"md\" : size;\n\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    if (variant === \"circular\") {\n      const pixelSize = typeof size === \"number\" ? size : null;\n      const diameter = pixelSize ?? circularSizeMap[named];\n      // Scale with the circle when not told otherwise: a 5px stroke on a 152px\n      // ring reads as a hairline, so a fixed default makes large sizes look\n      // broken out of the box. The named scale keeps its exact old values.\n      const strokeWidth =\n        strokeWidthProp ??\n        (pixelSize === null ? namedStrokeWidth[named] : Math.max(3, Math.round(diameter * 0.075)));\n      const radius = (diameter - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = indeterminate ? circumference * 0.75 : circumference - (percentage / 100) * circumference;\n\n      return (\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          data-react-fancy-progress=\"\"\n          // The named diameters live in styles.css keyed off this, so they work\n          // without the consumer's Tailwind generating anything — and, being\n          // layered, a className utility still beats them.\n          data-size={pixelSize === null ? named : undefined}\n          className={cn(\n            \"relative inline-flex items-center justify-center\",\n            className,\n          )}\n          style={pixelSize === null ? undefined : { width: pixelSize, height: pixelSize }}\n        >\n          <svg\n            // viewBox + 100% so the geometry follows the box instead of being\n            // baked in: the ring now scales with whatever sizes the wrapper,\n            // including a `className` override of the named scale.\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width=\"100%\"\n            height=\"100%\"\n            className={cn(indeterminate && \"animate-spin\")}\n          >\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              className=\"stroke-zinc-200 dark:stroke-zinc-700\"\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              className={cn(progressStroke[color], \"transition-[stroke-dashoffset] duration-300\")}\n              style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n            />\n          </svg>\n          {showValue && !indeterminate && (\n            <span\n              className={cn(\n                \"absolute font-medium\",\n                progressText[color],\n                textSizeClasses[named],\n              )}\n            >\n              {Math.round(percentage)}%\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        data-react-fancy-progress=\"\"\n        className={cn(\"relative w-full\", className)}\n      >\n        <div\n          className={cn(\n            \"w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\",\n            barHeightClasses[named],\n          )}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-300\",\n              progressFill[color],\n              indeterminate && \"animate-pulse w-full\",\n            )}\n            style={indeterminate ? undefined : { width: `${percentage}%` }}\n          />\n        </div>\n        {showValue && !indeterminate && (\n          <span\n            className={cn(\n              \"mt-1 block text-right text-xs font-medium\",\n              progressText[color],\n            )}\n          >\n            {Math.round(percentage)}%\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n"]}

package/dist/chunk-VW6WUXFR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Progress/Progress.colors.ts","../src/components/Progress/Progress.tsx"],"names":["forwardRef","jsxs","cn","jsx"],"mappings":";;;;;;;AAMO,IAAM,YAAA,GAAsC;AAAA,EACjD,KAAA,EAAO,gCAAA;AAAA,EACP,IAAA,EAAM,8BAAA;AAAA,EACN,IAAA,EAAM,8BAAA;AAAA,EACN,OAAA,EAAS,oCAAA;AAAA,EACT,KAAA,EAAO,gCAAA;AAAA,EACP,GAAA,EAAK,4BAAA;AAAA,EACL,MAAA,EAAQ,kCAAA;AAAA,EACR,KAAA,EAAO,gCAAA;AAAA,EACP,MAAA,EAAQ,kCAAA;AAAA,EACR,IAAA,EAAM,8BAAA;AAAA,EACN,KAAA,EAAO,gCAAA;AAAA,EACP,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM,8BAAA;AAAA,EACN,IAAA,EAAM,8BAAA;AAAA,EACN,GAAA,EAAK,4BAAA;AAAA,EACL,IAAA,EAAM,8BAAA;AAAA,EACN,MAAA,EAAQ,kCAAA;AAAA,EACR,MAAA,EAAQ,kCAAA;AAAA,EACR,MAAA,EAAQ,kCAAA;AAAA,EACR,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM,8BAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,cAAA,GAAwC;AAAA,EACnD,KAAA,EAAO,wCAAA;AAAA,EACP,IAAA,EAAM,sCAAA;AAAA,EACN,IAAA,EAAM,sCAAA;AAAA,EACN,OAAA,EAAS,4CAAA;AAAA,EACT,KAAA,EAAO,wCAAA;AAAA,EACP,GAAA,EAAK,oCAAA;AAAA,EACL,MAAA,EAAQ,0CAAA;AAAA,EACR,KAAA,EAAO,wCAAA;AAAA,EACP,MAAA,EAAQ,0CAAA;AAAA,EACR,IAAA,EAAM,sCAAA;AAAA,EACN,KAAA,EAAO,wCAAA;AAAA,EACP,OAAA,EAAS,4CAAA;AAAA,EACT,IAAA,EAAM,sCAAA;AAAA,EACN,IAAA,EAAM,sCAAA;AAAA,EACN,GAAA,EAAK,oCAAA;AAAA,EACL,IAAA,EAAM,sCAAA;AAAA,EACN,MAAA,EAAQ,0CAAA;AAAA,EACR,MAAA,EAAQ,0CAAA;AAAA,EACR,MAAA,EAAQ,0CAAA;AAAA,EACR,OAAA,EAAS,4CAAA;AAAA,EACT,IAAA,EAAM,sCAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,YAAA,GAAsC;AAAA,EACjD,KAAA,EAAO,oCAAA;AAAA,EACP,IAAA,EAAM,kCAAA;AAAA,EACN,IAAA,EAAM,kCAAA;AAAA,EACN,OAAA,EAAS,wCAAA;AAAA,EACT,KAAA,EAAO,oCAAA;AAAA,EACP,GAAA,EAAK,gCAAA;AAAA,EACL,MAAA,EAAQ,sCAAA;AAAA,EACR,KAAA,EAAO,oCAAA;AAAA,EACP,MAAA,EAAQ,sCAAA;AAAA,EACR,IAAA,EAAM,kCAAA;AAAA,EACN,KAAA,EAAO,oCAAA;AAAA,EACP,OAAA,EAAS,wCAAA;AAAA,EACT,IAAA,EAAM,kCAAA;AAAA,EACN,IAAA,EAAM,kCAAA;AAAA,EACN,GAAA,EAAK,gCAAA;AAAA,EACL,IAAA,EAAM,kCAAA;AAAA,EACN,MAAA,EAAQ,sCAAA;AAAA,EACR,MAAA,EAAQ,sCAAA;AAAA,EACR,MAAA,EAAQ,sCAAA;AAAA,EACR,OAAA,EAAS,wCAAA;AAAA,EACT,IAAA,EAAM,kCAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;ACxEA,IAAM,gBAAA,GAA8C;AAAA,EAClD,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,eAAA,GAA6C;AAAA,EACjD,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,mBAA8C,EAAE,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA,EAAE;AAE1E,IAAM,eAAA,GAA6C;AAAA,EACjD,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,CACE;AAAA,IACE,KAAA,GAAQ,CAAA;AAAA,IACR,GAAA,GAAM,GAAA;AAAA,IACN,OAAA,GAAU,KAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,WAAA,EAAa,eAAA;AAAA,IACb,KAAA,GAAQ,MAAA;AAAA,IACR,aAAA,GAAgB,KAAA;AAAA,IAChB,SAAA,GAAY,KAAA;AAAA,IACZ;AAAA,KAEF,GAAA,KACG;AAGH,IAAA,MAAM,KAAA,GAAmB,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,IAAA;AAE3D,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,IAAI,CAAA,EAAI,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAEjE,IAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,MAAA,MAAM,SAAA,GAAY,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,IAAA;AACpD,MAAA,MAAM,QAAA,GAAW,SAAA,IAAa,eAAA,CAAgB,KAAK,CAAA;AAInD,MAAA,MAAM,WAAA,GACJ,eAAA,KACC,SAAA,KAAc,IAAA,GAAO,iBAAiB,KAAK,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,QAAA,GAAW,KAAK,CAAC,CAAA,CAAA;AAC1F,MAAA,MAAM,MAAA,GAAA,CAAU,WAAW,WAAA,IAAe,CAAA;AAC1C,MAAA,MAAM,aAAA,GAAgB,CAAA,GAAI,IAAA,CAAK,EAAA,GAAK,MAAA;AACpC,MAAA,MAAM,SAAS,aAAA,GAAgB,aAAA,GAAgB,IAAA,GAAO,aAAA,GAAiB,aAAa,GAAA,GAAO,aAAA;AAE3F,MAAA,uBACEC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,gBAAgB,MAAA,GAAY,KAAA;AAAA,UAC3C,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,GAAA;AAAA,UACf,2BAAA,EAA0B,EAAA;AAAA,UAI1B,WAAA,EAAW,SAAA,KAAc,IAAA,GAAO,KAAA,GAAQ,MAAA;AAAA,UACxC,SAAA,EAAWC,oBAAA;AAAA,YACT,kDAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,KAAA,EAAO,cAAc,IAAA,GAAO,MAAA,GAAY,EAAE,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,UAE9E,QAAA,EAAA;AAAA,4BAAAD,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAIC,OAAA,EAAS,CAAA,IAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA;AAAA,gBACpC,KAAA,EAAM,MAAA;AAAA,gBACN,MAAA,EAAO,MAAA;AAAA,gBACP,SAAA,EAAWC,oBAAA,CAAG,aAAA,IAAiB,cAAc,CAAA;AAAA,gBAE7C,QAAA,EAAA;AAAA,kCAAAC,cAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,CAAA,EAAG,MAAA;AAAA,sBACH,IAAA,EAAK,MAAA;AAAA,sBACL,WAAA;AAAA,sBACA,SAAA,EAAU;AAAA;AAAA,mBACZ;AAAA,kCACAA,cAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,CAAA,EAAG,MAAA;AAAA,sBACH,IAAA,EAAK,MAAA;AAAA,sBACL,WAAA;AAAA,sBACA,aAAA,EAAc,OAAA;AAAA,sBACd,eAAA,EAAiB,aAAA;AAAA,sBACjB,gBAAA,EAAkB,MAAA;AAAA,sBAClB,SAAA,EAAWD,oBAAA,CAAG,cAAA,CAAe,KAAK,GAAG,6CAA6C,CAAA;AAAA,sBAClF,KAAA,EAAO,EAAE,SAAA,EAAW,gBAAA,EAAkB,iBAAiB,QAAA;AAAS;AAAA;AAClE;AAAA;AAAA,aACF;AAAA,YACC,SAAA,IAAa,CAAC,aAAA,oBACbD,eAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWC,oBAAA;AAAA,kBACT,sBAAA;AAAA,kBACA,aAAa,KAAK,CAAA;AAAA,kBAClB,gBAAgB,KAAK;AAAA,iBACvB;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,kBAAE;AAAA;AAAA;AAAA;AAC1B;AAAA;AAAA,OAEJ;AAAA,IAEJ;AAEA,IAAA,uBACED,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,gBAAgB,MAAA,GAAY,KAAA;AAAA,QAC3C,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,2BAAA,EAA0B,EAAA;AAAA,QAC1B,SAAA,EAAWC,oBAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,kEAAA;AAAA,gBACA,iBAAiB,KAAK;AAAA,eACxB;AAAA,cAEA,QAAA,kBAAAC,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAWD,oBAAA;AAAA,oBACT,qDAAA;AAAA,oBACA,aAAa,KAAK,CAAA;AAAA,oBAClB,aAAA,IAAiB;AAAA,mBACnB;AAAA,kBACA,OAAO,aAAA,GAAgB,MAAA,GAAY,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA;AAAI;AAAA;AAC/D;AAAA,WACF;AAAA,UACC,SAAA,IAAa,CAAC,aAAA,oBACbD,eAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWC,oBAAA;AAAA,gBACT,2CAAA;AAAA,gBACA,aAAa,KAAK;AAAA,eACpB;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,gBAAE;AAAA;AAAA;AAAA;AAC1B;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-VW6WUXFR.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-progress-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const progressFill: Record<Color, string> = {\n  slate: \"bg-slate-500 dark:bg-slate-400\",\n  gray: \"bg-gray-500 dark:bg-gray-400\",\n  zinc: \"bg-zinc-500 dark:bg-zinc-400\",\n  neutral: \"bg-neutral-500 dark:bg-neutral-400\",\n  stone: \"bg-stone-500 dark:bg-stone-400\",\n  red: \"bg-red-500 dark:bg-red-400\",\n  orange: \"bg-orange-500 dark:bg-orange-400\",\n  amber: \"bg-amber-500 dark:bg-amber-400\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-400\",\n  lime: \"bg-lime-500 dark:bg-lime-400\",\n  green: \"bg-green-500 dark:bg-green-400\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-400\",\n  teal: \"bg-teal-500 dark:bg-teal-400\",\n  cyan: \"bg-cyan-500 dark:bg-cyan-400\",\n  sky: \"bg-sky-500 dark:bg-sky-400\",\n  blue: \"bg-blue-500 dark:bg-blue-400\",\n  indigo: \"bg-indigo-500 dark:bg-indigo-400\",\n  violet: \"bg-violet-500 dark:bg-violet-400\",\n  purple: \"bg-purple-500 dark:bg-purple-400\",\n  fuchsia: \"bg-fuchsia-500 dark:bg-fuchsia-400\",\n  pink: \"bg-pink-500 dark:bg-pink-400\",\n  rose: \"bg-rose-500 dark:bg-rose-400\",\n};\n\nexport const progressStroke: Record<Color, string> = {\n  slate: \"stroke-slate-500 dark:stroke-slate-400\",\n  gray: \"stroke-gray-500 dark:stroke-gray-400\",\n  zinc: \"stroke-zinc-500 dark:stroke-zinc-400\",\n  neutral: \"stroke-neutral-500 dark:stroke-neutral-400\",\n  stone: \"stroke-stone-500 dark:stroke-stone-400\",\n  red: \"stroke-red-500 dark:stroke-red-400\",\n  orange: \"stroke-orange-500 dark:stroke-orange-400\",\n  amber: \"stroke-amber-500 dark:stroke-amber-400\",\n  yellow: \"stroke-yellow-500 dark:stroke-yellow-400\",\n  lime: \"stroke-lime-500 dark:stroke-lime-400\",\n  green: \"stroke-green-500 dark:stroke-green-400\",\n  emerald: \"stroke-emerald-500 dark:stroke-emerald-400\",\n  teal: \"stroke-teal-500 dark:stroke-teal-400\",\n  cyan: \"stroke-cyan-500 dark:stroke-cyan-400\",\n  sky: \"stroke-sky-500 dark:stroke-sky-400\",\n  blue: \"stroke-blue-500 dark:stroke-blue-400\",\n  indigo: \"stroke-indigo-500 dark:stroke-indigo-400\",\n  violet: \"stroke-violet-500 dark:stroke-violet-400\",\n  purple: \"stroke-purple-500 dark:stroke-purple-400\",\n  fuchsia: \"stroke-fuchsia-500 dark:stroke-fuchsia-400\",\n  pink: \"stroke-pink-500 dark:stroke-pink-400\",\n  rose: \"stroke-rose-500 dark:stroke-rose-400\",\n};\n\nexport const progressText: Record<Color, string> = {\n  slate: \"text-slate-600 dark:text-slate-400\",\n  gray: \"text-gray-600 dark:text-gray-400\",\n  zinc: \"text-zinc-600 dark:text-zinc-400\",\n  neutral: \"text-neutral-600 dark:text-neutral-400\",\n  stone: \"text-stone-600 dark:text-stone-400\",\n  red: \"text-red-600 dark:text-red-400\",\n  orange: \"text-orange-600 dark:text-orange-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  yellow: \"text-yellow-600 dark:text-yellow-400\",\n  lime: \"text-lime-600 dark:text-lime-400\",\n  green: \"text-green-600 dark:text-green-400\",\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  teal: \"text-teal-600 dark:text-teal-400\",\n  cyan: \"text-cyan-600 dark:text-cyan-400\",\n  sky: \"text-sky-600 dark:text-sky-400\",\n  blue: \"text-blue-600 dark:text-blue-400\",\n  indigo: \"text-indigo-600 dark:text-indigo-400\",\n  violet: \"text-violet-600 dark:text-violet-400\",\n  purple: \"text-purple-600 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-600 dark:text-fuchsia-400\",\n  pink: \"text-pink-600 dark:text-pink-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { progressFill, progressStroke, progressText } from \"./Progress.colors\";\n\ntype NamedSize = \"sm\" | \"md\" | \"lg\";\n\nconst barHeightClasses: Record<NamedSize, string> = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\nconst circularSizeMap: Record<NamedSize, number> = {\n  sm: 32,\n  md: 48,\n  lg: 64,\n};\n\nconst namedStrokeWidth: Record<NamedSize, number> = { sm: 3, md: 4, lg: 5 };\n\nconst textSizeClasses: Record<NamedSize, string> = {\n  sm: \"text-[8px]\",\n  md: \"text-[10px]\",\n  lg: \"text-xs\",\n};\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = 0,\n      max = 100,\n      variant = \"bar\",\n      size = \"md\",\n      strokeWidth: strokeWidthProp,\n      color = \"blue\",\n      indeterminate = false,\n      showValue = false,\n      className,\n    },\n    ref,\n  ) => {\n    // Class lookups need a named key; a pixel size sizes the ring itself and\n    // leaves the type/bar scales on their default.\n    const named: NamedSize = typeof size === \"number\" ? \"md\" : size;\n\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    if (variant === \"circular\") {\n      const pixelSize = typeof size === \"number\" ? size : null;\n      const diameter = pixelSize ?? circularSizeMap[named];\n      // Scale with the circle when not told otherwise: a 5px stroke on a 152px\n      // ring reads as a hairline, so a fixed default makes large sizes look\n      // broken out of the box. The named scale keeps its exact old values.\n      const strokeWidth =\n        strokeWidthProp ??\n        (pixelSize === null ? namedStrokeWidth[named] : Math.max(3, Math.round(diameter * 0.075)));\n      const radius = (diameter - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = indeterminate ? circumference * 0.75 : circumference - (percentage / 100) * circumference;\n\n      return (\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          data-react-fancy-progress=\"\"\n          // The named diameters live in styles.css keyed off this, so they work\n          // without the consumer's Tailwind generating anything — and, being\n          // layered, a className utility still beats them.\n          data-size={pixelSize === null ? named : undefined}\n          className={cn(\n            \"relative inline-flex items-center justify-center\",\n            className,\n          )}\n          style={pixelSize === null ? undefined : { width: pixelSize, height: pixelSize }}\n        >\n          <svg\n            // viewBox + 100% so the geometry follows the box instead of being\n            // baked in: the ring now scales with whatever sizes the wrapper,\n            // including a `className` override of the named scale.\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width=\"100%\"\n            height=\"100%\"\n            className={cn(indeterminate && \"animate-spin\")}\n          >\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              className=\"stroke-zinc-200 dark:stroke-zinc-700\"\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              className={cn(progressStroke[color], \"transition-[stroke-dashoffset] duration-300\")}\n              style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n            />\n          </svg>\n          {showValue && !indeterminate && (\n            <span\n              className={cn(\n                \"absolute font-medium\",\n                progressText[color],\n                textSizeClasses[named],\n              )}\n            >\n              {Math.round(percentage)}%\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        data-react-fancy-progress=\"\"\n        className={cn(\"relative w-full\", className)}\n      >\n        <div\n          className={cn(\n            \"w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\",\n            barHeightClasses[named],\n          )}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-300\",\n              progressFill[color],\n              indeterminate && \"animate-pulse w-full\",\n            )}\n            style={indeterminate ? undefined : { width: `${percentage}%` }}\n          />\n        </div>\n        {showValue && !indeterminate && (\n          <span\n            className={cn(\n              \"mt-1 block text-right text-xs font-medium\",\n              progressText[color],\n            )}\n          >\n            {Math.round(percentage)}%\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n"]}