@fuf-stack/pixels 0.41.5 → 0.41.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/Avatar/index.d.cts +2 -2
  2. package/dist/Avatar/index.d.ts +2 -2
  3. package/dist/AvatarGroup/index.d.cts +3 -3
  4. package/dist/AvatarGroup/index.d.ts +3 -3
  5. package/dist/{AvatarGroup-CUyQwK3t.d.cts → AvatarGroup-2Lmu_V2d.d.cts} +1 -1
  6. package/dist/{AvatarGroup-BfOtqfJy.d.ts → AvatarGroup-BMKOfE_a.d.ts} +1 -1
  7. package/dist/Drawer/index.d.cts +2 -2
  8. package/dist/Drawer/index.d.ts +2 -2
  9. package/dist/ProgressCircular/index.cjs +2 -2
  10. package/dist/ProgressCircular/index.js +1 -1
  11. package/dist/{chunk-F2KT5QJ4.cjs → chunk-3FBNPV4F.cjs} +5 -4
  12. package/dist/chunk-3FBNPV4F.cjs.map +1 -0
  13. package/dist/{chunk-NF7YMLX7.js → chunk-FC3IZIDH.js} +5 -4
  14. package/dist/{chunk-NF7YMLX7.js.map → chunk-FC3IZIDH.js.map} +1 -1
  15. package/dist/index.cjs +2 -2
  16. package/dist/index.d.cts +3 -3
  17. package/dist/index.d.ts +3 -3
  18. package/dist/index.js +1 -1
  19. package/package.json +2 -2
  20. package/dist/chunk-F2KT5QJ4.cjs.map +0 -1
  21. package/dist/{Avatar-ylNJ_-dY.d.cts → Avatar-B8lVnLpp.d.cts} +5 -5
  22. package/dist/{Avatar-ylNJ_-dY.d.ts → Avatar-B8lVnLpp.d.ts} +5 -5
  23. package/dist/{Drawer-BnV9qxPA.d.cts → Drawer-DmwcvuKe.d.cts} +5 -5
  24. package/dist/{Drawer-BnV9qxPA.d.ts → Drawer-DmwcvuKe.d.ts} +5 -5
package/dist/Avatar/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import { A as Avatar } from '../Avatar-ylNJ_-dY.cjs';
2
- export { a as AvatarProps } from '../Avatar-ylNJ_-dY.cjs';
1
+ import { A as Avatar } from '../Avatar-B8lVnLpp.cjs';
2
+ export { a as AvatarProps } from '../Avatar-B8lVnLpp.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/Avatar/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { A as Avatar } from '../Avatar-ylNJ_-dY.js';
2
- export { a as AvatarProps } from '../Avatar-ylNJ_-dY.js';
1
+ import { A as Avatar } from '../Avatar-B8lVnLpp.js';
2
+ export { a as AvatarProps } from '../Avatar-B8lVnLpp.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/AvatarGroup/index.d.cts CHANGED
@@ -1,8 +1,8 @@
1
- import { A as AvatarGroup } from '../AvatarGroup-CUyQwK3t.cjs';
2
- export { a as AvatarGroupProps } from '../AvatarGroup-CUyQwK3t.cjs';
1
+ import { A as AvatarGroup } from '../AvatarGroup-2Lmu_V2d.cjs';
2
+ export { a as AvatarGroupProps } from '../AvatarGroup-2Lmu_V2d.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
- import '../Avatar-ylNJ_-dY.cjs';
5
+ import '../Avatar-B8lVnLpp.cjs';
6
6
  import 'tailwind-variants/dist/config.js';
7
7
  import 'tailwind-variants';
8
8
  import '@fuf-stack/pixel-utils';
package/dist/AvatarGroup/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { A as AvatarGroup } from '../AvatarGroup-BfOtqfJy.js';
2
- export { a as AvatarGroupProps } from '../AvatarGroup-BfOtqfJy.js';
1
+ import { A as AvatarGroup } from '../AvatarGroup-BMKOfE_a.js';
2
+ export { a as AvatarGroupProps } from '../AvatarGroup-BMKOfE_a.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
- import '../Avatar-ylNJ_-dY.js';
5
+ import '../Avatar-B8lVnLpp.js';
6
6
  import 'tailwind-variants/dist/config.js';
7
7
  import 'tailwind-variants';
8
8
  import '@fuf-stack/pixel-utils';
