@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Progress/index.d.ts

@@ -1,10 +1,2 @@
-import { P as Progress } from '../Progress-Deph-HCf.js';
-export { a as ProgressProps, p as progressVariants } from '../Progress-Deph-HCf.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Progress, Progress as default };
+import { Progress, ProgressProps, progressVariants } from "./Progress.js";
+export { Progress, Progress as default, type ProgressProps, progressVariants };

package/dist/Progress/index.js

@@ -1,13 +1,7 @@
-import {
-  Progress_default,
-  Progress_default2,
-  progressVariants
-} from "../chunk-OFZQFYUT.js";
-import "../chunk-GKYJUGD4.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Progress_default as Progress,
-  Progress_default2 as default,
-  progressVariants
-};
+import Progress, { progressVariants } from "./Progress.js";
+//#region src/Progress/index.ts
+var Progress_default = Progress;
+//#endregion
+export { Progress, Progress_default as default, progressVariants };
+
 //# sourceMappingURL=index.js.map

package/dist/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Progress/index.ts"],"sourcesContent":["import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"],"mappings":";;AAMA,IAAA,mBAAe"}

package/dist/ProgressCircular/ProgressCircular.cjs

@@ -0,0 +1,102 @@
+require("../_virtual/_rolldown/runtime.cjs");
+const require_useIsInitialRenderCycle = require("../hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_theme = require("@heroui/theme");
+let react_icons_fa = require("react-icons/fa");
+let _heroui_progress = require("@heroui/progress");
+//#region src/ProgressCircular/ProgressCircular.tsx
+const progressCircularVariants = (0, _fuf_stack_pixel_utils.tv)({
+	slots: {
+		base: "",
+		indicator: "",
+		label: "",
+		svg: "",
+		svgWrapper: "",
+		track: "stroke-default-300",
+		value: ""
+	},
+	variants: {
+		color: {
+			info: { svg: "text-info" },
+			..._heroui_theme.circularProgress.variants.color
+		},
+		hasError: { true: { svg: "text-danger" } },
+		isFinished: { true: { svg: "text-success" } },
+		size: {
+			xs: {
+				svg: "h-10 w-10",
+				value: "text-[0.6rem]"
+			},
+			sm: {
+				svg: "h-12 w-12",
+				value: "text-xs"
+			},
+			md: {
+				svg: "h-16 w-16",
+				value: "text-md"
+			},
+			lg: {
+				svg: "h-20 w-20",
+				value: "text-lg"
+			},
+			xl: {
+				svg: "h-24 w-24",
+				value: "text-xl"
+			}
+		}
+	}
+});
+/** formats percent with percent sign */
+const defaultFormat = (percent = 0) => {
+	return `${percent}%`;
+};
+/**
+* ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
+*/
+const ProgressCircular = ({ ariaLabel = "progress", className = void 0, format = defaultFormat, hasError = false, percent, disableAnimation = false, disableFinishedState = false, size = "md", color = "info", strokeWidth: strokeWidthProp = void 0 }) => {
+	const isInitialRenderCycle = require_useIsInitialRenderCycle.useIsInitialRenderCycle();
+	const isFinished = !hasError && percent >= 100 && !disableFinishedState;
+	const classNames = (0, _fuf_stack_pixel_utils.variantsToClassNames)(progressCircularVariants({
+		color,
+		hasError,
+		isFinished,
+		size
+	}), className, "base");
+	let value = format(percent);
+	let strokeWidth = strokeWidthProp;
+	if (!strokeWidth) switch (size) {
+		case "xs":
+			strokeWidth = 2;
+			break;
+		case "sm":
+			strokeWidth = 1.8;
+			break;
+		default:
+			strokeWidth = 1.6;
+			break;
+	}
+	let progressColor = color;
+	if (hasError) {
+		progressColor = "danger";
+		value = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_fa.FaTimes, { className: "text-danger" });
+	} else if (isFinished) {
+		progressColor = "success";
+		value = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_fa.FaCheck, { className: "text-success" });
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_progress.CircularProgress, {
+		showValueLabel: true,
+		"aria-label": ariaLabel,
+		classNames,
+		color: Object.keys(_heroui_theme.circularProgress.variants.color).includes(color) ? progressColor : void 0,
+		disableAnimation: isInitialRenderCycle || disableAnimation,
+		strokeWidth,
+		value: percent || 0,
+		valueLabel: value
+	});
+};
+//#endregion
+exports.default = ProgressCircular;
+exports.progressCircularVariants = progressCircularVariants;
+
+//# sourceMappingURL=ProgressCircular.cjs.map

