@fuf-stack/pixels 0.38.0 → 0.39.0

package/dist/{chunk-33S6NRVI.cjs → chunk-YVPRFCWI.cjs}

@@ -26,7 +26,18 @@ var alertVariants = _pixelutils.tv.call(void 0, {
         description: "text-inherit"
       }
     }, _theme.alert.variants.color),
-    variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.alert.variants.variant)
+    variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.alert.variants.variant),
+    sizeLimit: {
+      height: {
+        base: "max-h-[150px] overflow-y-auto overflow-x-hidden"
+      },
+      width: {
+        base: "max-w-[480px] overflow-x-auto overflow-y-hidden"
+      },
+      both: {
+        base: "max-h-[150px] max-w-[480px] overflow-y-auto overflow-x-hidden"
+      }
+    }
   },
   compoundVariants: [
     ..._theme.alert.compoundVariants,
@@ -79,6 +90,7 @@ var Alert = ({
   icon = void 0,
   isClosable = false,
   onClose = void 0,
+  sizeLimit = void 0,
   showIcon = true,
   testId = void 0,
   title = void 0,
@@ -86,7 +98,8 @@ var Alert = ({
 }) => {
   const variants = alertVariants({
     color,
-    variant
+    variant,
+    sizeLimit
   });
   const isHeroUIColor = Object.keys(_theme.alert.variants.color).includes(
     color
@@ -119,4 +132,4 @@ var Alert_default2 = Alert_default;
 
 
 exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
-//# sourceMappingURL=chunk-33S6NRVI.cjs.map
+//# sourceMappingURL=chunk-YVPRFCWI.cjs.map

package/dist/chunk-YVPRFCWI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YVPRFCWI.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/chunk-YVPRFCWI.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    sizeLimit: {\n      height: {\n        base: 'max-h-[150px] overflow-y-auto overflow-x-hidden',\n      },\n      width: {\n        base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n      },\n      both: {\n        base: 'max-h-[150px] max-w-[480px] overflow-y-auto overflow-x-hidden',\n      },\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  /** limit height to 150px or width to 480px or both */\n  sizeLimit?: VariantProps['sizeLimit'];\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  sizeLimit = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n    sizeLimit,\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/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkA4MJ5V64cjs = require('./chunk-A4MJ5V64.cjs');
+var _chunkAJCAIA6Hcjs = require('./chunk-AJCAIA6H.cjs');
 
 
 
@@ -43,7 +43,7 @@ var _chunkKBYU4ZF2cjs = require('./chunk-KBYU4ZF2.cjs');
 var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
 
 
-var _chunkEAJGISR6cjs = require('./chunk-EAJGISR6.cjs');
+var _chunkEAX5J2I2cjs = require('./chunk-EAX5J2I2.cjs');
 require('./chunk-TX2VP4J7.cjs');
 
 
@@ -52,7 +52,7 @@ var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
 
 
 
-var _chunk33S6NRVIcjs = require('./chunk-33S6NRVI.cjs');
+var _chunkYVPRFCWIcjs = require('./chunk-YVPRFCWI.cjs');
 
 
 var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
@@ -70,10 +70,169 @@ var _chunkZZOEFQWQcjs = require('./chunk-ZZOEFQWQ.cjs');
 
 
 var _chunk4X43AGXEcjs = require('./chunk-4X43AGXE.cjs');
-require('./chunk-D4TLDLEX.cjs');
 
 
 
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
+// src/Toast/addToast.tsx
+var _theme = require('@heroui/theme');
+var _toast = require('@heroui/toast');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var toastVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    title: "",
+    description: "",
+    icon: "",
+    loadingIcon: "",
+    content: "",
+    motionDiv: "",
+    progressTrack: "",
+    progressIndicator: "",
+    closeButton: "",
+    closeIcon: ""
+  },
+  variants: {
+    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts
+    color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
+      info: {}
+    }, _theme.toast.variants.color),
+    variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.toast.variants.variant)
+  },
+  compoundVariants: [
+    ..._theme.toast.compoundVariants,
+    {
+      variant: "solid",
+      color: "info",
+      className: {
+        base: "bg-info text-info-foreground",
+        title: "text-info-foreground",
+        description: "text-info-foreground",
+        icon: "text-info-foreground",
+        closeIcon: "border-info-400 bg-info-100",
+        closeButton: "text-info-400 hover:text-info-600",
+        progressIndicator: "bg-info-400"
+      }
+    },
+    {
+      color: "info",
+      variant: "flat",
+      className: {
+        base: "dark:bg-info-50/50 bg-info-50 text-info-600",
+        title: "text-info-600",
+        description: "text-info-500",
+        icon: "text-info-600",
+        closeIcon: "border-info-400 bg-info-100",
+        closeButton: "text-info-400 hover:text-info-600",
+        progressIndicator: "bg-info-400"
+      }
+    },
+    {
+      color: "info",
+      variant: "bordered",
+      className: {
+        base: "border-small border-info text-info-600",
+        title: "text-info-600",
+        description: "text-info-500",
+        icon: "text-info-600",
+        closeIcon: "border-info-400 bg-info-100",
+        closeButton: "text-info-400 hover:text-info-600",
+        progressIndicator: "bg-info-400"
+      }
+    }
+  ]
+});
+var addToast = ({
+  children = void 0,
+  className = void 0,
+  closeIcon = void 0,
+  color = "default",
+  description = void 0,
+  endContent = void 0,
+  icon = void 0,
+  loadingIcon = void 0,
+  onClose = void 0,
+  // severity = 'default',
+  shouldShowTimeoutProgress = false,
+  showCloseButton = true,
+  showIcon = true,
+  // testId = undefined,
+  timeout = 5e3,
+  title = void 0,
+  variant = "bordered"
+}) => {
+  const variants = toastVariants({
+    color,
+    variant
+  });
+  const isHeroUIColor = Object.keys(_theme.toast.variants.color).includes(
+    color
+  );
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  _toast.addToast.call(void 0, {
+    classNames,
+    closeIcon,
+    color: isHeroUIColor ? color : void 0,
+    // 'data-testid': testId,
+    // https://github.com/heroui-inc/heroui/issues/5033
+    // @ts-expect-error bug in hero-toast: description should be ReactNode
+    description: description || title ? children : void 0,
+    endContent,
+    hideCloseButton: !showCloseButton,
+    hideIcon: !showIcon,
+    icon,
+    loadingIcon,
+    onClose,
+    // severity={severity}
+    shouldShowTimeoutProgress,
+    timeout,
+    title: title || children,
+    variant
+  });
+};
+
+// src/Toast/ToastProvider.tsx
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var ToastProvider = ({
+  disableAnimation = false,
+  maxVisibleToasts = 5,
+  placement = "top-center",
+  toastProps = void 0,
+  toastOffset = 0,
+  regionProps = void 0
+}) => {
+  const variants = toastVariants({
+    color: toastProps == null ? void 0 : toastProps.color,
+    variant: toastProps == null ? void 0 : toastProps.variant
+  });
+  const isHeroUIColor = Object.keys(_theme.toast.variants.color).includes(
+    (toastProps == null ? void 0 : toastProps.color) || ""
+  );
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, 
+    variants,
+    toastProps == null ? void 0 : toastProps.className,
+    "base"
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _toast.ToastProvider,
+    {
+      disableAnimation,
+      maxVisibleToasts,
+      placement,
+      regionProps,
+      toastOffset,
+      toastProps: _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, toastProps), {
+        classNames,
+        color: isHeroUIColor ? toastProps == null ? void 0 : toastProps.color : void 0
+      })
+    }
+  );
+};
+var ToastProvider_default = ToastProvider;
 
 
 
