@fuf-stack/pixels 0.32.3 → 0.32.4

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkXTR4NKDPcjs = require('../chunk-XTR4NKDP.cjs');
+var _chunk2P5WWVQ6cjs = require('../chunk-2P5WWVQ6.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Accordion = _chunkXTR4NKDPcjs.Accordion_default; exports.accordionVariants = _chunkXTR4NKDPcjs.accordionVariants; exports.default = _chunkXTR4NKDPcjs.Accordion_default2;
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.default = _chunk2P5WWVQ6cjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-GA54AM2W.js";
+} from "../chunk-NHEC3GYW.js";
 import "../chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,

package/dist/Alert/index.cjs

@@ -18,7 +18,7 @@ var alertVariants = _pixelutils.tv.call(void 0, {
     alertIcon: ""
   },
   variants: {
-    // See: https://github.comnextui-orgnextui/blob/canary/packages/core/theme/src/components/alert.ts
+    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
     color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
       info: {
         mainWrapper: "text-inherit",

package/dist/Alert/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Alert/index.cjs","../../src/Alert/Alert.tsx","../../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Alert/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as NextAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as NextAlert } from '@heroui/alert';\nimport { alert as nextAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // See: https://github.comnextui-orgnextui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...nextAlertVariants.variants.color,\n    },\n    variant: {\n      ...nextAlertVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...nextAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  /** Whether the Alert can be closed */\n  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(nextAlertVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextAlert\n      classNames={classNames}\n      color={isHeroUIColor ? (color as NextAlertProps['color']) : undefined}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Alert/index.cjs","../../src/Alert/Alert.tsx","../../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Alert/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...heroAlertVariants.variants.color,\n    },\n    variant: {\n      ...heroAlertVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  /** Whether the Alert can be closed */\n  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={isHeroUIColor ? (color as HeroAlertProps['color']) : undefined}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}

package/dist/Alert/index.js

@@ -3,8 +3,8 @@ import {
 } from "../chunk-J7N2552D.js";
 
 // src/Alert/Alert.tsx
-import { Alert as NextAlert } from "@heroui/alert";
-import { alert as nextAlertVariants } from "@heroui/theme";
+import { Alert as HeroAlert } from "@heroui/alert";
+import { alert as heroAlertVariants } from "@heroui/theme";
 import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
 var alertVariants = tv({
@@ -18,18 +18,18 @@ var alertVariants = tv({
     alertIcon: ""
   },
   variants: {
-    // See: https://github.comnextui-orgnextui/blob/canary/packages/core/theme/src/components/alert.ts
+    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
     color: __spreadValues({
       info: {
         mainWrapper: "text-inherit",
         title: "text-inherit",
         description: "text-inherit"
       }
-    }, nextAlertVariants.variants.color),
-    variant: __spreadValues({}, nextAlertVariants.variants.variant)
+    }, heroAlertVariants.variants.color),
+    variant: __spreadValues({}, heroAlertVariants.variants.variant)
   },
   compoundVariants: [
-    ...nextAlertVariants.compoundVariants,
+    ...heroAlertVariants.compoundVariants,
     {
       color: "info",
       variant: "solid",
@@ -88,12 +88,12 @@ var Alert = ({
     color,
     variant
   });
-  const isHeroUIColor = Object.keys(nextAlertVariants.variants.color).includes(
+  const isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(
     color
   );
   const classNames = variantsToClassNames(variants, className, "base");
   return /* @__PURE__ */ jsx(
-    NextAlert,
+    HeroAlert,
     {
       classNames,
       color: isHeroUIColor ? color : void 0,

package/dist/Alert/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Alert/Alert.tsx","../../src/Alert/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as NextAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as NextAlert } from '@heroui/alert';\nimport { alert as nextAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // See: https://github.comnextui-orgnextui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...nextAlertVariants.variants.color,\n    },\n    variant: {\n      ...nextAlertVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...nextAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  /** Whether the Alert can be closed */\n  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(nextAlertVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextAlert\n      classNames={classNames}\n      color={isHeroUIColor ? (color as NextAlertProps['color']) : undefined}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"],"mappings":";;;;;AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AA4HrC;AA1HG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,EAElC;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAiCD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,gBAAiB,QAAoC;AAAA,MAC5D,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,SAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC7If,IAAOA,iBAAQ;","names":["Alert_default"]}
+{"version":3,"sources":["../../src/Alert/Alert.tsx","../../src/Alert/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...heroAlertVariants.variants.color,\n    },\n    variant: {\n      ...heroAlertVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  /** Whether the Alert can be closed */\n  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={isHeroUIColor ? (color as HeroAlertProps['color']) : undefined}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"],"mappings":";;;;;AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AA4HrC;AA1HG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,EAElC;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAiCD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,gBAAiB,QAAoC;AAAA,MAC5D,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,SAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC7If,IAAOA,iBAAQ;","names":["Alert_default"]}

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkBURI3HTZcjs = require('../chunk-BURI3HTZ.cjs');
+var _chunk77J7NZYBcjs = require('../chunk-77J7NZYB.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Avatar = _chunkBURI3HTZcjs.Avatar_default; exports.default = _chunkBURI3HTZcjs.Avatar_default2;
+exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.default = _chunk77J7NZYBcjs.Avatar_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Avatar/index.js

@@ -1,7 +1,7 @@
 import {
   Avatar_default,
   Avatar_default2
-} from "../chunk-CWCZM3HS.js";
+} from "../chunk-4Y4W74D7.js";
 import "../chunk-J7N2552D.js";
 export {
   Avatar_default as Avatar,

package/dist/AvatarGroup/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkHPLU3CHPcjs = require('../chunk-HPLU3CHP.cjs');
-require('../chunk-BURI3HTZ.cjs');
+var _chunkLIZGYO24cjs = require('../chunk-LIZGYO24.cjs');
+require('../chunk-77J7NZYB.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.AvatarGroup = _chunkHPLU3CHPcjs.AvatarGroup_default; exports.default = _chunkHPLU3CHPcjs.AvatarGroup_default2;
+exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.default = _chunkLIZGYO24cjs.AvatarGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/AvatarGroup/index.js

@@ -1,8 +1,8 @@
 import {
   AvatarGroup_default,
   AvatarGroup_default2
-} from "../chunk-FPU6RJSG.js";
-import "../chunk-CWCZM3HS.js";
+} from "../chunk-3QICKBFS.js";
+import "../chunk-4Y4W74D7.js";
 import "../chunk-J7N2552D.js";
 export {
   AvatarGroup_default as AvatarGroup,

package/dist/Badge/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkD7KXMNEIcjs = require('../chunk-D7KXMNEI.cjs');
+var _chunkJSANDW3Wcjs = require('../chunk-JSANDW3W.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Badge = _chunkD7KXMNEIcjs.Badge_default; exports.default = _chunkD7KXMNEIcjs.Badge_default2;
+exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.default = _chunkJSANDW3Wcjs.Badge_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Badge/index.js

@@ -1,7 +1,7 @@
 import {
   Badge_default,
   Badge_default2
-} from "../chunk-Z7QNU4XB.js";
+} from "../chunk-NES3USBQ.js";
 import "../chunk-J7N2552D.js";
 export {
   Badge_default as Badge,

package/dist/Breadcrumb/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkOOFJGGRScjs = require('../chunk-OOFJGGRS.cjs');
+var _chunkZZOEFQWQcjs = require('../chunk-ZZOEFQWQ.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Breadcrumb = _chunkOOFJGGRScjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkOOFJGGRScjs.breadcrumbVariants; exports.default = _chunkOOFJGGRScjs.Breadcrumb_default2;
+exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.default = _chunkZZOEFQWQcjs.Breadcrumb_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.js

@@ -2,7 +2,7 @@ import {
   Breadcrumb_default,
   Breadcrumb_default2,
   breadcrumbVariants
-} from "../chunk-5H2LBLSC.js";
+} from "../chunk-7QBCVRQD.js";
 import "../chunk-J7N2552D.js";
 export {
   Breadcrumb_default as Breadcrumb,

package/dist/Button/index.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _chunkA4FOULHYcjs = require('../chunk-A4FOULHY.cjs');
+var _chunkTAVTNSQGcjs = require('../chunk-TAVTNSQG.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
 
-exports.Button = _chunkA4FOULHYcjs.Button_default; exports.ButtonGroup = _chunkA4FOULHYcjs.ButtonGroup_default; exports.buttonVariants = _chunkA4FOULHYcjs.buttonVariants; exports.default = _chunkA4FOULHYcjs.Button_default2;
+exports.Button = _chunkTAVTNSQGcjs.Button_default; exports.ButtonGroup = _chunkTAVTNSQGcjs.ButtonGroup_default; exports.buttonVariants = _chunkTAVTNSQGcjs.buttonVariants; exports.default = _chunkTAVTNSQGcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.d.cts

@@ -1,5 +1,5 @@
-import { B as Button } from '../ButtonGroup-g0hk2u-s.cjs';
-export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-g0hk2u-s.cjs';
+import { B as Button } from '../ButtonGroup-DyAm7NZs.cjs';
+export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-DyAm7NZs.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Button/index.d.ts

@@ -1,5 +1,5 @@
-import { B as Button } from '../ButtonGroup-g0hk2u-s.js';
-export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-g0hk2u-s.js';
+import { B as Button } from '../ButtonGroup-DyAm7NZs.js';
+export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-DyAm7NZs.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Button/index.js

@@ -3,7 +3,7 @@ import {
   Button_default,
   Button_default2,
   buttonVariants
-} from "../chunk-3LEUWIY3.js";
+} from "../chunk-ERK2LYGJ.js";
 import "../chunk-J7N2552D.js";
 export {
   Button_default as Button,

package/dist/{ButtonGroup-g0hk2u-s.d.cts → ButtonGroup-DyAm7NZs.d.cts}

@@ -142,7 +142,7 @@ interface ButtonProps extends VariantProps {
     children?: ReactNode;
     /** CSS class name */
     className?: string;
-    /** next ui button color  */
+    /** hero ui button color  */
     color?: ButtonProps$1['color'];
     /** disables function of the button. */
     disabled?: boolean;
@@ -160,7 +160,7 @@ interface ButtonProps extends VariantProps {
     testId?: string;
     /** sets the button type. */
     type?: 'button' | 'submit' | 'reset' | undefined;
-    /** next ui button variants */
+    /** hero ui button variants */
     variant?: ButtonProps$1['variant'];
 }
 /**

package/dist/{ButtonGroup-g0hk2u-s.d.ts → ButtonGroup-DyAm7NZs.d.ts}

@@ -142,7 +142,7 @@ interface ButtonProps extends VariantProps {
     children?: ReactNode;
     /** CSS class name */
     className?: string;
-    /** next ui button color  */
+    /** hero ui button color  */
     color?: ButtonProps$1['color'];
     /** disables function of the button. */
     disabled?: boolean;
@@ -160,7 +160,7 @@ interface ButtonProps extends VariantProps {
     testId?: string;
     /** sets the button type. */
     type?: 'button' | 'submit' | 'reset' | undefined;
-    /** next ui button variants */
+    /** hero ui button variants */
     variant?: ButtonProps$1['variant'];
 }
 /**

package/dist/Card/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkZXN5DNKQcjs = require('../chunk-ZXN5DNKQ.cjs');
+var _chunkMHZAWSFJcjs = require('../chunk-MHZAWSFJ.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Card = _chunkZXN5DNKQcjs.Card_default; exports.cardVariants = _chunkZXN5DNKQcjs.cardVariants; exports.default = _chunkZXN5DNKQcjs.Card_default2;
+exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.default = _chunkMHZAWSFJcjs.Card_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Card/index.js

@@ -2,7 +2,7 @@ import {
   Card_default,
   Card_default2,
   cardVariants
-} from "../chunk-XUF52AKP.js";
+} from "../chunk-ABKT5UKM.js";
 import "../chunk-J7N2552D.js";
 export {
   Card_default as Card,

package/dist/Drawer/index.cjs

@@ -6,7 +6,7 @@
 
 
 
-var _chunkWSM7WMFPcjs = require('../chunk-WSM7WMFP.cjs');
+var _chunk7RVUB6I5cjs = require('../chunk-7RVUB6I5.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
@@ -16,5 +16,5 @@ require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Drawer = _chunkWSM7WMFPcjs.Drawer_default; exports.default = _chunkWSM7WMFPcjs.Drawer_default2; exports.drawerBackdrops = _chunkWSM7WMFPcjs.drawerBackdrops; exports.drawerPlacements = _chunkWSM7WMFPcjs.drawerPlacements; exports.drawerRadii = _chunkWSM7WMFPcjs.drawerRadii; exports.drawerSizes = _chunkWSM7WMFPcjs.drawerSizes; exports.drawerVariants = _chunkWSM7WMFPcjs.drawerVariants;
+exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.default = _chunk7RVUB6I5cjs.Drawer_default2; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Drawer/index.js

@@ -6,7 +6,7 @@ import {
   drawerRadii,
   drawerSizes,
   drawerVariants
-} from "../chunk-ITOA7Q42.js";
+} from "../chunk-VBOUHWXM.js";
 import "../chunk-J7N2552D.js";
 export {
   Drawer_default as Drawer,

package/dist/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkFFRBORVVcjs = require('../chunk-FFRBORVV.cjs');
-require('../chunk-A4FOULHY.cjs');
+var _chunkU46SDLRHcjs = require('../chunk-U46SDLRH.cjs');
+require('../chunk-TAVTNSQG.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Json = _chunkFFRBORVVcjs.Json_default; exports.default = _chunkFFRBORVVcjs.Json_default2;
+exports.Json = _chunkU46SDLRHcjs.Json_default; exports.default = _chunkU46SDLRHcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,8 +1,8 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-UZPVE6UB.js";
-import "../chunk-3LEUWIY3.js";
+} from "../chunk-XNKV2DN7.js";
+import "../chunk-ERK2LYGJ.js";
 import "../chunk-J7N2552D.js";
 export {
   Json_default as Json,

package/dist/Label/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWV3ZDL4Jcjs = require('../chunk-WV3ZDL4J.cjs');
+var _chunk2XYKRMUNcjs = require('../chunk-2XYKRMUN.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Label = _chunkWV3ZDL4Jcjs.Label_default; exports.default = _chunkWV3ZDL4Jcjs.Label_default2;
+exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.default = _chunk2XYKRMUNcjs.Label_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Label/index.js

@@ -1,7 +1,7 @@
 import {
   Label_default,
   Label_default2
-} from "../chunk-ZZC6S7D2.js";
+} from "../chunk-NQVSANDI.js";
 import "../chunk-J7N2552D.js";
 export {
   Label_default as Label,

package/dist/Menu/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkORO34I7Xcjs = require('../chunk-ORO34I7X.cjs');
+var _chunkKBYU4ZF2cjs = require('../chunk-KBYU4ZF2.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Menu = _chunkORO34I7Xcjs.Menu_default; exports.default = _chunkORO34I7Xcjs.Menu_default2;
+exports.Menu = _chunkKBYU4ZF2cjs.Menu_default; exports.default = _chunkKBYU4ZF2cjs.Menu_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Menu/index.js

@@ -1,7 +1,7 @@
 import {
   Menu_default,
   Menu_default2
-} from "../chunk-TCL2PX3F.js";
+} from "../chunk-LRJVQPVR.js";
 import "../chunk-J7N2552D.js";
 export {
   Menu_default as Menu,

package/dist/Modal/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkT7EAVBXLcjs = require('../chunk-T7EAVBXL.cjs');
+var _chunkPEUUQMJScjs = require('../chunk-PEUUQMJS.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Modal = _chunkT7EAVBXLcjs.Modal_default; exports.default = _chunkT7EAVBXLcjs.Modal_default2; exports.modalVariants = _chunkT7EAVBXLcjs.modalVariants;
+exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.default = _chunkPEUUQMJScjs.Modal_default2; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Modal/index.js

@@ -2,7 +2,7 @@ import {
   Modal_default,
   Modal_default2,
   modalVariants
-} from "../chunk-EVAV23ZV.js";
+} from "../chunk-RW4WTSLJ.js";
 import "../chunk-J7N2552D.js";
 export {
   Modal_default as Modal,

package/dist/Popover/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkAJLLRWSEcjs = require('../chunk-AJLLRWSE.cjs');
+var _chunkC4H5ZCTVcjs = require('../chunk-C4H5ZCTV.cjs');
 require('../chunk-TX2VP4J7.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Popover = _chunkAJLLRWSEcjs.Popover_default; exports.default = _chunkAJLLRWSEcjs.Popover_default2;
+exports.Popover = _chunkC4H5ZCTVcjs.Popover_default; exports.default = _chunkC4H5ZCTVcjs.Popover_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Popover/index.js

@@ -1,7 +1,7 @@
 import {
   Popover_default,
   Popover_default2
-} from "../chunk-2WJJS4CZ.js";
+} from "../chunk-7H67WTTJ.js";
 import "../chunk-EQVC4PJE.js";
 import "../chunk-J7N2552D.js";
 export {

package/dist/Progress/index.cjs

@@ -20,7 +20,7 @@ var progressVariants = _pixelutils.tv.call(void 0, {
     // span around the progress value
   },
   variants: {
-    // See: https://github.com/nextui-org/nextui/blob/canary/packages/core/theme/src/components/progress.ts
+    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts
     color: {
       danger: {
         indicator: "bg-danger"

package/dist/Progress/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs","../../src/Progress/Progress.tsx","../../src/Progress/index.ts"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACA;ACCA,4CAAyC;AAEzC,oDAAyC;AAyFrC,+CAAA;AAtFG,IAAM,iBAAA,EAAmB,4BAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA;AAAA,IACN,SAAA,EAAW,EAAA;AAAA;AAAA,IACX,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,YAAA,EAAc,EAAA;AAAA;AAAA,IACd,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA0BD,IAAM,cAAA,EAAgB,CAAC,OAAA,EAAA,GAAoB,CAAA,EAAA;AAKzB;AACJ,EAAA;AACJ,EAAA;AACC,EAAA;AACD,EAAA;AACR,EAAA;AACiB,EAAA;AACV,EAAA;AACa,EAAA;AACX,EAAA;AACU;AAEjB,EAAA;AAEe,EAAA;AACE,EAAA;AAES,EAAA;AAG1B,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACX,MAAA;AACa,MAAA;AACE,MAAA;AACf,MAAA;AACA,MAAA;AACA,MAAA;AACkB,MAAA;AACO,MAAA;AAAA,IAAA;AAC3B,EAAA;AAEJ;AAEe;AD5BmB;AACA;AE3EnB;AF6EmB;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as NextProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    indicator: '', // indicator of the progress (finished part)\n    label: '', // label at the top left of the progress bar\n    labelWrapper: '', // wrapper around progress label and label span\n    track: '', // track of the progress (not finished part)\n    value: '', // span around the progress value\n  },\n  variants: {\n    // See: https://github.com/nextui-org/nextui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\n  color?: VariantProps['color'];\n  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage/progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** whether to show success color on complete */\n  successOnComplete?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst defaultFormat = (percent: number) => `${percent}%`;\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  className = undefined,\n  color = 'primary',\n  format = defaultFormat,\n  label = undefined,\n  percent,\n  showValueLabel = true,\n  size = 'md',\n  successOnComplete = false,\n  testId = undefined,\n}: ProgressProps) => {\n  const processedColor =\n    successOnComplete && percent >= 100 ? 'success' : color;\n\n  const variants = progressVariants({ color: processedColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <NextProgress\n      aria-label=\"Loading...\"\n      classNames={classNames}\n      data-testid={testId}\n      formatOptions={undefined}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps, VariantProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs","../../src/Progress/Progress.tsx","../../src/Progress/index.ts"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACA;ACCA,4CAAyC;AAEzC,oDAAyC;AAyFrC,+CAAA;AAtFG,IAAM,iBAAA,EAAmB,4BAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA;AAAA,IACN,SAAA,EAAW,EAAA;AAAA;AAAA,IACX,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,YAAA,EAAc,EAAA;AAAA;AAAA,IACd,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA0BD,IAAM,cAAA,EAAgB,CAAC,OAAA,EAAA,GAAoB,CAAA,EAAA;AAKzB;AACJ,EAAA;AACJ,EAAA;AACC,EAAA;AACD,EAAA;AACR,EAAA;AACiB,EAAA;AACV,EAAA;AACa,EAAA;AACX,EAAA;AACU;AAEjB,EAAA;AAEe,EAAA;AACE,EAAA;AAES,EAAA;AAG1B,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACX,MAAA;AACa,MAAA;AACE,MAAA;AACf,MAAA;AACA,MAAA;AACA,MAAA;AACkB,MAAA;AACO,MAAA;AAAA,IAAA;AAC3B,EAAA;AAEJ;AAEe;AD5BmB;AACA;AE3EnB;AF6EmB;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as HeroProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    indicator: '', // indicator of the progress (finished part)\n    label: '', // label at the top left of the progress bar\n    labelWrapper: '', // wrapper around progress label and label span\n    track: '', // track of the progress (not finished part)\n    value: '', // span around the progress value\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\n  color?: VariantProps['color'];\n  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage/progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** whether to show success color on complete */\n  successOnComplete?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst defaultFormat = (percent: number) => `${percent}%`;\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  className = undefined,\n  color = 'primary',\n  format = defaultFormat,\n  label = undefined,\n  percent,\n  showValueLabel = true,\n  size = 'md',\n  successOnComplete = false,\n  testId = undefined,\n}: ProgressProps) => {\n  const processedColor =\n    successOnComplete && percent >= 100 ? 'success' : color;\n\n  const variants = progressVariants({ color: processedColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <HeroProgress\n      aria-label=\"Loading...\"\n      classNames={classNames}\n      data-testid={testId}\n      formatOptions={undefined}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps, VariantProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"]}

package/dist/Progress/index.js

@@ -1,7 +1,7 @@
 import "../chunk-J7N2552D.js";
 
 // src/Progress/Progress.tsx
-import { Progress as NextProgress } from "@heroui/progress";
+import { Progress as HeroProgress } from "@heroui/progress";
 import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
 var progressVariants = tv({
@@ -20,7 +20,7 @@ var progressVariants = tv({
     // span around the progress value
   },
   variants: {
-    // See: https://github.com/nextui-org/nextui/blob/canary/packages/core/theme/src/components/progress.ts
+    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts
     color: {
       danger: {
         indicator: "bg-danger"
@@ -63,7 +63,7 @@ var Progress = ({
   const classNames = variantsToClassNames(variants, className, "base");
   const value = format(percent);
   return /* @__PURE__ */ jsx(
-    NextProgress,
+    HeroProgress,
     {
       "aria-label": "Loading...",
       classNames,

package/dist/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Progress/Progress.tsx","../../src/Progress/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as NextProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    indicator: '', // indicator of the progress (finished part)\n    label: '', // label at the top left of the progress bar\n    labelWrapper: '', // wrapper around progress label and label span\n    track: '', // track of the progress (not finished part)\n    value: '', // span around the progress value\n  },\n  variants: {\n    // See: https://github.com/nextui-org/nextui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\n  color?: VariantProps['color'];\n  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage/progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** whether to show success color on complete */\n  successOnComplete?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst defaultFormat = (percent: number) => `${percent}%`;\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  className = undefined,\n  color = 'primary',\n  format = defaultFormat,\n  label = undefined,\n  percent,\n  showValueLabel = true,\n  size = 'md',\n  successOnComplete = false,\n  testId = undefined,\n}: ProgressProps) => {\n  const processedColor =\n    successOnComplete && percent >= 100 ? 'success' : color;\n\n  const variants = progressVariants({ color: processedColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <NextProgress\n      aria-label=\"Loading...\"\n      classNames={classNames}\n      data-testid={testId}\n      formatOptions={undefined}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps, VariantProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"],"mappings":";;;AAGA,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AAyFrC;AAtFG,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,IACN,WAAW;AAAA;AAAA,IACX,OAAO;AAAA;AAAA,IACP,cAAc;AAAA;AAAA,IACd,OAAO;AAAA;AAAA,IACP,OAAO;AAAA;AAAA,EACT;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA0BD,IAAM,gBAAgB,CAAC,YAAoB,GAAG,OAAO;AAKrD,IAAM,WAAW,CAAC;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,SAAS;AACX,MAAqB;AACnB,QAAM,iBACJ,qBAAqB,WAAW,MAAM,YAAY;AAEpD,QAAM,WAAW,iBAAiB,EAAE,OAAO,eAAe,CAAC;AAC3D,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,QAAM,QAAQ,OAAO,OAAO;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAa;AAAA,MACb,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,WAAW;AAAA,MAClB,YAAY,CAAC,CAAC,WAAW;AAAA;AAAA,EAC3B;AAEJ;AAEA,IAAO,mBAAQ;;;ACtGf,IAAOA,oBAAQ;","names":["Progress_default"]}
+{"version":3,"sources":["../../src/Progress/Progress.tsx","../../src/Progress/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as HeroProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    indicator: '', // indicator of the progress (finished part)\n    label: '', // label at the top left of the progress bar\n    labelWrapper: '', // wrapper around progress label and label span\n    track: '', // track of the progress (not finished part)\n    value: '', // span around the progress value\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\n  color?: VariantProps['color'];\n  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage/progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** whether to show success color on complete */\n  successOnComplete?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst defaultFormat = (percent: number) => `${percent}%`;\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  className = undefined,\n  color = 'primary',\n  format = defaultFormat,\n  label = undefined,\n  percent,\n  showValueLabel = true,\n  size = 'md',\n  successOnComplete = false,\n  testId = undefined,\n}: ProgressProps) => {\n  const processedColor =\n    successOnComplete && percent >= 100 ? 'success' : color;\n\n  const variants = progressVariants({ color: processedColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <HeroProgress\n      aria-label=\"Loading...\"\n      classNames={classNames}\n      data-testid={testId}\n      formatOptions={undefined}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps, VariantProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"],"mappings":";;;AAGA,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AAyFrC;AAtFG,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,IACN,WAAW;AAAA;AAAA,IACX,OAAO;AAAA;AAAA,IACP,cAAc;AAAA;AAAA,IACd,OAAO;AAAA;AAAA,IACP,OAAO;AAAA;AAAA,EACT;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA0BD,IAAM,gBAAgB,CAAC,YAAoB,GAAG,OAAO;AAKrD,IAAM,WAAW,CAAC;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,SAAS;AACX,MAAqB;AACnB,QAAM,iBACJ,qBAAqB,WAAW,MAAM,YAAY;AAEpD,QAAM,WAAW,iBAAiB,EAAE,OAAO,eAAe,CAAC;AAC3D,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,QAAM,QAAQ,OAAO,OAAO;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAa;AAAA,MACb,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,WAAW;AAAA,MAClB,YAAY,CAAC,CAAC,WAAW;AAAA;AAAA,EAC3B;AAEJ;AAEA,IAAO,mBAAQ;;;ACtGf,IAAOA,oBAAQ;","names":["Progress_default"]}