@fuf-stack/pixels 0.39.9 → 0.40.0

package/dist/Avatar/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-ylNJ_-dY.cjs';
-export { a as AvatarProps } from '../Avatar-ylNJ_-dY.cjs';
+import { A as Avatar } from '../Avatar-B8lVnLpp.cjs';
+export { a as AvatarProps } from '../Avatar-B8lVnLpp.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Avatar/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-ylNJ_-dY.js';
-export { a as AvatarProps } from '../Avatar-ylNJ_-dY.js';
+import { A as Avatar } from '../Avatar-B8lVnLpp.js';
+export { a as AvatarProps } from '../Avatar-B8lVnLpp.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/AvatarGroup/index.d.cts

@@ -1,8 +1,8 @@
-import { A as AvatarGroup } from '../AvatarGroup-CUyQwK3t.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-CUyQwK3t.cjs';
+import { A as AvatarGroup } from '../AvatarGroup-2Lmu_V2d.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup-2Lmu_V2d.cjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-ylNJ_-dY.cjs';
+import '../Avatar-B8lVnLpp.cjs';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/AvatarGroup/index.d.ts

@@ -1,8 +1,8 @@
-import { A as AvatarGroup } from '../AvatarGroup-BfOtqfJy.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-BfOtqfJy.js';
+import { A as AvatarGroup } from '../AvatarGroup-BMKOfE_a.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-BMKOfE_a.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-ylNJ_-dY.js';
+import '../Avatar-B8lVnLpp.js';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/{AvatarGroup-CUyQwK3t.d.cts → AvatarGroup-2Lmu_V2d.d.cts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX } from 'react';
-import { a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
+import { a as AvatarProps } from './Avatar-B8lVnLpp.cjs';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/{AvatarGroup-BfOtqfJy.d.ts → AvatarGroup-BMKOfE_a.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX } from 'react';
-import { a as AvatarProps } from './Avatar-ylNJ_-dY.js';
+import { a as AvatarProps } from './Avatar-B8lVnLpp.js';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/CircularProgress/index.cjs

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,14 @@
+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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/CircularProgress-DHrnT6wz.d.cts

@@ -0,0 +1,182 @@
+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

@@ -0,0 +1,182 @@
+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/Drawer/index.d.cts

@@ -1,5 +1,5 @@
-import { D as Drawer } from '../Drawer-BnV9qxPA.cjs';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-BnV9qxPA.cjs';
+import { D as Drawer } from '../Drawer-DmwcvuKe.cjs';
+export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DmwcvuKe.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Drawer/index.d.ts

@@ -1,5 +1,5 @@
-import { D as Drawer } from '../Drawer-BnV9qxPA.js';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-BnV9qxPA.js';
+import { D as Drawer } from '../Drawer-DmwcvuKe.js';
+export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DmwcvuKe.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/chunk-37WQ3CBA.cjs

@@ -0,0 +1,98 @@
+"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

@@ -0,0 +1 @@
+{"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"]}

package/dist/chunk-M3PL6G7W.js

