@fuf-stack/pixels 1.7.4 → 1.8.0

package/dist/index.js

@@ -27,11 +27,9 @@ import {
   tabsVariants
 } from "./chunk-HMYQTHGT.js";
 import {
-  Toast,
-  ToastProvider_default,
-  addToast,
-  toastVariants
-} from "./chunk-7IFOMPCK.js";
+  Toast_default,
+  Toaster_default
+} from "./chunk-VEXCTG6K.js";
 import {
   Tooltip_default
 } from "./chunk-MF5KUM5I.js";
@@ -75,7 +73,7 @@ import {
 import {
   Alert_default,
   alertVariants
-} from "./chunk-565TFIAK.js";
+} from "./chunk-PKG3L2TJ.js";
 import {
   AvatarGroup_default
 } from "./chunk-HSREBNZV.js";
@@ -85,14 +83,14 @@ import {
 import {
   Badge_default
 } from "./chunk-UEQG424R.js";
-import {
-  Breadcrumb_default,
-  breadcrumbVariants
-} from "./chunk-TJTBJ2NT.js";
 import {
   Button_default,
   buttonVariants
 } from "./chunk-2NMIKTA5.js";
+import {
+  Breadcrumb_default,
+  breadcrumbVariants
+} from "./chunk-TJTBJ2NT.js";
 import "./chunk-OAIRL2FN.js";
 export {
   Accordion_default as Accordion,
@@ -114,11 +112,9 @@ export {
   ProgressCircular_default as ProgressCircular,
   Table_default as Table,
   Tabs_default as Tabs,
-  Toast,
-  ToastProvider_default as ToastProvider,
+  Toaster_default as Toaster,
   Tooltip_default as Tooltip,
   accordionVariants,
-  addToast,
   alertVariants,
   breadcrumbVariants,
   buttonVariants,
@@ -135,7 +131,7 @@ export {
   progressVariants,
   tableVariants,
   tabsVariants,
-  toastVariants,
+  Toast_default as toast,
   useDebounce,
   useIsInitialRenderCycle,
   useLocalStorage

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Fröhlich ∧ Frei",
-  "version": "1.7.4",
+  "version": "1.8.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -210,7 +210,8 @@
     "@heroui/tooltip": "2.2.21",
     "framer-motion": "12.29.0",
     "next-themes": "0.4.6",
-    "react-icons": "5.5.0"
+    "react-icons": "5.5.0",
+    "sonner": "2.0.7"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
@@ -220,5 +221,5 @@
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },
-  "gitHead": "4801dde65d0a2dea77372b9f580ff38b90540f26"
+  "gitHead": "f7d55704ba58fa6b8355432d25e02cbc944ba1d7"
 }

package/dist/ToastProvider-BaynjNgq.d.cts

@@ -1,182 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-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;
-    loadingComponent: string;
-    content: string;
-    motionDiv: string;
-    progressTrack: string;
-    progressIndicator: string;
-    closeButton: string;
-    closeIcon: string;
-}, undefined, {
-    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;
-    loadingComponent: 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;
-    loadingComponent: string;
-    content: string;
-    motionDiv: string;
-    progressTrack: string;
-    progressIndicator: string;
-    closeButton: string;
-    closeIcon: string;
-}, undefined, 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;
-    /** Component displayed until promise is resolved */
-    loadingComponent?: 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, loadingComponent, 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 as A, ToastProvider as T, addToast as a, type ToastProps as b, type ToastProviderProps as c, toastVariants as t };

package/dist/ToastProvider-BaynjNgq.d.ts

@@ -1,182 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-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;
-    loadingComponent: string;
-    content: string;
-    motionDiv: string;
-    progressTrack: string;
-    progressIndicator: string;
-    closeButton: string;
-    closeIcon: string;
-}, undefined, {
-    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;
-    loadingComponent: 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;
-    loadingComponent: string;
-    content: string;
-    motionDiv: string;
-    progressTrack: string;
-    progressIndicator: string;
-    closeButton: string;
-    closeIcon: string;
-}, undefined, 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;
-    /** Component displayed until promise is resolved */
-    loadingComponent?: 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, loadingComponent, 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 as A, ToastProvider as T, addToast as a, type ToastProps as b, type ToastProviderProps as c, toastVariants as t };