package/dist/{AvatarGroup-CUyQwK3t.d.cts → AvatarGroup-2Lmu_V2d.d.cts} RENAMED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { JSX } from 'react';
3
- import { a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
3
+ import { a as AvatarProps } from './Avatar-B8lVnLpp.cjs';
4
4
 
5
5
  interface AvatarGroupProps {
6
6
  bordered?: boolean;
package/dist/{AvatarGroup-BfOtqfJy.d.ts → AvatarGroup-BMKOfE_a.d.ts} RENAMED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { JSX } from 'react';
3
- import { a as AvatarProps } from './Avatar-ylNJ_-dY.js';
3
+ import { a as AvatarProps } from './Avatar-B8lVnLpp.js';
4
4
 
5
5
  interface AvatarGroupProps {
6
6
  bordered?: boolean;
package/dist/Drawer/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import { D as Drawer } from '../Drawer-BnV9qxPA.cjs';
2
- export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-BnV9qxPA.cjs';
1
+ import { D as Drawer } from '../Drawer-DmwcvuKe.cjs';
2
+ export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DmwcvuKe.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/Drawer/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { D as Drawer } from '../Drawer-BnV9qxPA.js';
2
- export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-BnV9qxPA.js';
1
+ import { D as Drawer } from '../Drawer-DmwcvuKe.js';
2
+ export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DmwcvuKe.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/ProgressCircular/index.cjs CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkF2KT5QJ4cjs = require('../chunk-F2KT5QJ4.cjs');
5
+ var _chunk3FBNPV4Fcjs = require('../chunk-3FBNPV4F.cjs');
6
6
  require('../chunk-OLI32URU.cjs');
7
7
  require('../chunk-D4TLDLEX.cjs');
8
8
 
9
9
 
10
10
 
11
11
 
12
- exports.ProgressCircular = _chunkF2KT5QJ4cjs.ProgressCircular_default; exports.default = _chunkF2KT5QJ4cjs.ProgressCircular_default2; exports.progressCircularVariants = _chunkF2KT5QJ4cjs.progressCircularVariants;
12
+ exports.ProgressCircular = _chunk3FBNPV4Fcjs.ProgressCircular_default; exports.default = _chunk3FBNPV4Fcjs.ProgressCircular_default2; exports.progressCircularVariants = _chunk3FBNPV4Fcjs.progressCircularVariants;
13
13
  //# sourceMappingURL=index.cjs.map
package/dist/ProgressCircular/index.js CHANGED
@@ -2,7 +2,7 @@ import {
2
2
  ProgressCircular_default,
3
3
  ProgressCircular_default2,
4
4
  progressCircularVariants
5
- } from "../chunk-NF7YMLX7.js";
5
+ } from "../chunk-FC3IZIDH.js";
6
6
  import "../chunk-B3XKBNXD.js";
7
7
  import "../chunk-J7N2552D.js";
8
8
  export {
package/dist/{chunk-F2KT5QJ4.cjs → chunk-3FBNPV4F.cjs} RENAMED
@@ -89,15 +89,16 @@ var ProgressCircular = ({
89
89
  });
90
90
  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
91
91
  let value = format(percent);
92
- let strokeWidth = 1.6;
92
+ let strokeWidth;
93
93
  switch (size) {
94
94
  case "xs":
95
- strokeWidth = 2.2;
95
+ strokeWidth = 2;
96
96
  break;
97
97
  case "sm":
98
- strokeWidth = 2;
98
+ strokeWidth = 1.8;
99
99
  break;
100
100
  default:
101
+ strokeWidth = 1.6;
101
102
  break;
102
103
  }
103
104
  let progressColor = color;
@@ -135,4 +136,4 @@ var ProgressCircular_default2 = ProgressCircular_default;
135
136
 
136
137
 
137
138
  exports.progressCircularVariants = progressCircularVariants; exports.ProgressCircular_default = ProgressCircular_default; exports.ProgressCircular_default2 = ProgressCircular_default2;
138
- //# sourceMappingURL=chunk-F2KT5QJ4.cjs.map
139
+ //# sourceMappingURL=chunk-3FBNPV4F.cjs.map
package/dist/chunk-3FBNPV4F.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3FBNPV4F.cjs","../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,oCAAiC;AAEjC,4CAAyD;AACzD,sCAAiE;AAEjE,oDAAyC;AAuI7B,+CAAA;AAnIL,IAAM,yBAAA,EAA2B,4BAAA;AAAG,EACzC,KAAA,EAAO;AAAA;AAAA,IAEL,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,GAAA,EAAK,EAAA;AAAA;AAAA,IAEL,UAAA,EAAY,EAAA;AAAA;AAAA,IAEZ,KAAA,EAAO,oBAAA;AAAA;AAAA,IAEP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IAAA,CAAA,EAEG,uBAAA,CAA6B,QAAA,CAAS,KAAA,CAAA;AAAA,IAE3C,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,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,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,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAyBD,IAAM,cAAA,EAAgB,CAAC,QAAA,EAAU,CAAA,EAAA,GAAM,CAAA,EAAA;AAKb;AACZ,EAAA;AACA,EAAA;AACH,EAAA;AACE,EAAA;AACX,EAAA;AACmB,EAAA;AACZ,EAAA;AACC,EAAA;AACmB;AAEE,EAAA;AAEG,EAAA;AACf,EAAA;AACf,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACD,EAAA;AACkB,EAAA;AAGO,EAAA;AAGtB,EAAA;AACU,EAAA;AACP,IAAA;AACW,MAAA;AACd,MAAA;AACG,IAAA;AACW,MAAA;AACd,MAAA;AACF,IAAA;AACgB,MAAA;AACd,MAAA;AACJ,EAAA;AAG2C,EAAA;AAC7B,EAAA;AACI,IAAA;AACP,IAAA;AACY,EAAA;AACL,IAAA;AACP,IAAA;AACX,EAAA;AAG2B,EAAA;AACI,IAAA;AAG3B,EAAA;AAGF,EAAA;AAAC,IAAA;AAAA,IAAA;AACa,MAAA;AACZ,MAAA;AACO,MAAA;AACW,MAAA;AACJ,MAAA;AACd,MAAA;AAEkB,MAAA;AACN,MAAA;AAAA,IAAA;AACd,EAAA;AAEJ;AAEe;AD3CuB;AACA;AE5HvB;AF8HuB;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3FBNPV4F.cjs","sourcesContent":[null,"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';\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 /** 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}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => `${percent}%`;\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 size = 'md',\n color = 'info',\n}: ProgressCircularProps) => {\n // used to disable animation on initial render cycle\n const isInitialRenderCycle = useIsInitialRenderCycle();\n\n const isFinished = !hasError && percent >= 100;\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 // set strokeWidth based on size prop\n let strokeWidth: number;\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 // 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 aria-label={ariaLabel}\n classNames={classNames}\n color={heroUiColor}\n disableAnimation={isInitialRenderCycle || disableAnimation}\n showValueLabel\n strokeWidth={strokeWidth}\n // 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","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"]}
package/dist/{chunk-NF7YMLX7.js → chunk-FC3IZIDH.js} RENAMED
@@ -89,15 +89,16 @@ var ProgressCircular = ({
89
89
  });
90
90
  const classNames = variantsToClassNames(variants, className, "base");
91
91
  let value = format(percent);
92
- let strokeWidth = 1.6;
92
+ let strokeWidth;
93
93
  switch (size) {
94
94
  case "xs":
95
- strokeWidth = 2.2;
95
+ strokeWidth = 2;
96
96
  break;
97
97
  case "sm":
98
- strokeWidth = 2;
98
+ strokeWidth = 1.8;
99
99
  break;
100
100
  default:
101
+ strokeWidth = 1.6;
101
102
  break;
102
103
  }
103
104
  let progressColor = color;
@@ -135,4 +136,4 @@ export {
135
136
  ProgressCircular_default,
136
137
  ProgressCircular_default2
137
138
  };
138
- //# sourceMappingURL=chunk-NF7YMLX7.js.map
139
+ //# sourceMappingURL=chunk-FC3IZIDH.js.map
package/dist/{chunk-NF7YMLX7.js.map → chunk-FC3IZIDH.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"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';\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 /** 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}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => `${percent}%`;\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 size = 'md',\n color = 'info',\n}: ProgressCircularProps) => {\n // used to disable animation on initial render cycle\n const isInitialRenderCycle = useIsInitialRenderCycle();\n\n const isFinished = !hasError && percent >= 100;\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 // set strokeWidth based on size prop\n let strokeWidth = 1.6;\n switch (size) {\n case 'xs':\n strokeWidth = 2.2;\n break;\n case 'sm':\n strokeWidth = 2;\n break;\n default:\n break;\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 aria-label={ariaLabel}\n classNames={classNames}\n color={heroUiColor}\n disableAnimation={isInitialRenderCycle || disableAnimation}\n showValueLabel\n strokeWidth={strokeWidth}\n // 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","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"],"mappings":";;;;;;;;AAIA,SAAS,SAAS,eAAe;AAEjC,SAAS,oBAAoB,4BAA4B;AACzD,SAAS,oBAAoB,oCAAoC;AAEjE,SAAS,IAAI,4BAA4B;AAsI7B;AAlIL,IAAM,2BAA2B,GAAG;AAAA,EACzC,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA;AAAA,IAEP,KAAK;AAAA;AAAA,IAEL,YAAY;AAAA;AAAA,IAEZ,OAAO;AAAA;AAAA,IAEP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OAEG,6BAA6B,SAAS;AAAA,IAE3C,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;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;AAyBD,IAAM,gBAAgB,CAAC,UAAU,MAAM,GAAG,OAAO;AAKjD,IAAM,mBAAmB,CAAC;AAAA,EACxB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,QAAQ;AACV,MAA6B;AAE3B,QAAM,uBAAuB,wBAAwB;AAErD,QAAM,aAAa,CAAC,YAAY,WAAW;AAC3C,QAAM,WAAW,yBAAyB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,MAAI,QAAQ,OAAO,OAAO;AAG1B,MAAI,cAAc;AAClB,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,oBAAc;AACd;AAAA,IACF,KAAK;AACH,oBAAc;AACd;AAAA,IACF;AACE;AAAA,EACJ;AAGA,MAAI,gBAAuC;AAC3C,MAAI,UAAU;AACZ,oBAAgB;AAChB,YAAQ,oBAAC,WAAQ,WAAU,eAAc;AAAA,EAC3C,WAAW,YAAY;AACrB,oBAAgB;AAChB,YAAQ,oBAAC,WAAQ,WAAU,gBAAe;AAAA,EAC5C;AAGA,QAAM,cAAc,OAAO;AAAA,IACzB,6BAA6B,SAAS;AAAA,EACxC,EAAE,SAAS,KAAK,IACX,gBACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,MACP,kBAAkB,wBAAwB;AAAA,MAC1C,gBAAc;AAAA,MACd;AAAA,MAEA,OAAO,WAAW;AAAA,MAClB,YAAY;AAAA;AAAA,EACd;AAEJ;AAEA,IAAO,2BAAQ;;;ACrKf,IAAOA,4BAAQ;","names":["ProgressCircular_default"]}
1
+ {"version":3,"sources":["../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"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';\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 /** 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}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => `${percent}%`;\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 size = 'md',\n color = 'info',\n}: ProgressCircularProps) => {\n // used to disable animation on initial render cycle\n const isInitialRenderCycle = useIsInitialRenderCycle();\n\n const isFinished = !hasError && percent >= 100;\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 // set strokeWidth based on size prop\n let strokeWidth: number;\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 // 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 aria-label={ariaLabel}\n classNames={classNames}\n color={heroUiColor}\n disableAnimation={isInitialRenderCycle || disableAnimation}\n showValueLabel\n strokeWidth={strokeWidth}\n // 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","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"],"mappings":";;;;;;;;AAIA,SAAS,SAAS,eAAe;AAEjC,SAAS,oBAAoB,4BAA4B;AACzD,SAAS,oBAAoB,oCAAoC;AAEjE,SAAS,IAAI,4BAA4B;AAuI7B;AAnIL,IAAM,2BAA2B,GAAG;AAAA,EACzC,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA;AAAA,IAEP,KAAK;AAAA;AAAA,IAEL,YAAY;AAAA;AAAA,IAEZ,OAAO;AAAA;AAAA,IAEP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OAEG,6BAA6B,SAAS;AAAA,IAE3C,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;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;AAyBD,IAAM,gBAAgB,CAAC,UAAU,MAAM,GAAG,OAAO;AAKjD,IAAM,mBAAmB,CAAC;AAAA,EACxB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,QAAQ;AACV,MAA6B;AAE3B,QAAM,uBAAuB,wBAAwB;AAErD,QAAM,aAAa,CAAC,YAAY,WAAW;AAC3C,QAAM,WAAW,yBAAyB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,MAAI,QAAQ,OAAO,OAAO;AAG1B,MAAI;AACJ,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,oBAAc;AACd;AAAA,IACF,KAAK;AACH,oBAAc;AACd;AAAA,IACF;AACE,oBAAc;AACd;AAAA,EACJ;AAGA,MAAI,gBAAuC;AAC3C,MAAI,UAAU;AACZ,oBAAgB;AAChB,YAAQ,oBAAC,WAAQ,WAAU,eAAc;AAAA,EAC3C,WAAW,YAAY;AACrB,oBAAgB;AAChB,YAAQ,oBAAC,WAAQ,WAAU,gBAAe;AAAA,EAC5C;AAGA,QAAM,cAAc,OAAO;AAAA,IACzB,6BAA6B,SAAS;AAAA,EACxC,EAAE,SAAS,KAAK,IACX,gBACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,MACP,kBAAkB,wBAAwB;AAAA,MAC1C,gBAAc;AAAA,MACd;AAAA,MAEA,OAAO,WAAW;AAAA,MAClB,YAAY;AAAA;AAAA,EACd;AAEJ;AAEA,IAAO,2BAAQ;;;ACtKf,IAAOA,4BAAQ;","names":["ProgressCircular_default"]}
package/dist/index.cjs CHANGED
@@ -5,7 +5,7 @@ var _chunkPK723NKOcjs = require('./chunk-PK723NKO.cjs');
5
5
 
6
6
 
7
7
 
8
- var _chunkF2KT5QJ4cjs = require('./chunk-F2KT5QJ4.cjs');
8
+ var _chunk3FBNPV4Fcjs = require('./chunk-3FBNPV4F.cjs');
9
9
 
10
10
 
11
11
 
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
131
131
 
132
132
 
133
133
 
134
- 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 = _chunkFLPLJTACcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkJ63YGHTGcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Progress = _chunkPK723NKOcjs.Progress_default; exports.ProgressCircular = _chunkF2KT5QJ4cjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkFLPLJTACcjs.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.progressCircularVariants = _chunkF2KT5QJ4cjs.progressCircularVariants; exports.progressVariants = _chunkPK723NKOcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
134
+ 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 = _chunkFLPLJTACcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkJ63YGHTGcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Progress = _chunkPK723NKOcjs.Progress_default; exports.ProgressCircular = _chunk3FBNPV4Fcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkFLPLJTACcjs.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.progressCircularVariants = _chunk3FBNPV4Fcjs.progressCircularVariants; exports.progressVariants = _chunkPK723NKOcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
135
135
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.cts CHANGED
@@ -1,13 +1,13 @@
1
1
  export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.cjs';
2
2
  export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.cjs';
3
- export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
4
- export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
3
+ export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.cjs';
4
+ export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-2Lmu_V2d.cjs';
5
5
  export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
6
6
  export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
7
7
  export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-Bm0yKM7X.cjs';
8
8
  export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
9
9
  export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
10
- 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';
10
+ 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';
11
11
  export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
12
12
  export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.cjs';
13
13
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
package/dist/index.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.js';
2
2
  export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.js';
3
- export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
4
- export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
3
+ export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.js';
4
+ export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BMKOfE_a.js';
5
5
  export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
6
6
  export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
7
7
  export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-Bm0yKM7X.js';
8
8
  export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
9
9
  export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
10
- 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';
10
+ 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';
11
11
  export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
12
12
  export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
13
13
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
package/dist/index.js CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  import {
6
6
  ProgressCircular_default,
7
7
  progressCircularVariants
8
- } from "./chunk-NF7YMLX7.js";
8
+ } from "./chunk-FC3IZIDH.js";
9
9
  import {
10
10
  Table_default,
11
11
  tableVariants
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fuf-stack/pixels",
3
3
  "description": "fuf core react component library",
4
4
  "author": "Hannes Tiede",
5
- "version": "0.41.5",
5
+ "version": "0.41.6",
6
6
  "type": "module",
7
7
  "main": "./dist/index.cjs",
8
8
  "module": "./dist/index.js",
@@ -193,8 +193,8 @@
193
193
  "react": "19.0.0",
194
194
  "react-dom": "19.0.0",
195
195
  "@repo/tailwind-config": "0.0.1",
196
- "@repo/vite-config": "0.0.1",
197
196
  "@repo/storybook-config": "0.0.1",
197
+ "@repo/vite-config": "0.0.1",
198
198
  "@repo/tsup-config": "0.0.1"
199
199
  },
200
200
  "scripts": {
package/dist/chunk-F2KT5QJ4.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-F2KT5QJ4.cjs","../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,oCAAiC;AAEjC,4CAAyD;AACzD,sCAAiE;AAEjE,oDAAyC;AAsI7B,+CAAA;AAlIL,IAAM,yBAAA,EAA2B,4BAAA;AAAG,EACzC,KAAA,EAAO;AAAA;AAAA,IAEL,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,GAAA,EAAK,EAAA;AAAA;AAAA,IAEL,UAAA,EAAY,EAAA;AAAA;AAAA,IAEZ,KAAA,EAAO,oBAAA;AAAA;AAAA,IAEP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IAAA,CAAA,EAEG,uBAAA,CAA6B,QAAA,CAAS,KAAA,CAAA;AAAA,IAE3C,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,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,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,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAyBD,IAAM,cAAA,EAAgB,CAAC,QAAA,EAAU,CAAA,EAAA,GAAM,CAAA,EAAA;AAKb;AACZ,EAAA;AACA,EAAA;AACH,EAAA;AACE,EAAA;AACX,EAAA;AACmB,EAAA;AACZ,EAAA;AACC,EAAA;AACmB;AAEE,EAAA;AAEG,EAAA;AACf,EAAA;AACf,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACD,EAAA;AACkB,EAAA;AAGO,EAAA;AAGR,EAAA;AACJ,EAAA;AACP,IAAA;AACW,MAAA;AACd,MAAA;AACG,IAAA;AACW,MAAA;AACd,MAAA;AACF,IAAA;AACE,MAAA;AACJ,EAAA;AAG2C,EAAA;AAC7B,EAAA;AACI,IAAA;AACP,IAAA;AACY,EAAA;AACL,IAAA;AACP,IAAA;AACX,EAAA;AAG2B,EAAA;AACI,IAAA;AAG3B,EAAA;AAGF,EAAA;AAAC,IAAA;AAAA,IAAA;AACa,MAAA;AACZ,MAAA;AACO,MAAA;AACW,MAAA;AACJ,MAAA;AACd,MAAA;AAEkB,MAAA;AACN,MAAA;AAAA,IAAA;AACd,EAAA;AAEJ;AAEe;AD3CuB;AACA;AE3HvB;AF6HuB;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-F2KT5QJ4.cjs","sourcesContent":[null,"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';\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 /** 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}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => `${percent}%`;\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 size = 'md',\n color = 'info',\n}: ProgressCircularProps) => {\n // used to disable animation on initial render cycle\n const isInitialRenderCycle = useIsInitialRenderCycle();\n\n const isFinished = !hasError && percent >= 100;\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 // set strokeWidth based on size prop\n let strokeWidth = 1.6;\n switch (size) {\n case 'xs':\n strokeWidth = 2.2;\n break;\n case 'sm':\n strokeWidth = 2;\n break;\n default:\n break;\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 aria-label={ariaLabel}\n classNames={classNames}\n color={heroUiColor}\n disableAnimation={isInitialRenderCycle || disableAnimation}\n showValueLabel\n strokeWidth={strokeWidth}\n // 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","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"]}
package/dist/{Avatar-ylNJ_-dY.d.cts → Avatar-B8lVnLpp.d.cts} RENAMED
@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
10
  base?: tailwind_variants.ClassValue;
11
+ icon?: tailwind_variants.ClassValue;
11
12
  img?: tailwind_variants.ClassValue;
12
13
  name?: tailwind_variants.ClassValue;
13
- icon?: tailwind_variants.ClassValue;
14
14
  fallback?: tailwind_variants.ClassValue;
15
15
  };
16
16
  };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
18
18
  [x: string]: {
19
19
  [x: string]: tailwind_variants.ClassValue | {
20
20
  base?: tailwind_variants.ClassValue;
21
+ icon?: tailwind_variants.ClassValue;
21
22
  img?: tailwind_variants.ClassValue;
22
23
  name?: tailwind_variants.ClassValue;
23
- icon?: tailwind_variants.ClassValue;
24
24
  fallback?: tailwind_variants.ClassValue;
25
25
  };
26
26
  };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
34
34
  [key: string]: {
35
35
  [key: string]: tailwind_variants.ClassValue | {
36
36
  base?: tailwind_variants.ClassValue;
37
+ icon?: tailwind_variants.ClassValue;
37
38
  img?: tailwind_variants.ClassValue;
38
39
  name?: tailwind_variants.ClassValue;
39
- icon?: tailwind_variants.ClassValue;
40
40
  fallback?: tailwind_variants.ClassValue;
41
41
  };
42
42
  };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
44
44
  [key: string]: {
45
45
  [key: string]: tailwind_variants.ClassValue | {
46
46
  base?: tailwind_variants.ClassValue;
47
+ icon?: tailwind_variants.ClassValue;
47
48
  img?: tailwind_variants.ClassValue;
48
49
  name?: tailwind_variants.ClassValue;
49
- icon?: tailwind_variants.ClassValue;
50
50
  fallback?: tailwind_variants.ClassValue;
51
51
  };
52
52
  };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
66
66
  [key: string]: {
67
67
  [key: string]: tailwind_variants.ClassValue | {
68
68
  base?: tailwind_variants.ClassValue;
69
+ icon?: tailwind_variants.ClassValue;
69
70
  img?: tailwind_variants.ClassValue;
70
71
  name?: tailwind_variants.ClassValue;
71
- icon?: tailwind_variants.ClassValue;
72
72
  fallback?: tailwind_variants.ClassValue;
73
73
  };
74
74
  };
package/dist/{Avatar-ylNJ_-dY.d.ts → Avatar-B8lVnLpp.d.ts} RENAMED
@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
10
  base?: tailwind_variants.ClassValue;
11
+ icon?: tailwind_variants.ClassValue;
11
12
  img?: tailwind_variants.ClassValue;
12
13
  name?: tailwind_variants.ClassValue;
13
- icon?: tailwind_variants.ClassValue;
14
14
  fallback?: tailwind_variants.ClassValue;
15
15
  };
16
16
  };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
18
18
  [x: string]: {
19
19
  [x: string]: tailwind_variants.ClassValue | {
20
20
  base?: tailwind_variants.ClassValue;
21
+ icon?: tailwind_variants.ClassValue;
21
22
  img?: tailwind_variants.ClassValue;
22
23
  name?: tailwind_variants.ClassValue;
23
- icon?: tailwind_variants.ClassValue;
24
24
  fallback?: tailwind_variants.ClassValue;
25
25
  };
26
26
  };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
34
34
  [key: string]: {
35
35
  [key: string]: tailwind_variants.ClassValue | {
36
36
  base?: tailwind_variants.ClassValue;
37
+ icon?: tailwind_variants.ClassValue;
37
38
  img?: tailwind_variants.ClassValue;
38
39
  name?: tailwind_variants.ClassValue;
39
- icon?: tailwind_variants.ClassValue;
40
40
  fallback?: tailwind_variants.ClassValue;
41
41
  };
42
42
  };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
44
44
  [key: string]: {
45
45
  [key: string]: tailwind_variants.ClassValue | {
46
46
  base?: tailwind_variants.ClassValue;
47
+ icon?: tailwind_variants.ClassValue;
47
48
  img?: tailwind_variants.ClassValue;
48
49
  name?: tailwind_variants.ClassValue;
49
- icon?: tailwind_variants.ClassValue;
50
50
  fallback?: tailwind_variants.ClassValue;
51
51
  };
52
52
  };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
66
66
  [key: string]: {
67
67
  [key: string]: tailwind_variants.ClassValue | {
68
68
  base?: tailwind_variants.ClassValue;
69
+ icon?: tailwind_variants.ClassValue;
69
70
  img?: tailwind_variants.ClassValue;
70
71
  name?: tailwind_variants.ClassValue;
71
- icon?: tailwind_variants.ClassValue;
72
72
  fallback?: tailwind_variants.ClassValue;
73
73
  };
74
74
  };
package/dist/{Drawer-BnV9qxPA.d.cts → Drawer-DmwcvuKe.d.cts} RENAMED
@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
9
9
  [key: string]: {
10
10
  [key: string]: tailwind_variants.ClassValue | {
11
11
  base?: tailwind_variants.ClassValue;
12
+ closeButton?: tailwind_variants.ClassValue;
12
13
  wrapper?: tailwind_variants.ClassValue;
13
14
  body?: tailwind_variants.ClassValue;
14
15
  footer?: tailwind_variants.ClassValue;
15
16
  header?: tailwind_variants.ClassValue;
16
- closeButton?: tailwind_variants.ClassValue;
17
17
  backdrop?: tailwind_variants.ClassValue;
18
18
  };
19
19
  };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
21
21
  [x: string]: {
22
22
  [x: string]: tailwind_variants.ClassValue | {
23
23
  base?: tailwind_variants.ClassValue;
24
+ closeButton?: tailwind_variants.ClassValue;
24
25
  wrapper?: tailwind_variants.ClassValue;
25
26
  body?: tailwind_variants.ClassValue;
26
27
  footer?: tailwind_variants.ClassValue;
27
28
  header?: tailwind_variants.ClassValue;
28
- closeButton?: tailwind_variants.ClassValue;
29
29
  backdrop?: tailwind_variants.ClassValue;
30
30
  };
31
31
  };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
41
41
  [key: string]: {
42
42
  [key: string]: tailwind_variants.ClassValue | {
43
43
  base?: tailwind_variants.ClassValue;
44
+ closeButton?: tailwind_variants.ClassValue;
44
45
  wrapper?: tailwind_variants.ClassValue;
45
46
  body?: tailwind_variants.ClassValue;
46
47
  footer?: tailwind_variants.ClassValue;
47
48
  header?: tailwind_variants.ClassValue;
48
- closeButton?: tailwind_variants.ClassValue;
49
49
  backdrop?: tailwind_variants.ClassValue;
50
50
  };
51
51
  };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
53
53
  [key: string]: {
54
54
  [key: string]: tailwind_variants.ClassValue | {
55
55
  base?: tailwind_variants.ClassValue;
56
+ closeButton?: tailwind_variants.ClassValue;
56
57
  wrapper?: tailwind_variants.ClassValue;
57
58
  body?: tailwind_variants.ClassValue;
58
59
  footer?: tailwind_variants.ClassValue;
59
60
  header?: tailwind_variants.ClassValue;
60
- closeButton?: tailwind_variants.ClassValue;
61
61
  backdrop?: tailwind_variants.ClassValue;
62
62
  };
63
63
  };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
81
81
  [key: string]: {
82
82
  [key: string]: tailwind_variants.ClassValue | {
83
83
  base?: tailwind_variants.ClassValue;
84
+ closeButton?: tailwind_variants.ClassValue;
84
85
  wrapper?: tailwind_variants.ClassValue;
85
86
  body?: tailwind_variants.ClassValue;
86
87
  footer?: tailwind_variants.ClassValue;
87
88
  header?: tailwind_variants.ClassValue;
88
- closeButton?: tailwind_variants.ClassValue;
89
89
  backdrop?: tailwind_variants.ClassValue;
90
90
  };
91
91
  };
package/dist/{Drawer-BnV9qxPA.d.ts → Drawer-DmwcvuKe.d.ts} RENAMED
@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
9
9
  [key: string]: {
10
10
  [key: string]: tailwind_variants.ClassValue | {
11
11
  base?: tailwind_variants.ClassValue;
12
+ closeButton?: tailwind_variants.ClassValue;
12
13
  wrapper?: tailwind_variants.ClassValue;
13
14
  body?: tailwind_variants.ClassValue;
14
15
  footer?: tailwind_variants.ClassValue;
15
16
  header?: tailwind_variants.ClassValue;
16
- closeButton?: tailwind_variants.ClassValue;
17
17
  backdrop?: tailwind_variants.ClassValue;
18
18
  };
19
19
  };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
21
21
  [x: string]: {
22
22
  [x: string]: tailwind_variants.ClassValue | {
23
23
  base?: tailwind_variants.ClassValue;
24
+ closeButton?: tailwind_variants.ClassValue;
24
25
  wrapper?: tailwind_variants.ClassValue;
25
26
  body?: tailwind_variants.ClassValue;
26
27
  footer?: tailwind_variants.ClassValue;
27
28
  header?: tailwind_variants.ClassValue;
28
- closeButton?: tailwind_variants.ClassValue;
29
29
  backdrop?: tailwind_variants.ClassValue;
30
30
  };
31
31
  };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