@@ -0,0 +1,98 @@
+// src/CircularProgress/CircularProgress.tsx
+import { FaCheck, FaTimes } from "react-icons/fa";
+import { CircularProgress as NextCircularProgress } from "@heroui/progress";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var circularProgressVariants = tv({
+  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 = variantsToClassNames(variants, className, "base");
+  let color = styleVariant;
+  let value = format(percent);
+  if (hasError) {
+    color = "danger";
+    value = /* @__PURE__ */ jsx(FaTimes, { className: "text-danger" });
+  } else if (percent >= 100) {
+    color = "success";
+    value = /* @__PURE__ */ jsx(FaCheck, { className: "text-success" });
+  }
+  return /* @__PURE__ */ jsx(
+    NextCircularProgress,
+    {
+      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;
+
+export {
+  circularProgressVariants,
+  circularProgressStyleVariantOptions,
+  CircularProgress_default,
+  CircularProgress_default2
+};
+//# sourceMappingURL=chunk-M3PL6G7W.js.map

package/dist/chunk-M3PL6G7W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/CircularProgress/CircularProgress.tsx","../src/CircularProgress/index.ts"],"sourcesContent":["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"],"mappings":";AAGA,SAAS,SAAS,eAAe;AAEjC,SAAS,oBAAoB,4BAA4B;AAEzD,SAAS,IAAI,4BAA4B;AA4E7B;AA1EL,IAAM,2BAA2B,GAAG;AAAA,EACzC,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,IACN,YAAY;AAAA;AAAA,IACZ,KAAK;AAAA;AAAA,IACL,OAAO;AAAA;AAAA,IACP,WAAW;AAAA;AAAA,IACX,OAAO;AAAA;AAAA,IACP,OAAO;AAAA;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAKM,IAAM,sCAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAaA,IAAM,gBAAgB,CAAC,YAAqB,GAAG,OAAO;AAKtD,IAAM,mBAAmB,CAAC;AAAA,EACxB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP;AACF,MAA6B;AAC3B,QAAM,WAAW,yBAAyB,EAAE,KAAK,CAAC;AAClD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AACnE,MAAI,QAAQ;AACZ,MAAI,QAAQ,OAAO,OAAO;AAE1B,MAAI,UAAU;AACZ,YAAQ;AACR,YAAQ,oBAAC,WAAQ,WAAU,eAAc;AAAA,EAC3C,WAAW,WAAW,KAAK;AACzB,YAAQ;AACR,YAAQ,oBAAC,WAAQ,WAAU,gBAAe;AAAA,EAC5C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAW;AAAA,MACX,eAAe;AAAA,MACf,MAAK;AAAA,MACL,OAAO,WAAW;AAAA,MAClB,YAAY,WAAW;AAAA,MACvB;AAAA,MACA,gBAAc;AAAA,MACd,aAAa;AAAA,MACb,kBAAgB;AAAA;AAAA,EAClB;AAEJ;AAEA,IAAO,2BAAQ;;;ACzFf,IAAOA,4BAAQ;","names":["CircularProgress_default"]}

package/dist/index.cjs

@@ -1,5 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkEAX5J2I2cjs = require('./chunk-EAX5J2I2.cjs');
+require('./chunk-TX2VP4J7.cjs');
+
+
 
 var _chunkAJCAIA6Hcjs = require('./chunk-AJCAIA6H.cjs');
 
@@ -24,6 +28,11 @@ var _chunkMHZAWSFJcjs = require('./chunk-MHZAWSFJ.cjs');
 
 
 
+var _chunk37WQ3CBAcjs = require('./chunk-37WQ3CBA.cjs');
+
+
+
+
 
 
 
@@ -44,10 +53,6 @@ var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
 var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
 
 
-var _chunkEAX5J2I2cjs = require('./chunk-EAX5J2I2.cjs');
-require('./chunk-TX2VP4J7.cjs');
-
-
 
 var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
 
@@ -270,5 +275,8 @@ var ToastProvider_default = ToastProvider;
 
 
 
-exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkHHCDSQ6Ncjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk374SO74Fcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkHHCDSQ6Ncjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+
+
+
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkHHCDSQ6Ncjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.CircularProgress = _chunk37WQ3CBAcjs.CircularProgress_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk374SO74Fcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkHHCDSQ6Ncjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.circularProgressStyleVariantOptions = _chunk37WQ3CBAcjs.circularProgressStyleVariantOptions; exports.circularProgressVariants = _chunk37WQ3CBAcjs.circularProgressVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}

package/dist/index.d.cts

@@ -1,18 +1,19 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.cjs';
 export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.cjs';
-export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
+export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-2Lmu_V2d.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-Bm0yKM7X.cjs';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.cjs';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-DmwcvuKe.cjs';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
 export { _ as Popover, P as PopoverProps } from './Popover-DajWpbPN.cjs';
+export { C as CircularProgress, b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from './CircularProgress-DHrnT6wz.cjs';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-xUYwXMX9.cjs';
 import * as tailwind_variants from 'tailwind-variants';

package/dist/index.d.ts

@@ -1,18 +1,19 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.js';
 export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BMKOfE_a.js';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-Bm0yKM7X.js';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-DmwcvuKe.js';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
 export { _ as Popover, P as PopoverProps } from './Popover-DcZ3qt-u.js';
+export { C as CircularProgress, b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from './CircularProgress-DHrnT6wz.js';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-xUYwXMX9.js';
 import * as tailwind_variants from 'tailwind-variants';

package/dist/index.js

@@ -1,3 +1,7 @@
+import {
+  Popover_default
+} from "./chunk-5TOE75VE.js";
+import "./chunk-EQVC4PJE.js";
 import {
   Table_default,
   tableVariants
@@ -20,6 +24,11 @@ import {
   Card_default,
   cardVariants
 } from "./chunk-ABKT5UKM.js";
+import {
+  CircularProgress_default,
+  circularProgressStyleVariantOptions,
+  circularProgressVariants
+} from "./chunk-M3PL6G7W.js";
 import {
   Drawer_default,
   drawerBackdrops,
@@ -42,10 +51,6 @@ import {
   Modal_default,
   modalVariants
 } from "./chunk-RW4WTSLJ.js";
-import {
-  Popover_default
-} from "./chunk-5TOE75VE.js";
-import "./chunk-EQVC4PJE.js";
 import {
   Accordion_default,
   accordionVariants
@@ -242,6 +247,7 @@ export {
   Button_default as Button,
   ButtonGroup_default as ButtonGroup,
   Card_default as Card,
+  CircularProgress_default as CircularProgress,
   Drawer_default as Drawer,
   Json_default as Json,
   Label_default as Label,
@@ -258,6 +264,8 @@ export {
   breadcrumbVariants,
   buttonVariants,
   cardVariants,
+  circularProgressStyleVariantOptions,
+  circularProgressVariants,
   drawerBackdrops,
   drawerPlacements,
   drawerRadii,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"],"mappings":"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","names":["heroToastVariants","variantsToClassNames","heroToastVariants","variantsToClassNames"]}
+{"version":3,"sources":["../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"],"mappings":"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","names":["heroToastVariants","variantsToClassNames","heroToastVariants","variantsToClassNames"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.39.9",
+  "version": "0.40.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -59,6 +59,11 @@
       "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",
@@ -170,7 +175,7 @@
     "@heroui/tabs": "2.2.13",
     "@heroui/toast": "2.0.6",
     "@heroui/tooltip": "2.2.13",
-    "framer-motion": "12.6.3",
+    "framer-motion": "12.7.2",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
     "@fuf-stack/pixel-utils": "0.5.2"
@@ -182,9 +187,9 @@
     "@uiw/react-json-view": "2.0.0-alpha.30",
     "react": "19.0.0",
     "react-dom": "19.0.0",
+    "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
     "@repo/vite-config": "0.0.1",
-    "@repo/storybook-config": "0.0.1",
     "@repo/tsup-config": "0.0.1"
   },
   "scripts": {

package/dist/{Avatar-ylNJ_-dY.d.cts → Avatar-B8lVnLpp.d.cts}

@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Avatar-ylNJ_-dY.d.ts → Avatar-B8lVnLpp.d.ts}

@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Drawer-BnV9qxPA.d.cts → Drawer-DmwcvuKe.d.cts}

@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Drawer-BnV9qxPA.d.ts → Drawer-DmwcvuKe.d.ts}

@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };