@fuf-stack/pixels 0.40.0 → 0.41.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.40.0",
+  "version": "0.41.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -59,11 +59,6 @@
       "import": "./dist/Card/index.js",
       "require": "./dist/Card/index.cjs"
     },
-    "./CircularProgress": {
-      "types": "./dist/CircularProgress/index.d.ts",
-      "import": "./dist/CircularProgress/index.js",
-      "require": "./dist/CircularProgress/index.cjs"
-    },
     "./Drawer": {
       "types": "./dist/Drawer/index.d.ts",
       "import": "./dist/Drawer/index.js",
@@ -108,6 +103,11 @@
       "import": "./dist/Progress/index.js",
       "require": "./dist/Progress/index.cjs"
     },
+    "./ProgressCircular": {
+      "types": "./dist/ProgressCircular/index.d.ts",
+      "import": "./dist/ProgressCircular/index.js",
+      "require": "./dist/ProgressCircular/index.cjs"
+    },
     "./ScrollShadow": {
       "types": "./dist/ScrollShadow/index.d.ts",
       "import": "./dist/ScrollShadow/index.js",
@@ -123,6 +123,11 @@
       "import": "./dist/Tabs/index.js",
       "require": "./dist/Tabs/index.cjs"
     },
+    "./Toast": {
+      "types": "./dist/Toast/index.d.ts",
+      "import": "./dist/Toast/index.js",
+      "require": "./dist/Toast/index.cjs"
+    },
     "./Tooltip": {
       "types": "./dist/Tooltip/index.d.ts",
       "import": "./dist/Tooltip/index.js",
@@ -154,31 +159,31 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@heroui/alert": "2.2.16",
-    "@heroui/avatar": "2.2.12",
-    "@heroui/accordion": "2.2.13",
+    "@heroui/alert": "2.2.17",
+    "@heroui/avatar": "2.2.13",
+    "@heroui/accordion": "2.2.14",
     "@heroui/badge": "2.2.10",
-    "@heroui/breadcrumbs": "2.2.12",
-    "@heroui/button": "2.2.16",
-    "@heroui/card": "2.2.15",
-    "@heroui/chip": "2.2.12",
+    "@heroui/breadcrumbs": "2.2.13",
+    "@heroui/button": "2.2.17",
+    "@heroui/card": "2.2.16",
+    "@heroui/chip": "2.2.13",
     "@heroui/divider": "2.2.11",
-    "@heroui/drawer": "2.2.13",
-    "@heroui/dropdown": "2.3.16",
-    "@heroui/modal": "2.2.13",
-    "@heroui/popover": "2.3.16",
-    "@heroui/progress": "2.2.12",
-    "@heroui/scroll-shadow": "2.3.10",
-    "@heroui/system": "2.4.12",
-    "@heroui/table": "2.2.15",
-    "@heroui/theme": "2.4.12",
-    "@heroui/tabs": "2.2.13",
-    "@heroui/toast": "2.0.6",
-    "@heroui/tooltip": "2.2.13",
-    "framer-motion": "12.7.2",
+    "@heroui/drawer": "2.2.14",
+    "@heroui/dropdown": "2.3.17",
+    "@heroui/modal": "2.2.14",
+    "@heroui/popover": "2.3.17",
+    "@heroui/progress": "2.2.13",
+    "@heroui/scroll-shadow": "2.3.11",
+    "@heroui/system": "2.4.13",
+    "@heroui/table": "2.2.16",
+    "@heroui/theme": "2.4.13",
+    "@heroui/tabs": "2.2.14",
+    "@heroui/toast": "2.0.7",
+    "@heroui/tooltip": "2.2.14",
+    "framer-motion": "12.7.3",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
-    "@fuf-stack/pixel-utils": "0.5.2"
+    "@fuf-stack/pixel-utils": "0.5.3"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",

package/dist/CircularProgress/index.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-var _chunk37WQ3CBAcjs = require('../chunk-37WQ3CBA.cjs');
-require('../chunk-D4TLDLEX.cjs');
-
-
-
-
-
-exports.CircularProgress = _chunk37WQ3CBAcjs.CircularProgress_default; exports.circularProgressStyleVariantOptions = _chunk37WQ3CBAcjs.circularProgressStyleVariantOptions; exports.circularProgressVariants = _chunk37WQ3CBAcjs.circularProgressVariants; exports.default = _chunk37WQ3CBAcjs.CircularProgress_default2;
-//# sourceMappingURL=index.cjs.map

package/dist/CircularProgress/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/CircularProgress/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACF,yTAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/CircularProgress/index.cjs"}

package/dist/CircularProgress/index.d.cts

@@ -1,11 +0,0 @@
-import { C as CircularProgress } from '../CircularProgress-DHrnT6wz.cjs';
-export { b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from '../CircularProgress-DHrnT6wz.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { CircularProgress, CircularProgress as default };

package/dist/CircularProgress/index.d.ts

@@ -1,11 +0,0 @@
-import { C as CircularProgress } from '../CircularProgress-DHrnT6wz.js';
-export { b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from '../CircularProgress-DHrnT6wz.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { CircularProgress, CircularProgress as default };

package/dist/CircularProgress/index.js

@@ -1,14 +0,0 @@
-import {
-  CircularProgress_default,
-  CircularProgress_default2,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants
-} from "../chunk-M3PL6G7W.js";
-import "../chunk-J7N2552D.js";
-export {
-  CircularProgress_default as CircularProgress,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants,
-  CircularProgress_default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/CircularProgress-DHrnT6wz.d.cts

@@ -1,182 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const circularProgressVariants: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof circularProgressVariants>;
-type ClassName = TVClassName<typeof circularProgressVariants>;
-declare const circularProgressStyleVariantOptions: readonly ["default", "warning", "danger", "success", "primary"];
-type CircularProgressStyleVariant = (typeof circularProgressStyleVariantOptions)[number];
-interface CircularProgressProps extends VariantProps {
-    className?: ClassName;
-    format?: (percent?: number) => ReactNode;
-    hasError?: boolean;
-    size?: VariantProps['size'];
-    styleVariant?: CircularProgressStyleVariant;
-    percent: number;
-}
-/**
- * CircularProgress component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
- */
-declare const CircularProgress: ({ className, format, hasError, styleVariant, size, percent, }: CircularProgressProps) => react_jsx_runtime.JSX.Element;
-
-export { CircularProgress as C, type VariantProps as V, circularProgressStyleVariantOptions as a, type CircularProgressProps as b, circularProgressVariants as c, type CircularProgressStyleVariant as d };

package/dist/CircularProgress-DHrnT6wz.d.ts

@@ -1,182 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const circularProgressVariants: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof circularProgressVariants>;
-type ClassName = TVClassName<typeof circularProgressVariants>;
-declare const circularProgressStyleVariantOptions: readonly ["default", "warning", "danger", "success", "primary"];
-type CircularProgressStyleVariant = (typeof circularProgressStyleVariantOptions)[number];
-interface CircularProgressProps extends VariantProps {
-    className?: ClassName;
-    format?: (percent?: number) => ReactNode;
-    hasError?: boolean;
-    size?: VariantProps['size'];
-    styleVariant?: CircularProgressStyleVariant;
-    percent: number;
-}
-/**
- * CircularProgress component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
- */
-declare const CircularProgress: ({ className, format, hasError, styleVariant, size, percent, }: CircularProgressProps) => react_jsx_runtime.JSX.Element;
-
-export { CircularProgress as C, type VariantProps as V, circularProgressStyleVariantOptions as a, type CircularProgressProps as b, circularProgressVariants as c, type CircularProgressStyleVariant as d };

package/dist/chunk-37WQ3CBA.cjs

@@ -1,98 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/CircularProgress/CircularProgress.tsx
-var _fa = require('react-icons/fa');
-var _progress = require('@heroui/progress');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var circularProgressVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    // wrapper around the whole component
-    svgWrapper: "",
-    // wrapper around progress svg and value span
-    svg: "",
-    // wrapper for the circle
-    track: "stroke-default-50",
-    // track of the circle (not finished part)
-    indicator: "",
-    // indicator of the circle (finished part)
-    value: "",
-    // outer span next to the svg
-    label: ""
-    // label next to the svgWrapper
-  },
-  variants: {
-    size: {
-      xs: {
-        value: "text-xs",
-        svg: "h-10 w-10"
-      },
-      sm: {
-        value: "text-sm",
-        svg: "h-12 w-12"
-      },
-      md: {
-        svg: "h-14 w-14",
-        value: "text-md"
-      },
-      lg: {
-        svg: "h-16 w-16",
-        value: "text-lg"
-      }
-    }
-  }
-});
-var circularProgressStyleVariantOptions = [
-  "default",
-  "warning",
-  "danger",
-  "success",
-  "primary"
-];
-var defaultFormat = (percent) => `${percent}%`;
-var CircularProgress = ({
-  className = void 0,
-  format = defaultFormat,
-  hasError = false,
-  styleVariant = "primary",
-  size = "sm",
-  percent
-}) => {
-  const variants = circularProgressVariants({ size });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  let color = styleVariant;
-  let value = format(percent);
-  if (hasError) {
-    color = "danger";
-    value = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaTimes, { className: "text-danger" });
-  } else if (percent >= 100) {
-    color = "success";
-    value = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaCheck, { className: "text-success" });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _progress.CircularProgress,
-    {
-      classNames,
-      "aria-label": "Loading...",
-      formatOptions: void 0,
-      size: "sm",
-      value: percent || 0,
-      valueLabel: percent && value,
-      color,
-      showValueLabel: true,
-      strokeWidth: 2,
-      disableAnimation: true
-    }
-  );
-};
-var CircularProgress_default = CircularProgress;
-
-// src/CircularProgress/index.ts
-var CircularProgress_default2 = CircularProgress_default;
-
-
-
-
-
-
-exports.circularProgressVariants = circularProgressVariants; exports.circularProgressStyleVariantOptions = circularProgressStyleVariantOptions; exports.CircularProgress_default = CircularProgress_default; exports.CircularProgress_default2 = CircularProgress_default2;
-//# sourceMappingURL=chunk-37WQ3CBA.cjs.map

package/dist/chunk-37WQ3CBA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-37WQ3CBA.cjs","../src/CircularProgress/CircularProgress.tsx","../src/CircularProgress/index.ts"],"names":[],"mappings":"AAAA;ACGA,oCAAiC;AAEjC,4CAAyD;AAEzD,oDAAyC;AA4E7B,+CAAA;AA1EL,IAAM,yBAAA,EAA2B,4BAAA;AAAG,EACzC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA;AAAA,IACZ,GAAA,EAAK,EAAA;AAAA;AAAA,IACL,KAAA,EAAO,mBAAA;AAAA;AAAA,IACP,SAAA,EAAW,EAAA;AAAA;AAAA,IACX,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,SAAA;AAAA,QACP,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,SAAA;AAAA,QACP,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAKM,IAAM,oCAAA,EAAsC;AAAA,EACjD,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA;AAaA,IAAM,cAAA,EAAgB,CAAC,OAAA,EAAA,GAAqB,CAAA,EAAA;AAKlB;AACZ,EAAA;AACH,EAAA;AACE,EAAA;AACI,EAAA;AACR,EAAA;AACP,EAAA;AAC2B;AACV,EAAA;AACE,EAAA;AACP,EAAA;AACc,EAAA;AAEZ,EAAA;AACJ,IAAA;AACC,IAAA;AACgB,EAAA;AACjB,IAAA;AACC,IAAA;AACX,EAAA;AAGE,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACW,MAAA;AACI,MAAA;AACV,MAAA;AACa,MAAA;AACK,MAAA;AACvB,MAAA;AACc,MAAA;AACD,MAAA;AACG,MAAA;AAAA,IAAA;AAClB,EAAA;AAEJ;AAEe;ADlBmB;AACA;AExEnB;AF0EmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-37WQ3CBA.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as NextCircularProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const circularProgressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    svgWrapper: '', // wrapper around progress svg and value span\n    svg: '', // wrapper for the circle\n    track: 'stroke-default-50', // track of the circle (not finished part)\n    indicator: '', // indicator of the circle (finished part)\n    value: '', // outer span next to the svg\n    label: '', // label next to the svgWrapper\n  },\n  variants: {\n    size: {\n      xs: {\n        value: 'text-xs',\n        svg: 'h-10 w-10',\n      },\n      sm: {\n        value: 'text-sm',\n        svg: 'h-12 w-12',\n      },\n      md: {\n        svg: 'h-14 w-14',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-16 w-16',\n        value: 'text-lg',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof circularProgressVariants>;\ntype ClassName = TVClassName<typeof circularProgressVariants>;\n\nexport const circularProgressStyleVariantOptions = [\n  'default',\n  'warning',\n  'danger',\n  'success',\n  'primary',\n] as const;\nexport type CircularProgressStyleVariant =\n  (typeof circularProgressStyleVariantOptions)[number];\n\nexport interface CircularProgressProps extends VariantProps {\n  className?: ClassName;\n  format?: (percent?: number) => ReactNode;\n  hasError?: boolean;\n  size?: VariantProps['size'];\n  styleVariant?: CircularProgressStyleVariant;\n  percent: number;\n}\n\nconst defaultFormat = (percent?: number) => `${percent}%`;\n\n/**\n * CircularProgress component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst CircularProgress = ({\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  styleVariant = 'primary',\n  size = 'sm',\n  percent,\n}: CircularProgressProps) => {\n  const variants = circularProgressVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n  let color = styleVariant;\n  let value = format(percent);\n\n  if (hasError) {\n    color = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (percent >= 100) {\n    color = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  return (\n    <NextCircularProgress\n      classNames={classNames}\n      aria-label=\"Loading...\"\n      formatOptions={undefined}\n      size=\"sm\"\n      value={percent || 0}\n      valueLabel={percent && value}\n      color={color}\n      showValueLabel\n      strokeWidth={2}\n      disableAnimation\n    />\n  );\n};\n\nexport default CircularProgress;\n","import CircularProgress, {\n  circularProgressStyleVariantOptions,\n  circularProgressVariants,\n} from './CircularProgress';\n\nexport type {\n  CircularProgressProps,\n  VariantProps as CircularProgressVariantProps,\n  CircularProgressStyleVariant,\n} from './CircularProgress';\n\nexport {\n  CircularProgress,\n  circularProgressVariants,\n  circularProgressStyleVariantOptions,\n};\nexport default CircularProgress;\n"]}