41
41
  [key: string]: {
42
42
  [key: string]: tailwind_variants.ClassValue | {
43
43
  base?: tailwind_variants.ClassValue;
44
+ closeButton?: tailwind_variants.ClassValue;
44
45
  wrapper?: tailwind_variants.ClassValue;
45
46
  body?: tailwind_variants.ClassValue;
46
47
  footer?: tailwind_variants.ClassValue;
47
48
  header?: tailwind_variants.ClassValue;
48
- closeButton?: tailwind_variants.ClassValue;
49
49
  backdrop?: tailwind_variants.ClassValue;
50
50
  };
51
51
  };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
53
53
  [key: string]: {
54
54
  [key: string]: tailwind_variants.ClassValue | {
55
55
  base?: tailwind_variants.ClassValue;
56
+ closeButton?: tailwind_variants.ClassValue;
56
57
  wrapper?: tailwind_variants.ClassValue;
57
58
  body?: tailwind_variants.ClassValue;
58
59
  footer?: tailwind_variants.ClassValue;
59
60
  header?: tailwind_variants.ClassValue;
60
- closeButton?: tailwind_variants.ClassValue;
61
61
  backdrop?: tailwind_variants.ClassValue;
62
62
  };
63
63
  };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
81
81
  [key: string]: {
82
82
  [key: string]: tailwind_variants.ClassValue | {
83
83
  base?: tailwind_variants.ClassValue;
84
+ closeButton?: tailwind_variants.ClassValue;
84
85
  wrapper?: tailwind_variants.ClassValue;
85
86
  body?: tailwind_variants.ClassValue;
86
87
  footer?: tailwind_variants.ClassValue;
87
88
  header?: tailwind_variants.ClassValue;
88
- closeButton?: tailwind_variants.ClassValue;
89
89
  backdrop?: tailwind_variants.ClassValue;
90
90
  };
91
91
  };