package/dist/ProgressCircular/ProgressCircular.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircular.cjs","names":["heroCircularProgressVariants","useIsInitialRenderCycle","FaTimes","FaCheck","HeroCircularProgress"],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { CircularProgressProps as HeroCircularProgressProps } from '@heroui/progress';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as HeroCircularProgress } from '@heroui/progress';\nimport { circularProgress as heroCircularProgressVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks/useIsInitialRenderCycle';\n\nexport const progressCircularVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the circle (finished part)\n    indicator: '',\n    // label next to the svgWrapper\n    label: '',\n    // wrapper for the circle\n    svg: '',\n    // wrapper around progress svg and value span\n    svgWrapper: '',\n    // track of the circle (not finished part)\n    track: 'stroke-default-300',\n    // outer span next to the svg\n    value: '',\n  },\n  variants: {\n    color: {\n      info: {\n        svg: 'text-info',\n      },\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n      ...heroCircularProgressVariants.variants.color,\n    },\n    hasError: {\n      true: {\n        svg: 'text-danger',\n      },\n    },\n    isFinished: {\n      true: {\n        svg: 'text-success',\n      },\n    },\n    size: {\n      xs: {\n        svg: 'h-10 w-10',\n        value: 'text-[0.6rem]',\n      },\n      sm: {\n        svg: 'h-12 w-12',\n        value: 'text-xs',\n      },\n      md: {\n        svg: 'h-16 w-16',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-20 w-20',\n        value: 'text-lg',\n      },\n      xl: {\n        svg: 'h-24 w-24',\n        value: 'text-xl',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof progressCircularVariants>;\ntype ClassName = TVClassName<typeof progressCircularVariants>;\n\nexport interface ProgressCircularProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color options */\n  color?: VariantProps['color'];\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** disables special finished state (checkmark icon and success color) */\n  disableFinishedState?: boolean;\n  /** formats the display value of the progress in the center */\n  format?: (percent?: number) => ReactNode;\n  /** enables error version */\n  hasError?: boolean;\n  /** percentage / progress of the circular progress bar */\n  percent: number;\n  /** size options */\n  size?: VariantProps['size'];\n  /** stroke width of the circular progress bar */\n  strokeWidth?: number;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst ProgressCircular = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  percent,\n  disableAnimation = false,\n  disableFinishedState = false,\n  size = 'md',\n  color = 'info',\n  strokeWidth: strokeWidthProp = undefined,\n}: ProgressCircularProps) => {\n  // used to disable animation on initial render cycle\n  const isInitialRenderCycle = useIsInitialRenderCycle();\n\n  // Apply finished state if percent is 100 or more and not disabled by disableFinishedState\n  const isFinished = !hasError && percent >= 100 && !disableFinishedState;\n\n  const variants = progressCircularVariants({\n    color,\n    hasError,\n    isFinished,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // format value\n  let value = format(percent);\n\n  let strokeWidth = strokeWidthProp;\n  // set strokeWidth based on size prop when no strokeWidth provided\n  if (!strokeWidth) {\n    switch (size) {\n      case 'xs':\n        strokeWidth = 2;\n        break;\n      case 'sm':\n        strokeWidth = 1.8;\n        break;\n      default:\n        strokeWidth = 1.6;\n        break;\n    }\n  }\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (hasError) {\n    progressColor = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (isFinished) {\n    progressColor = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  // pass only HeroUI colors as props\n  const heroUiColor = Object.keys(\n    heroCircularProgressVariants.variants.color,\n  ).includes(color)\n    ? (progressColor as HeroCircularProgressProps['color'])\n    : undefined;\n\n  return (\n    <HeroCircularProgress\n      showValueLabel\n      aria-label={ariaLabel}\n      classNames={classNames}\n      color={heroUiColor}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      strokeWidth={strokeWidth}\n      // INFO: we do NOT use spinner animation when no percent provided\n      value={percent || 0}\n      valueLabel={value}\n    />\n  );\n};\n\nexport default ProgressCircular;\n"],"mappings":";;;;;;;;AAaA,MAAa,4BAAA,GAAA,uBAAA,IAA8B;CACzC,OAAO;EAEL,MAAM;EAEN,WAAW;EAEX,OAAO;EAEP,KAAK;EAEL,YAAY;EAEZ,OAAO;EAEP,OAAO;CACT;CACA,UAAU;EACR,OAAO;GACL,MAAM,EACJ,KAAK,YACP;GAEA,GAAGA,cAAAA,iBAA6B,SAAS;EAC3C;EACA,UAAU,EACR,MAAM,EACJ,KAAK,cACP,EACF;EACA,YAAY,EACV,MAAM,EACJ,KAAK,eACP,EACF;EACA,MAAM;GACJ,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;EACF;CACF;AACF,CAAC;;AA6BD,MAAM,iBAAiB,UAAU,MAAM;CACrC,OAAO,GAAG,QAAQ;AACpB;;;;AAKA,MAAM,oBAAoB,EACxB,YAAY,YACZ,YAAY,KAAA,GACZ,SAAS,eACT,WAAW,OACX,SACA,mBAAmB,OACnB,uBAAuB,OACvB,OAAO,MACP,QAAQ,QACR,aAAa,kBAAkB,KAAA,QACJ;CAE3B,MAAM,uBAAuBC,gCAAAA,wBAAwB;CAGrD,MAAM,aAAa,CAAC,YAAY,WAAW,OAAO,CAAC;CAQnD,MAAM,cAAA,GAAA,uBAAA,sBANW,yBAAyB;EACxC;EACA;EACA;EACA;CACF,CAC+C,GAAG,WAAW,MAAM;CAGnE,IAAI,QAAQ,OAAO,OAAO;CAE1B,IAAI,cAAc;CAElB,IAAI,CAAC,aACH,QAAQ,MAAR;EACE,KAAK;GACH,cAAc;GACd;EACF,KAAK;GACH,cAAc;GACd;EACF;GACE,cAAc;GACd;CACJ;CAIF,IAAI,gBAAuC;CAC3C,IAAI,UAAU;EACZ,gBAAgB;EAChB,QAAQ,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD,EAAS,WAAU,cAAe,CAAA;CAC5C,OAAO,IAAI,YAAY;EACrB,gBAAgB;EAChB,QAAQ,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD,EAAS,WAAU,eAAgB,CAAA;CAC7C;CASA,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,kBAAD;EACE,gBAAA;EACA,cAAY;EACA;EACZ,OAXgB,OAAO,KACzBJ,cAAAA,iBAA6B,SAAS,KACxC,EAAE,SAAS,KAAK,IACX,gBACD,KAAA;EAQA,kBAAkB,wBAAwB;EAC7B;EAEb,OAAO,WAAW;EAClB,YAAY;CACb,CAAA;AAEL"}

package/dist/ProgressCircular/ProgressCircular.d.cts

@@ -0,0 +1,239 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/ProgressCircular/ProgressCircular.d.ts
+declare const progressCircularVariants: import("tailwind-variants").TVReturnType<{
+  color: {
+    default: {
+      svg: string;
+    };
+    primary: {
+      svg: string;
+    };
+    secondary: {
+      svg: string;
+    };
+    success: {
+      svg: string;
+    };
+    warning: {
+      svg: string;
+    };
+    danger: {
+      svg: string;
+    };
+    info: {
+      svg: string;
+    };
+  };
+  hasError: {
+    true: {
+      svg: string;
+    };
+  };
+  isFinished: {
+    true: {
+      svg: string;
+    };
+  };
+  size: {
+    xs: {
+      svg: string;
+      value: string;
+    };
+    sm: {
+      svg: string;
+      value: string;
+    };
+    md: {
+      svg: string;
+      value: string;
+    };
+    lg: {
+      svg: string;
+      value: string;
+    };
+    xl: {
+      svg: string;
+      value: string;
+    };
+  };
+}, {
+  base: string;
+  indicator: string;
+  label: string;
+  svg: string;
+  svgWrapper: string;
+  track: string;
+  value: string;
+}, undefined, {
+  color: {
+    default: {
+      svg: string;
+    };
+    primary: {
+      svg: string;
+    };
+    secondary: {
+      svg: string;
+    };
+    success: {
+      svg: string;
+    };
+    warning: {
+      svg: string;
+    };
+    danger: {
+      svg: string;
+    };
+    info: {
+      svg: string;
+    };
+  };
+  hasError: {
+    true: {
+      svg: string;
+    };
+  };
+  isFinished: {
+    true: {
+      svg: string;
+    };
+  };
+  size: {
+    xs: {
+      svg: string;
+      value: string;
+    };
+    sm: {
+      svg: string;
+      value: string;
+    };
+    md: {
+      svg: string;
+      value: string;
+    };
+    lg: {
+      svg: string;
+      value: string;
+    };
+    xl: {
+      svg: string;
+      value: string;
+    };
+  };
+}, {
+  base: string;
+  indicator: string;
+  label: string;
+  svg: string;
+  svgWrapper: string;
+  track: string;
+  value: string;
+}, import("tailwind-variants").TVReturnType<{
+  color: {
+    default: {
+      svg: string;
+    };
+    primary: {
+      svg: string;
+    };
+    secondary: {
+      svg: string;
+    };
+    success: {
+      svg: string;
+    };
+    warning: {
+      svg: string;
+    };
+    danger: {
+      svg: string;
+    };
+    info: {
+      svg: string;
+    };
+  };
+  hasError: {
+    true: {
+      svg: string;
+    };
+  };
+  isFinished: {
+    true: {
+      svg: string;
+    };
+  };
+  size: {
+    xs: {
+      svg: string;
+      value: string;
+    };
+    sm: {
+      svg: string;
+      value: string;
+    };
+    md: {
+      svg: string;
+      value: string;
+    };
+    lg: {
+      svg: string;
+      value: string;
+    };
+    xl: {
+      svg: string;
+      value: string;
+    };
+  };
+}, {
+  base: string;
+  indicator: string;
+  label: string;
+  svg: string;
+  svgWrapper: string;
+  track: string;
+  value: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof progressCircularVariants>;
+type ClassName = TVClassName<typeof progressCircularVariants>;
+interface ProgressCircularProps extends VariantProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** color options */
+  color?: VariantProps['color'];
+  /** disables all animations */
+  disableAnimation?: boolean;
+  /** disables special finished state (checkmark icon and success color) */
+  disableFinishedState?: boolean;
+  /** formats the display value of the progress in the center */
+  format?: (percent?: number) => ReactNode;
+  /** enables error version */
+  hasError?: boolean;
+  /** percentage / progress of the circular progress bar */
+  percent: number;
+  /** size options */
+  size?: VariantProps['size'];
+  /** stroke width of the circular progress bar */
+  strokeWidth?: number;
+}
+/**
+ * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
+ */
+declare const ProgressCircular: ({
+  ariaLabel,
+  className,
+  format,
+  hasError,
+  percent,
+  disableAnimation,
+  disableFinishedState,
+  size,
+  color,
+  strokeWidth: strokeWidthProp
+}: ProgressCircularProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ProgressCircular, ProgressCircularProps, progressCircularVariants };
+//# sourceMappingURL=ProgressCircular.d.cts.map