@@ -105,5 +264,11 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunk33S6NRVIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkZASS525Kcjs.Json_default; exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.Menu = _chunkKBYU4ZF2cjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAJGISR6cjs.Popover_default; exports.Table = _chunkA4MJ5V64cjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.alertVariants = _chunk33S6NRVIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.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.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkA4MJ5V64cjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+
+
+
+
+
+
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkZASS525Kcjs.Json_default; exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.Menu = _chunkKBYU4ZF2cjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.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.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,4wDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  children?: ReactNode;\n  className?: ClassName;\n  closeIcon?: ReactNode;\n  color?: AddToastVariantProps['color'];\n  description?: ReactNode;\n  endContent?: ReactNode;\n  icon?: ReactNode;\n  loadingIcon?: ReactNode;\n  onClose?: () => void;\n  // severity?:\n  //   | 'default'\n  //   | 'primary'\n  //   | 'secondary'\n  //   | 'success'\n  //   | 'warning'\n  //   | 'danger';\n  shouldShowTimeoutProgress?: boolean;\n  showCloseButton?: boolean;\n  showIcon?: boolean;\n  // testId?: string;\n  timeout?: number;\n  title?: ReactNode;\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  children = undefined,\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  // severity = 'default',\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  // testId = undefined,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description: description || title ? children : undefined,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    // severity={severity}\n    shouldShowTimeoutProgress,\n    timeout,\n    title: (title || children) as string,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 0,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.cjs';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bz_lJ_YE.cjs';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.cjs';
 export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