package/dist/chunk-565TFIAK.js.map

@@ -1 +0,0 @@
-{"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    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;\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 classNames = variantsToClassNames(variants, className, 'base');\n\n  // pass color prop for heroui colors\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    color,\n  )\n    ? (color as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\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;AA+IrC;AA7IG,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,IAEhC,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;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;AAmCD,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,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,QAAM,YAAY,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAC9D;AAAA,EACF,IACK,QACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,wBAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChKf,IAAOA,iBAAQ;","names":["Alert_default"]}

package/dist/chunk-56CIU4EG.cjs

@@ -1,174 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Toast/index.ts
-var _toast = require('@heroui/toast');
-
-// src/Toast/addToast.tsx
-var _theme = require('@heroui/theme');
-
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var toastVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    title: "",
-    description: "",
-    icon: "",
-    loadingComponent: "",
-    content: "",
-    motionDiv: "",
-    progressTrack: "",
-    progressIndicator: "",
-    closeButton: "",
-    closeIcon: ""
-  },
-  variants: {
-    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts
-    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      info: {}
-    }, _theme.toast.variants.color),
-    variant: _chunkAHEA4IJVcjs.__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 = ({
-  className = void 0,
-  closeIcon = void 0,
-  color = "default",
-  description = void 0,
-  endContent = void 0,
-  icon = void 0,
-  loadingComponent = 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(_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,
-    // TODO: 'data-testid': testId,
-    description,
-    endContent,
-    hideCloseButton: !showCloseButton,
-    hideIcon: !showIcon,
-    icon,
-    loadingComponent,
-    onClose,
-    promise,
-    shouldShowTimeoutProgress,
-    timeout,
-    title,
-    variant
-  });
-};
-
-// src/Toast/ToastProvider.tsx
-
-
-
-var _jsxruntime = require('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(_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: _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, toastProps), {
-        classNames,
-        color: isHeroUIColor ? toastProps == null ? void 0 : toastProps.color : void 0
-      })
-    }
-  );
-};
-var ToastProvider_default = ToastProvider;
-
-// src/Toast/index.ts
-var Toast_default = addToast;
-
-
-
-
-
-
-
-exports.toastVariants = toastVariants; exports.addToast = addToast; exports.ToastProvider_default = ToastProvider_default; exports.Toast = _toast.Toast; exports.Toast_default = Toast_default;
-//# sourceMappingURL=chunk-56CIU4EG.cjs.map