package/dist/ProgressCircular/ProgressCircular.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircular.d.cts","names":[],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"mappings":";;;;cAaa,wBAAA,8BAAwB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DhC,YAAA,GAAe,OAAO,QAAQ,wBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,wBAAA;AAAA,UAEnB,qBAAA,SAA8B,YAAA;EA+BrB;EA7BxB,SAAA;EA6BwB;EA3BxB,SAAA,GAAY,SAAA;EA2BY;EAzBxB,KAAA,GAAQ,YAAA;EAyBgB;EAvBxB,gBAAA;EAuBwB;EArBxB,oBAAA;EAqBwB;EAnBxB,MAAA,IAAU,OAAA,cAAqB,SAAA;EAmBP;EAjBxB,QAAA;EAiBwB;EAfxB,OAAA;EAewB;EAbxB,IAAA,GAAO,YAAA;EAaiB;EAXxB,WAAA;AAAA;;;;cAWI,gBAAA;EAAoB,SAAA;EAAA,SAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA,EAAA;AAAA,GAWvB,qBAAA,iCAAqB,GAAA,CAAA,OAAA"}

package/dist/ProgressCircular/ProgressCircular.d.ts

@@ -0,0 +1,239 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/ProgressCircular/ProgressCircular.d.ts
+declare const progressCircularVariants: import("tailwind-variants").TVReturnType<{
+  color: {
+    default: {
+      svg: string;
+    };
+    primary: {
+      svg: string;
+    };
+    secondary: {
+      svg: string;
+    };
+    success: {
+      svg: string;
+    };
+    warning: {
+      svg: string;
+    };
+    danger: {
+      svg: string;
+    };
+    info: {
+      svg: string;
+    };
+  };
+  hasError: {
+    true: {
+      svg: string;
+    };
+  };
+  isFinished: {
+    true: {
+      svg: string;
+    };
+  };
+  size: {
+    xs: {
+      svg: string;
+      value: string;
+    };
+    sm: {
+      svg: string;
+      value: string;
+    };
+    md: {
+      svg: string;
+      value: string;
+    };
+    lg: {
+      svg: string;
+      value: string;
+    };
+    xl: {
+      svg: string;
+      value: string;
+    };
+  };
+}, {
+  base: string;
+  indicator: string;
+  label: string;
+  svg: string;
+  svgWrapper: string;
+  track: string;
+  value: string;
+}, undefined, {
+  color: {
+    default: {
+      svg: string;
+    };
+    primary: {
+      svg: string;
+    };
+    secondary: {
+      svg: string;
+    };
+    success: {
+      svg: string;
+    };
+    warning: {
+      svg: string;
+    };
+    danger: {
+      svg: string;
+    };
+    info: {
+      svg: string;
+    };
+  };
+  hasError: {
+    true: {
+      svg: string;
+    };
+  };
+  isFinished: {
+    true: {
+      svg: string;
+    };
+  };
+  size: {
+    xs: {
+      svg: string;
+      value: string;
+    };
+    sm: {
+      svg: string;
+      value: string;
+    };
+    md: {
+      svg: string;
+      value: string;
+    };
+    lg: {
+      svg: string;
+      value: string;
+    };
+    xl: {
+      svg: string;
+      value: string;
+    };
+  };
+}, {
+  base: string;
+  indicator: string;
+  label: string;
+  svg: string;
+  svgWrapper: string;
+  track: string;
+  value: string;
+}, import("tailwind-variants").TVReturnType<{
+  color: {
+    default: {
+      svg: string;
+    };
+    primary: {
+      svg: string;
+    };
+    secondary: {
+      svg: string;
+    };
+    success: {
+      svg: string;
+    };
+    warning: {
+      svg: string;
+    };
+    danger: {
+      svg: string;
+    };
+    info: {
+      svg: string;
+    };
+  };
+  hasError: {
+    true: {
+      svg: string;
+    };
+  };
+  isFinished: {
+    true: {
+      svg: string;
+    };
+  };
+  size: {
+    xs: {
+      svg: string;
+      value: string;
+    };
+    sm: {
+      svg: string;
+      value: string;
+    };
+    md: {
+      svg: string;
+      value: string;
+    };
+    lg: {
+      svg: string;
+      value: string;
+    };
+    xl: {
+      svg: string;
+      value: string;
+    };
+  };
+}, {
+  base: string;
+  indicator: string;
+  label: string;
+  svg: string;
+  svgWrapper: string;
+  track: string;
+  value: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof progressCircularVariants>;
+type ClassName = TVClassName<typeof progressCircularVariants>;
+interface ProgressCircularProps extends VariantProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** color options */
+  color?: VariantProps['color'];
+  /** disables all animations */
+  disableAnimation?: boolean;
+  /** disables special finished state (checkmark icon and success color) */
+  disableFinishedState?: boolean;
+  /** formats the display value of the progress in the center */
+  format?: (percent?: number) => ReactNode;
+  /** enables error version */
+  hasError?: boolean;
+  /** percentage / progress of the circular progress bar */
+  percent: number;
+  /** size options */
+  size?: VariantProps['size'];
+  /** stroke width of the circular progress bar */
+  strokeWidth?: number;
+}
+/**
+ * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
+ */
+declare const ProgressCircular: ({
+  ariaLabel,
+  className,
+  format,
+  hasError,
+  percent,
+  disableAnimation,
+  disableFinishedState,
+  size,
+  color,
+  strokeWidth: strokeWidthProp
+}: ProgressCircularProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ProgressCircular, ProgressCircularProps, progressCircularVariants };
+//# sourceMappingURL=ProgressCircular.d.ts.map

package/dist/ProgressCircular/ProgressCircular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircular.d.ts","names":[],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"mappings":";;;;cAaa,wBAAA,8BAAwB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DhC,YAAA,GAAe,OAAO,QAAQ,wBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,wBAAA;AAAA,UAEnB,qBAAA,SAA8B,YAAA;EA+BrB;EA7BxB,SAAA;EA6BwB;EA3BxB,SAAA,GAAY,SAAA;EA2BY;EAzBxB,KAAA,GAAQ,YAAA;EAyBgB;EAvBxB,gBAAA;EAuBwB;EArBxB,oBAAA;EAqBwB;EAnBxB,MAAA,IAAU,OAAA,cAAqB,SAAA;EAmBP;EAjBxB,QAAA;EAiBwB;EAfxB,OAAA;EAewB;EAbxB,IAAA,GAAO,YAAA;EAaiB;EAXxB,WAAA;AAAA;;;;cAWI,gBAAA;EAAoB,SAAA;EAAA,SAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA,EAAA;AAAA,GAWvB,qBAAA,iCAAqB,GAAA,CAAA,OAAA"}