@@ -12,18 +12,18 @@ export { J as Json, a as JsonProps } from './Json-ngM0f9n2.cjs';
 export { L as Label, a as LabelProps } from './Label-BH0taC2T.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C7lpY7pY.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
-export { _ as Popover, P as PopoverProps } from './Popover-DAYvOjOY.cjs';
+export { _ as Popover, P as PopoverProps } from './Popover-BXyk9y8I.cjs';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-xUYwXMX9.cjs';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-Bu71AKvn.cjs';
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';
 export { ButtonGroupProps } from '@heroui/button';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
-import 'react';
 import '@heroui/badge';
 import '@heroui/system';
 import '@heroui/drawer';
@@ -31,3 +31,278 @@ import '@heroui/chip';
 import '@heroui/modal';
 import '@heroui/popover';
 import '@heroui/tooltip';
+
+declare const toastVariants: tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}>, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}>, unknown, unknown, undefined>>;
+type AddToastVariantProps = TVProps<typeof toastVariants>;
+type ClassName = TVClassName<typeof toastVariants>;
+interface ToastProps extends AddToastVariantProps {
+    children?: ReactNode;
+    className?: ClassName;
+    closeIcon?: ReactNode;
+    color?: AddToastVariantProps['color'];
+    description?: ReactNode;
+    endContent?: ReactNode;
+    icon?: ReactNode;
+    loadingIcon?: ReactNode;
+    onClose?: () => void;
+    shouldShowTimeoutProgress?: boolean;
+    showCloseButton?: boolean;
+    showIcon?: boolean;
+    timeout?: number;
+    title?: ReactNode;
+    variant?: AddToastVariantProps['variant'];
+}
+/**
+ * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
+ */
+declare const addToast: ({ children, className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+
+type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
+interface ToastProviderProps {
+    disableAnimation?: boolean;
+    maxVisibleToasts?: number;
+    placement?: 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
+    toastProps?: ToastProviderToastProps;
+    toastOffset?: number;
+    regionProps?: {
+        classNames?: Record<'base', string>;
+    };
+}
+/**
+ * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
+ */
+declare const ToastProvider: ({ disableAnimation, maxVisibleToasts, placement, toastProps, toastOffset, regionProps, }: ToastProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { type AddToastVariantProps, type ToastProps, ToastProvider, type ToastProviderProps, addToast, toastVariants };