package/dist/chunk-56CIU4EG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-56CIU4EG.cjs","../src/Toast/index.ts","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACLA,sCAAsB;ADOtB;AACA;AEJA,sCAA2C;AAC3C;AAEA,oDAAyC;AAElC,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,IAAA,EAAM,EAAA;AAAA,IACN,gBAAA,EAAkB,EAAA;AAAA,IAClB,OAAA,EAAS,EAAA;AAAA,IACT,SAAA,EAAW,EAAA;AAAA,IACX,aAAA,EAAe,EAAA;AAAA,IACf,iBAAA,EAAmB,EAAA;AAAA,IACnB,WAAA,EAAa,EAAA;AAAA,IACb,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM,CAAC;AAAA,IAAA,CAAA,EACJ,YAAA,CAAkB,QAAA,CAAS,KAAA,CAAA;AAAA,IAEhC,OAAA,EAAS,8CAAA,CAAA,CAAA,EACJ,YAAA,CAAkB,QAAA,CAAS,OAAA;AAAA,EAElC,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,GAAG,YAAA,CAAkB,gBAAA;AAAA,IACrB;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA;AAAA,QACN,KAAA,EAAO,sBAAA;AAAA,QACP,WAAA,EAAa,sBAAA;AAAA,QACb,IAAA,EAAM,sBAAA;AAAA,QACN,SAAA,EAAW,6BAAA;AAAA,QACX,WAAA,EAAa,mCAAA;AAAA,QACb,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,6CAAA;AAAA,QACN,KAAA,EAAO,eAAA;AAAA,QACP,WAAA,EAAa,eAAA;AAAA,QACb,IAAA,EAAM,eAAA;AAAA,QACN,SAAA,EAAW,6BAAA;AAAA,QACX,WAAA,EAAa,mCAAA;AAAA,QACb,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IAEA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,UAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,wCAAA;AAAA,QACN,KAAA,EAAO,eAAA;AAAA,QACP,WAAA,EAAa,eAAA;AAAA,QACb,IAAA,EAAM,eAAA;AAAA,QACN,SAAA,EAAW,6BAAA;AAAA,QACX,WAAA,EAAa,mCAAA;AAAA,QACb,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAyCM,IAAM,SAAA,EAAW,CAAC;AAAA,EACvB,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,iBAAA,EAAmB,KAAA,CAAA;AAAA,EACnB,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,0BAAA,EAA4B,KAAA;AAAA,EAC5B,gBAAA,EAAkB,IAAA;AAAA,EAClB,SAAA,EAAW,IAAA;AAAA,EACX,QAAA,EAAU,GAAA;AAAA,EACV,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc;AAAA,IAC7B,KAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,cAAA,EAAgB,MAAA,CAAO,IAAA,CAAK,YAAA,CAAkB,QAAA,CAAS,KAAK,CAAA,CAAE,QAAA;AAAA,IAClE;AAAA,EACF,CAAA;AACA,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,6BAAA;AAAa,IACX,UAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,EAAO,cAAA,EAAiB,MAAA,EAAoC,KAAA,CAAA;AAAA;AAAA,IAE5D,WAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA,EAAiB,CAAC,eAAA;AAAA,IAClB,QAAA,EAAU,CAAC,QAAA;AAAA,IACX,IAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,yBAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACH,CAAA;AFzCA;AACA;AGtHA;AACA;AAEA;AAiDI,+CAAA;AArBJ,IAAM,cAAA,EAAgB,CAAC;AAAA,EACrB,iBAAA,EAAmB,KAAA;AAAA,EACnB,iBAAA,EAAmB,CAAA;AAAA,EACnB,UAAA,EAAY,YAAA;AAAA,EACZ,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,YAAA,EAAc,EAAA;AAAA,EACd,YAAA,EAAc,KAAA;AAChB,CAAA,EAAA,GAA0B;AACxB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc;AAAA,IAC7B,KAAA,EAAO,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA;AAAA,IACnB,OAAA,EAAS,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY;AAAA,EACvB,CAAC,CAAA;AACD,EAAA,MAAM,cAAA,EAAgB,MAAA,CAAO,IAAA,CAAKA,YAAAA,CAAkB,QAAA,CAAS,KAAK,CAAA,CAAE,QAAA;AAAA,IAAA,CAClE,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAA,GAAS;AAAA,EACvB,CAAA;AACA,EAAA,MAAM,WAAA,EAAaC,8CAAAA;AAAA,IACjB,QAAA;AAAA,IACA,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,SAAA;AAAA,IACZ;AAAA,EACF,CAAA;AACA,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA,EAAY,6CAAA,8CAAA,CAAA,CAAA,EACP,UAAA,CAAA,EADO;AAAA,QAEV,UAAA;AAAA,QACA,KAAA,EAAO,cAAA,EACF,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,MAAA,EACb,KAAA;AAAA,MACN,CAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,sBAAA,EAAQ,aAAA;AH0Ff;AACA;ACzJA,IAAO,cAAA,EAAQ,QAAA;AD2Jf;AACA;AACE;AACA;AACA;AACA;AACA;AACF,+LAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-56CIU4EG.cjs","sourcesContent":[null,"import { Toast } from '@heroui/toast';\n\nimport { addToast, toastVariants } from './addToast';\nimport ToastProvider from './ToastProvider';\n\nexport type { ToastProps, AddToastVariantProps } from './addToast';\nexport type { ToastProviderProps } from './ToastProvider';\n\nexport { addToast, Toast, ToastProvider, toastVariants };\n\nexport default addToast;\n","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    loadingComponent: '',\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  /** Component displayed until promise is resolved */\n  loadingComponent?: 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  loadingComponent = 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\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingComponent,\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"]}