@fuf-stack/pixels 0.40.0 → 0.41.1

package/dist/index.d.ts

@@ -1,30 +1,32 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.js';
 export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BMKOfE_a.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-Bm0yKM7X.js';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-DmwcvuKe.js';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
 export { _ as Popover, P as PopoverProps } from './Popover-DcZ3qt-u.js';
-export { C as CircularProgress, b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from './CircularProgress-DHrnT6wz.js';
+export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-U4kPZ1T1.js';
+export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-7yXUVioO.js';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-xUYwXMX9.js';
-import * as tailwind_variants from 'tailwind-variants';
-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 { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.js';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-Bu71AKvn.js';
 export { useDebounce, useLocalStorage } from './hooks/index.js';
 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';
@@ -33,293 +35,3 @@ import '@heroui/dropdown';
 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 {
-    /** CSS class name */
-    className?: ClassName;
-    /** Icon displayed at the end of the Alert */
-    closeIcon?: ReactNode;
-    /** Color of the alert */
-    color?: AddToastVariantProps['color'];
-    /** Content displayed inside the Alert */
-    description?: ReactNode;
-    /** Content displayed at the end of the Alert */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the Alert */
-    icon?: ReactNode;
-    /** Icon or animation displayed until promise is resolved */
-    loadingIcon?: ReactNode;
-    /** Callback function called when the toast is closed */
-    onClose?: () => void;
-    /** Promise based on which the notification will be styled */
-    promise?: Promise<void>;
-    /** Whether the toast should show a progress bar */
-    shouldShowTimeoutProgress?: boolean;
-    /** Whether the toast should show a close button */
-    showCloseButton?: boolean;
-    /** Whether the toast should show an icon */
-    showIcon?: boolean;
-    /** Time the toast is displayed */
-    timeout?: number;
-    /** Content displayed at the top of the toast */
-    title?: ReactNode;
-    /** Variant of the toast */
-    variant?: AddToastVariantProps['variant'];
-}
-/**
- * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
- */
-declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, promise, 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 };

package/dist/index.js

@@ -1,7 +1,11 @@
 import {
-  Popover_default
-} from "./chunk-5TOE75VE.js";
-import "./chunk-EQVC4PJE.js";
+  Progress_default,
+  progressVariants
+} from "./chunk-RV7YPQXI.js";
+import {
+  ProgressCircular_default,
+  progressCircularVariants
+} from "./chunk-GJQTAEHH.js";
 import {
   Table_default,
   tableVariants
@@ -10,6 +14,11 @@ import {
   Tabs_default,
   tabsVariants
 } from "./chunk-JZHEG3SM.js";
+import {
+  ToastProvider_default,
+  addToast,
+  toastVariants
+} from "./chunk-KSAL4SBX.js";
 import {
   Tooltip_default
 } from "./chunk-YXWPOEX6.js";
@@ -24,11 +33,6 @@ import {
   Card_default,
   cardVariants
 } from "./chunk-ABKT5UKM.js";
-import {
-  CircularProgress_default,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants
-} from "./chunk-M3PL6G7W.js";
 import {
   Drawer_default,
   drawerBackdrops,
@@ -39,7 +43,7 @@ import {
 } from "./chunk-VBOUHWXM.js";
 import {
   Json_default
-} from "./chunk-L3DEBOPG.js";
+} from "./chunk-VRPX6QUG.js";
 import {
   Label_default,
   labelVariants
@@ -51,6 +55,10 @@ import {
   Modal_default,
   modalVariants
 } from "./chunk-RW4WTSLJ.js";
+import {
+  Popover_default
+} from "./chunk-5TOE75VE.js";
+import "./chunk-EQVC4PJE.js";
 import {
   Accordion_default,
   accordionVariants
@@ -75,168 +83,8 @@ import {
 import {
   Button_default,
   buttonVariants
-} from "./chunk-Q5DUSUCZ.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-J7N2552D.js";
-
-// src/Toast/addToast.tsx
-import { toast as heroToastVariants } from "@heroui/theme";
-import { addToast as heroAddToast } from "@heroui/toast";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-var toastVariants = tv({
-  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: __spreadValues({
-      info: {}
-    }, heroToastVariants.variants.color),
-    variant: __spreadValues({}, heroToastVariants.variants.variant)
-  },
-  compoundVariants: [
-    ...heroToastVariants.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 = ({
-  className = void 0,
-  closeIcon = void 0,
-  color = "default",
-  description = void 0,
-  endContent = void 0,
-  icon = void 0,
-  loadingIcon = void 0,
-  onClose = void 0,
-  promise = void 0,
-  shouldShowTimeoutProgress = false,
-  showCloseButton = true,
-  showIcon = true,
-  timeout = 5e3,
-  title = void 0,
-  variant = "bordered"
-}) => {
-  const variants = toastVariants({
-    color,
-    variant
-  });
-  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(
-    color
-  );
-  const classNames = variantsToClassNames(variants, className, "base");
-  heroAddToast({
-    classNames,
-    closeIcon,
-    color: isHeroUIColor ? color : void 0,
-    // TODO: 'data-testid': testId,
-    // https://github.com/heroui-inc/heroui/issues/5033
-    // @ts-expect-error bug in hero-toast: description should be ReactNode
-    description,
-    endContent,
-    hideCloseButton: !showCloseButton,
-    hideIcon: !showIcon,
-    icon,
-    loadingIcon,
-    onClose,
-    promise,
-    shouldShowTimeoutProgress,
-    timeout,
-    title,
-    variant
-  });
-};
-
-// src/Toast/ToastProvider.tsx
-import { toast as heroToastVariants2 } from "@heroui/theme";
-import { ToastProvider as HeroToastProvider } from "@heroui/toast";
-import { variantsToClassNames as variantsToClassNames2 } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var ToastProvider = ({
-  disableAnimation = false,
-  maxVisibleToasts = 5,
-  placement = "top-center",
-  toastProps = void 0,
-  toastOffset = 26,
-  regionProps = void 0
-}) => {
-  const variants = toastVariants({
-    color: toastProps == null ? void 0 : toastProps.color,
-    variant: toastProps == null ? void 0 : toastProps.variant
-  });
-  const isHeroUIColor = Object.keys(heroToastVariants2.variants.color).includes(
-    (toastProps == null ? void 0 : toastProps.color) || ""
-  );
-  const classNames = variantsToClassNames2(
-    variants,
-    toastProps == null ? void 0 : toastProps.className,
-    "base"
-  );
-  return /* @__PURE__ */ jsx(
-    HeroToastProvider,
-    {
-      disableAnimation,
-      maxVisibleToasts,
-      placement,
-      regionProps,
-      toastOffset,
-      toastProps: __spreadProps(__spreadValues({}, toastProps), {
-        classNames,
-        color: isHeroUIColor ? toastProps == null ? void 0 : toastProps.color : void 0
-      })
-    }
-  );
-};
-var ToastProvider_default = ToastProvider;
+} from "./chunk-MAKWBTTW.js";
+import "./chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,
   Alert_default as Alert,
@@ -247,13 +95,14 @@ export {
   Button_default as Button,
   ButtonGroup_default as ButtonGroup,
   Card_default as Card,
-  CircularProgress_default as CircularProgress,
   Drawer_default as Drawer,
   Json_default as Json,
   Label_default as Label,
   Menu_default as Menu,
   Modal_default as Modal,
   Popover_default as Popover,
+  Progress_default as Progress,
+  ProgressCircular_default as ProgressCircular,
   Table_default as Table,
   Tabs_default as Tabs,
   ToastProvider_default as ToastProvider,
@@ -264,8 +113,6 @@ export {
   breadcrumbVariants,
   buttonVariants,
   cardVariants,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants,
   drawerBackdrops,
   drawerPlacements,
   drawerRadii,
@@ -273,6 +120,8 @@ export {
   drawerVariants,
   labelVariants,
   modalVariants,
+  progressCircularVariants,
+  progressVariants,
   tableVariants,
   tabsVariants,
   toastVariants,

package/dist/index.js.map

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