@particle-academy/react-fancy 5.23.1 → 5.25.0

package/dist/card.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunk524TOKU3_cjs = require('./chunk-524TOKU3.cjs');
+var chunk5DQ2XUJI_cjs = require('./chunk-5DQ2XUJI.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunk524TOKU3_cjs.Card; }
+  get: function () { return chunk5DQ2XUJI_cjs.Card; }
 });
 Object.defineProperty(exports, "CardBody", {
   enumerable: true,
-  get: function () { return chunk524TOKU3_cjs.CardBody; }
+  get: function () { return chunk5DQ2XUJI_cjs.CardBody; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunk524TOKU3_cjs.CardFooter; }
+  get: function () { return chunk5DQ2XUJI_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunk524TOKU3_cjs.CardHeader; }
+  get: function () { return chunk5DQ2XUJI_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function () { return chunk524TOKU3_cjs.CardMedia; }
+  get: function () { return chunk5DQ2XUJI_cjs.CardMedia; }
 });
 //# sourceMappingURL=card.cjs.map
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,4 +1,4 @@
-export { Card, CardBody, CardFooter, CardHeader, CardMedia } from './chunk-4K4ECIKK.js';
+export { Card, CardBody, CardFooter, CardHeader, CardMedia } from './chunk-ZIDBI6JX.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=card.js.map
 //# sourceMappingURL=card.js.map

package/dist/{chunk-524TOKU3.cjs → chunk-5DQ2XUJI.cjs}

@@ -80,8 +80,8 @@ var CardMedia = react.forwardRef(
         "data-react-fancy-card-media": "",
         className: chunkZU5Q77OT_cjs.cn(
           "relative overflow-hidden rounded-t-lg",
-          // Card's `padding` prop pads EVERY direct div child
-          // (`[&>div]:px-4 …`), which would inset the media and break the
+          // Card's `padding` prop pads EVERY direct child
+          // (`[&>*]:px-4 …`), which would inset the media and break the
           // flush-to-the-edge look every caller wants. `!` wins regardless of
           // stylesheet order, which plain `p-0` would not.
           "!px-0 !py-0",
@@ -122,9 +122,9 @@ var variantClasses = {
 };
 var paddingClasses = {
   none: "",
-  sm: "[&>div]:px-3 [&>div]:py-2",
-  md: "[&>div]:px-4 [&>div]:py-3",
-  lg: "[&>div]:px-6 [&>div]:py-4"
+  sm: "[&>*]:px-3 [&>*]:py-2",
+  md: "[&>*]:px-4 [&>*]:py-3",
+  lg: "[&>*]:px-6 [&>*]:py-4"
 };
 var CardRoot = react.forwardRef(
   ({
@@ -169,5 +169,5 @@ exports.CardBody = CardBody;
 exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardMedia = CardMedia;
-//# sourceMappingURL=chunk-524TOKU3.cjs.map
-//# sourceMappingURL=chunk-524TOKU3.cjs.map
+//# sourceMappingURL=chunk-5DQ2XUJI.cjs.map
+//# sourceMappingURL=chunk-5DQ2XUJI.cjs.map

package/dist/{chunk-524TOKU3.cjs.map → chunk-5DQ2XUJI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Card/CardHeader.tsx","../src/components/Card/CardBody.tsx","../src/components/Card/CardFooter.tsx","../src/components/Card/CardMedia.tsx","../src/components/Card/Card.tsx"],"names":["forwardRef","jsx","cn","jsxs"],"mappings":"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","file":"chunk-524TOKU3.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardHeaderProps } from \"./Card.types\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-header=\"\"\n        className={cn(\n          \"border-b border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardHeader.displayName = \"CardHeader\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardBodyProps } from \"./Card.types\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-body=\"\"\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = \"CardBody\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardFooterProps } from \"./Card.types\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-footer=\"\"\n        className={cn(\n          \"border-t border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardFooter.displayName = \"CardFooter\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardMediaProps } from \"./Card.types\";\n\n/**\n * The fixed-ratio media region at the top of a card: a thumbnail, gradient or\n * solid swatch, with slots pinned to its corners.\n *\n * This is `Card.Media` rather than a separate `<MediaCard>` because the thing\n * being asked for was never a different card — it was a card with a picture in\n * it. Four surfaces had each rebuilt exactly this (a gallery index, a package\n * grid, a starter-kit grid and a showcase grid) and one of them was already\n * wrapping `Card` and hand-rolling only this region.\n *\n * ## The `background` is not decoration\n *\n * It shows through while the image loads and stays visible if the image never\n * arrives. The gallery relied on that: each style card is keyed to a swatch, so\n * a missing screenshot degrades to the right colour rather than to a hole.\n */\nexport const CardMedia = forwardRef<HTMLDivElement, CardMediaProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      ratio = \"16/9\",\n      height,\n      background,\n      objectPosition = \"center\",\n      loading = \"lazy\",\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-media=\"\"\n        className={cn(\n          \"relative overflow-hidden rounded-t-lg\",\n          // Card's `padding` prop pads EVERY direct div child\n          // (`[&>div]:px-4 …`), which would inset the media and break the\n          // flush-to-the-edge look every caller wants. `!` wins regardless of\n          // stylesheet order, which plain `p-0` would not.\n          \"!px-0 !py-0\",\n          className,\n        )}\n        style={{\n          ...(height === undefined ? { aspectRatio: ratio } : { height }),\n          ...(background ? { background } : null),\n          ...style,\n        }}\n        {...props}\n      >\n        {src ? (\n          <img\n            src={src}\n            alt={alt}\n            loading={loading}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            style={{ objectPosition }}\n          />\n        ) : null}\n\n        {children}\n\n        {topLeft ? <span className=\"absolute left-2 top-2 z-10\">{topLeft}</span> : null}\n        {topRight ? <span className=\"absolute right-2 top-2 z-10\">{topRight}</span> : null}\n        {bottomLeft ? <span className=\"absolute bottom-2 left-2 z-10\">{bottomLeft}</span> : null}\n        {bottomRight ? <span className=\"absolute bottom-2 right-2 z-10\">{bottomRight}</span> : null}\n      </div>\n    );\n  },\n);\n\nCardMedia.displayName = \"CardMedia\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { CardHeader } from \"./CardHeader\";\nimport { CardBody } from \"./CardBody\";\nimport { CardFooter } from \"./CardFooter\";\nimport { CardMedia } from \"./CardMedia\";\nimport type { CardProps } from \"./Card.types\";\n\nconst variantClasses: Record<NonNullable<CardProps[\"variant\"]>, string> = {\n  outlined: \"border border-zinc-200 dark:border-zinc-700\",\n  elevated: \"shadow-md border border-zinc-100 dark:border-zinc-800\",\n  flat: \"bg-zinc-50 dark:bg-zinc-800/50\",\n};\n\nconst paddingClasses: Record<NonNullable<CardProps[\"padding\"]>, string> = {\n  none: \"\",\n  sm: \"[&>div]:px-3 [&>div]:py-2\",\n  md: \"[&>div]:px-4 [&>div]:py-3\",\n  lg: \"[&>div]:px-6 [&>div]:py-4\",\n};\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      variant = \"outlined\",\n      padding = \"md\",\n      interactive = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card=\"\"\n        className={cn(\n          \"rounded-lg bg-white dark:bg-zinc-900\",\n          variantClasses[variant],\n          // `overflow-hidden` is part of `interactive` rather than always-on:\n          // clipping unconditionally would cut off popovers and dropdowns that\n          // legitimately overflow a static card.\n          interactive &&\n            \"overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg hover:border-zinc-300 dark:hover:border-zinc-600\",\n          paddingClasses[padding],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardRoot.displayName = \"Card\";\n\nexport const Card = Object.assign(CardRoot, {\n  Media: CardMedia,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"]}
+{"version":3,"sources":["../src/components/Card/CardHeader.tsx","../src/components/Card/CardBody.tsx","../src/components/Card/CardFooter.tsx","../src/components/Card/CardMedia.tsx","../src/components/Card/Card.tsx"],"names":["forwardRef","jsx","cn","jsxs"],"mappings":"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","file":"chunk-5DQ2XUJI.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardHeaderProps } from \"./Card.types\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-header=\"\"\n        className={cn(\n          \"border-b border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardHeader.displayName = \"CardHeader\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardBodyProps } from \"./Card.types\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-body=\"\"\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = \"CardBody\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardFooterProps } from \"./Card.types\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-footer=\"\"\n        className={cn(\n          \"border-t border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardFooter.displayName = \"CardFooter\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardMediaProps } from \"./Card.types\";\n\n/**\n * The fixed-ratio media region at the top of a card: a thumbnail, gradient or\n * solid swatch, with slots pinned to its corners.\n *\n * This is `Card.Media` rather than a separate `<MediaCard>` because the thing\n * being asked for was never a different card — it was a card with a picture in\n * it. Four surfaces had each rebuilt exactly this (a gallery index, a package\n * grid, a starter-kit grid and a showcase grid) and one of them was already\n * wrapping `Card` and hand-rolling only this region.\n *\n * ## The `background` is not decoration\n *\n * It shows through while the image loads and stays visible if the image never\n * arrives. The gallery relied on that: each style card is keyed to a swatch, so\n * a missing screenshot degrades to the right colour rather than to a hole.\n */\nexport const CardMedia = forwardRef<HTMLDivElement, CardMediaProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      ratio = \"16/9\",\n      height,\n      background,\n      objectPosition = \"center\",\n      loading = \"lazy\",\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-media=\"\"\n        className={cn(\n          \"relative overflow-hidden rounded-t-lg\",\n          // Card's `padding` prop pads EVERY direct child\n          // (`[&>*]:px-4 …`), which would inset the media and break the\n          // flush-to-the-edge look every caller wants. `!` wins regardless of\n          // stylesheet order, which plain `p-0` would not.\n          \"!px-0 !py-0\",\n          className,\n        )}\n        style={{\n          ...(height === undefined ? { aspectRatio: ratio } : { height }),\n          ...(background ? { background } : null),\n          ...style,\n        }}\n        {...props}\n      >\n        {src ? (\n          <img\n            src={src}\n            alt={alt}\n            loading={loading}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            style={{ objectPosition }}\n          />\n        ) : null}\n\n        {children}\n\n        {topLeft ? <span className=\"absolute left-2 top-2 z-10\">{topLeft}</span> : null}\n        {topRight ? <span className=\"absolute right-2 top-2 z-10\">{topRight}</span> : null}\n        {bottomLeft ? <span className=\"absolute bottom-2 left-2 z-10\">{bottomLeft}</span> : null}\n        {bottomRight ? <span className=\"absolute bottom-2 right-2 z-10\">{bottomRight}</span> : null}\n      </div>\n    );\n  },\n);\n\nCardMedia.displayName = \"CardMedia\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { CardHeader } from \"./CardHeader\";\nimport { CardBody } from \"./CardBody\";\nimport { CardFooter } from \"./CardFooter\";\nimport { CardMedia } from \"./CardMedia\";\nimport type { CardProps } from \"./Card.types\";\n\nconst variantClasses: Record<NonNullable<CardProps[\"variant\"]>, string> = {\n  outlined: \"border border-zinc-200 dark:border-zinc-700\",\n  elevated: \"shadow-md border border-zinc-100 dark:border-zinc-800\",\n  flat: \"bg-zinc-50 dark:bg-zinc-800/50\",\n};\n\n/**\n * Padding is applied to the card's DIRECT CHILDREN rather than the card\n * itself, so a full-bleed child (`Card.Media`) can opt out with `!px-0`\n * without having to undo a padding that is already baked into the frame.\n *\n * The selector is `&>*`, not `&>div`. It was `&>div` until 5.24.0, which meant\n * the tag a caller happened to choose silently decided whether that child was\n * padded: `<Card><div>a</div><p>b</p></Card>` inset the div and left the\n * paragraph hard against the border. Nothing in the caller's code hinted at\n * the rule, and the result read as a bug in the card.\n */\nconst paddingClasses: Record<NonNullable<CardProps[\"padding\"]>, string> = {\n  none: \"\",\n  sm: \"[&>*]:px-3 [&>*]:py-2\",\n  md: \"[&>*]:px-4 [&>*]:py-3\",\n  lg: \"[&>*]:px-6 [&>*]:py-4\",\n};\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      variant = \"outlined\",\n      padding = \"md\",\n      interactive = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card=\"\"\n        className={cn(\n          \"rounded-lg bg-white dark:bg-zinc-900\",\n          variantClasses[variant],\n          // `overflow-hidden` is part of `interactive` rather than always-on:\n          // clipping unconditionally would cut off popovers and dropdowns that\n          // legitimately overflow a static card.\n          interactive &&\n            \"overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg hover:border-zinc-300 dark:hover:border-zinc-600\",\n          paddingClasses[padding],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardRoot.displayName = \"Card\";\n\nexport const Card = Object.assign(CardRoot, {\n  Media: CardMedia,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"]}

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-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/{chunk-4K4ECIKK.js → chunk-ZIDBI6JX.js}

@@ -78,8 +78,8 @@ var CardMedia = forwardRef(
         "data-react-fancy-card-media": "",
         className: cn(
           "relative overflow-hidden rounded-t-lg",
-          // Card's `padding` prop pads EVERY direct div child
-          // (`[&>div]:px-4 …`), which would inset the media and break the
+          // Card's `padding` prop pads EVERY direct child
+          // (`[&>*]:px-4 …`), which would inset the media and break the
           // flush-to-the-edge look every caller wants. `!` wins regardless of
           // stylesheet order, which plain `p-0` would not.
           "!px-0 !py-0",
@@ -120,9 +120,9 @@ var variantClasses = {
 };
 var paddingClasses = {
   none: "",
-  sm: "[&>div]:px-3 [&>div]:py-2",
-  md: "[&>div]:px-4 [&>div]:py-3",
-  lg: "[&>div]:px-6 [&>div]:py-4"
+  sm: "[&>*]:px-3 [&>*]:py-2",
+  md: "[&>*]:px-4 [&>*]:py-3",
+  lg: "[&>*]:px-6 [&>*]:py-4"
 };
 var CardRoot = forwardRef(
   ({
@@ -163,5 +163,5 @@ var Card = Object.assign(CardRoot, {
 });
 
 export { Card, CardBody, CardFooter, CardHeader, CardMedia };
-//# sourceMappingURL=chunk-4K4ECIKK.js.map
-//# sourceMappingURL=chunk-4K4ECIKK.js.map
+//# sourceMappingURL=chunk-ZIDBI6JX.js.map
+//# sourceMappingURL=chunk-ZIDBI6JX.js.map

package/dist/{chunk-4K4ECIKK.js.map → chunk-ZIDBI6JX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Card/CardHeader.tsx","../src/components/Card/CardBody.tsx","../src/components/Card/CardFooter.tsx","../src/components/Card/CardMedia.tsx","../src/components/Card/Card.tsx"],"names":["forwardRef","jsx"],"mappings":"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","file":"chunk-4K4ECIKK.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardHeaderProps } from \"./Card.types\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-header=\"\"\n        className={cn(\n          \"border-b border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardHeader.displayName = \"CardHeader\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardBodyProps } from \"./Card.types\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-body=\"\"\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = \"CardBody\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardFooterProps } from \"./Card.types\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-footer=\"\"\n        className={cn(\n          \"border-t border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardFooter.displayName = \"CardFooter\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardMediaProps } from \"./Card.types\";\n\n/**\n * The fixed-ratio media region at the top of a card: a thumbnail, gradient or\n * solid swatch, with slots pinned to its corners.\n *\n * This is `Card.Media` rather than a separate `<MediaCard>` because the thing\n * being asked for was never a different card — it was a card with a picture in\n * it. Four surfaces had each rebuilt exactly this (a gallery index, a package\n * grid, a starter-kit grid and a showcase grid) and one of them was already\n * wrapping `Card` and hand-rolling only this region.\n *\n * ## The `background` is not decoration\n *\n * It shows through while the image loads and stays visible if the image never\n * arrives. The gallery relied on that: each style card is keyed to a swatch, so\n * a missing screenshot degrades to the right colour rather than to a hole.\n */\nexport const CardMedia = forwardRef<HTMLDivElement, CardMediaProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      ratio = \"16/9\",\n      height,\n      background,\n      objectPosition = \"center\",\n      loading = \"lazy\",\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-media=\"\"\n        className={cn(\n          \"relative overflow-hidden rounded-t-lg\",\n          // Card's `padding` prop pads EVERY direct div child\n          // (`[&>div]:px-4 …`), which would inset the media and break the\n          // flush-to-the-edge look every caller wants. `!` wins regardless of\n          // stylesheet order, which plain `p-0` would not.\n          \"!px-0 !py-0\",\n          className,\n        )}\n        style={{\n          ...(height === undefined ? { aspectRatio: ratio } : { height }),\n          ...(background ? { background } : null),\n          ...style,\n        }}\n        {...props}\n      >\n        {src ? (\n          <img\n            src={src}\n            alt={alt}\n            loading={loading}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            style={{ objectPosition }}\n          />\n        ) : null}\n\n        {children}\n\n        {topLeft ? <span className=\"absolute left-2 top-2 z-10\">{topLeft}</span> : null}\n        {topRight ? <span className=\"absolute right-2 top-2 z-10\">{topRight}</span> : null}\n        {bottomLeft ? <span className=\"absolute bottom-2 left-2 z-10\">{bottomLeft}</span> : null}\n        {bottomRight ? <span className=\"absolute bottom-2 right-2 z-10\">{bottomRight}</span> : null}\n      </div>\n    );\n  },\n);\n\nCardMedia.displayName = \"CardMedia\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { CardHeader } from \"./CardHeader\";\nimport { CardBody } from \"./CardBody\";\nimport { CardFooter } from \"./CardFooter\";\nimport { CardMedia } from \"./CardMedia\";\nimport type { CardProps } from \"./Card.types\";\n\nconst variantClasses: Record<NonNullable<CardProps[\"variant\"]>, string> = {\n  outlined: \"border border-zinc-200 dark:border-zinc-700\",\n  elevated: \"shadow-md border border-zinc-100 dark:border-zinc-800\",\n  flat: \"bg-zinc-50 dark:bg-zinc-800/50\",\n};\n\nconst paddingClasses: Record<NonNullable<CardProps[\"padding\"]>, string> = {\n  none: \"\",\n  sm: \"[&>div]:px-3 [&>div]:py-2\",\n  md: \"[&>div]:px-4 [&>div]:py-3\",\n  lg: \"[&>div]:px-6 [&>div]:py-4\",\n};\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      variant = \"outlined\",\n      padding = \"md\",\n      interactive = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card=\"\"\n        className={cn(\n          \"rounded-lg bg-white dark:bg-zinc-900\",\n          variantClasses[variant],\n          // `overflow-hidden` is part of `interactive` rather than always-on:\n          // clipping unconditionally would cut off popovers and dropdowns that\n          // legitimately overflow a static card.\n          interactive &&\n            \"overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg hover:border-zinc-300 dark:hover:border-zinc-600\",\n          paddingClasses[padding],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardRoot.displayName = \"Card\";\n\nexport const Card = Object.assign(CardRoot, {\n  Media: CardMedia,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"]}
+{"version":3,"sources":["../src/components/Card/CardHeader.tsx","../src/components/Card/CardBody.tsx","../src/components/Card/CardFooter.tsx","../src/components/Card/CardMedia.tsx","../src/components/Card/Card.tsx"],"names":["forwardRef","jsx"],"mappings":"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","file":"chunk-ZIDBI6JX.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardHeaderProps } from \"./Card.types\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-header=\"\"\n        className={cn(\n          \"border-b border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardHeader.displayName = \"CardHeader\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardBodyProps } from \"./Card.types\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-body=\"\"\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = \"CardBody\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardFooterProps } from \"./Card.types\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-footer=\"\"\n        className={cn(\n          \"border-t border-zinc-200 dark:border-zinc-700\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardFooter.displayName = \"CardFooter\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CardMediaProps } from \"./Card.types\";\n\n/**\n * The fixed-ratio media region at the top of a card: a thumbnail, gradient or\n * solid swatch, with slots pinned to its corners.\n *\n * This is `Card.Media` rather than a separate `<MediaCard>` because the thing\n * being asked for was never a different card — it was a card with a picture in\n * it. Four surfaces had each rebuilt exactly this (a gallery index, a package\n * grid, a starter-kit grid and a showcase grid) and one of them was already\n * wrapping `Card` and hand-rolling only this region.\n *\n * ## The `background` is not decoration\n *\n * It shows through while the image loads and stays visible if the image never\n * arrives. The gallery relied on that: each style card is keyed to a swatch, so\n * a missing screenshot degrades to the right colour rather than to a hole.\n */\nexport const CardMedia = forwardRef<HTMLDivElement, CardMediaProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      ratio = \"16/9\",\n      height,\n      background,\n      objectPosition = \"center\",\n      loading = \"lazy\",\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-media=\"\"\n        className={cn(\n          \"relative overflow-hidden rounded-t-lg\",\n          // Card's `padding` prop pads EVERY direct child\n          // (`[&>*]:px-4 …`), which would inset the media and break the\n          // flush-to-the-edge look every caller wants. `!` wins regardless of\n          // stylesheet order, which plain `p-0` would not.\n          \"!px-0 !py-0\",\n          className,\n        )}\n        style={{\n          ...(height === undefined ? { aspectRatio: ratio } : { height }),\n          ...(background ? { background } : null),\n          ...style,\n        }}\n        {...props}\n      >\n        {src ? (\n          <img\n            src={src}\n            alt={alt}\n            loading={loading}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            style={{ objectPosition }}\n          />\n        ) : null}\n\n        {children}\n\n        {topLeft ? <span className=\"absolute left-2 top-2 z-10\">{topLeft}</span> : null}\n        {topRight ? <span className=\"absolute right-2 top-2 z-10\">{topRight}</span> : null}\n        {bottomLeft ? <span className=\"absolute bottom-2 left-2 z-10\">{bottomLeft}</span> : null}\n        {bottomRight ? <span className=\"absolute bottom-2 right-2 z-10\">{bottomRight}</span> : null}\n      </div>\n    );\n  },\n);\n\nCardMedia.displayName = \"CardMedia\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { CardHeader } from \"./CardHeader\";\nimport { CardBody } from \"./CardBody\";\nimport { CardFooter } from \"./CardFooter\";\nimport { CardMedia } from \"./CardMedia\";\nimport type { CardProps } from \"./Card.types\";\n\nconst variantClasses: Record<NonNullable<CardProps[\"variant\"]>, string> = {\n  outlined: \"border border-zinc-200 dark:border-zinc-700\",\n  elevated: \"shadow-md border border-zinc-100 dark:border-zinc-800\",\n  flat: \"bg-zinc-50 dark:bg-zinc-800/50\",\n};\n\n/**\n * Padding is applied to the card's DIRECT CHILDREN rather than the card\n * itself, so a full-bleed child (`Card.Media`) can opt out with `!px-0`\n * without having to undo a padding that is already baked into the frame.\n *\n * The selector is `&>*`, not `&>div`. It was `&>div` until 5.24.0, which meant\n * the tag a caller happened to choose silently decided whether that child was\n * padded: `<Card><div>a</div><p>b</p></Card>` inset the div and left the\n * paragraph hard against the border. Nothing in the caller's code hinted at\n * the rule, and the result read as a bug in the card.\n */\nconst paddingClasses: Record<NonNullable<CardProps[\"padding\"]>, string> = {\n  none: \"\",\n  sm: \"[&>*]:px-3 [&>*]:py-2\",\n  md: \"[&>*]:px-4 [&>*]:py-3\",\n  lg: \"[&>*]:px-6 [&>*]:py-4\",\n};\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      variant = \"outlined\",\n      padding = \"md\",\n      interactive = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card=\"\"\n        className={cn(\n          \"rounded-lg bg-white dark:bg-zinc-900\",\n          variantClasses[variant],\n          // `overflow-hidden` is part of `interactive` rather than always-on:\n          // clipping unconditionally would cut off popovers and dropdowns that\n          // legitimately overflow a static card.\n          interactive &&\n            \"overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg hover:border-zinc-300 dark:hover:border-zinc-600\",\n          paddingClasses[padding],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardRoot.displayName = \"Card\";\n\nexport const Card = Object.assign(CardRoot, {\n  Media: CardMedia,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"]}

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');
@@ -102,7 +102,7 @@ var chunkBFKCVSNK_cjs = require('./chunk-BFKCVSNK.cjs');
 var chunkQOGKO6JH_cjs = require('./chunk-QOGKO6JH.cjs');
 require('./chunk-3I2KWNXT.cjs');
 var chunkCJVNO5YM_cjs = require('./chunk-CJVNO5YM.cjs');
-var chunk524TOKU3_cjs = require('./chunk-524TOKU3.cjs');
+var chunk5DQ2XUJI_cjs = require('./chunk-5DQ2XUJI.cjs');
 var chunk6SO2ZX3J_cjs = require('./chunk-6SO2ZX3J.cjs');
 var chunkN4VHOTMK_cjs = require('./chunk-N4VHOTMK.cjs');
 var chunkZTC3EQFZ_cjs = require('./chunk-ZTC3EQFZ.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,
@@ -722,7 +722,7 @@ Object.defineProperty(exports, "Callout", {
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunk524TOKU3_cjs.Card; }
+  get: function () { return chunk5DQ2XUJI_cjs.Card; }
 });
 Object.defineProperty(exports, "Carousel", {
   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';
@@ -100,7 +100,7 @@ export { sanitizeHref, sanitizeHtml } from './chunk-XJXQG34J.js';
 export { Calendar } from './chunk-NTMHP7FS.js';
 import './chunk-NMXCQOHV.js';
 export { Callout } from './chunk-HOP3XXPV.js';
-export { Card } from './chunk-4K4ECIKK.js';
+export { Card } from './chunk-ZIDBI6JX.js';
 export { Carousel, useCarousel } from './chunk-RFLPFQFF.js';
 export { Accordion, useAccordion } from './chunk-LYHQ4VBR.js';
 export { AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, useAccordionPanel, useAccordionSection } from './chunk-I3RPL3GE.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.1",
+  "version": "5.25.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",

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"]}