@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/chunk-VD7VRLYO.js

@@ -1,112 +0,0 @@
-import {
-  Alert_default2 as Alert_default
-} from "./chunk-SDZX5VJZ.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Toast/Toast.tsx
-import { toast as sonnerToast } from "sonner";
-import { jsx } from "react/jsx-runtime";
-var showToast = (message, variant, options) => {
-  const _a = options != null ? options : {}, { onClose, closable, title, endContent, icon, render } = _a, rest = __objRest(_a, ["onClose", "closable", "title", "endContent", "icon", "render"]);
-  const sonnerOptions = __spreadValues({
-    position: "top-center",
-    onDismiss: onClose
-  }, rest);
-  return sonnerToast.custom((id) => {
-    const close = () => {
-      return sonnerToast.dismiss(id);
-    };
-    if (render) {
-      return render({
-        message,
-        variant,
-        close,
-        closable,
-        title,
-        endContent,
-        icon
-      });
-    }
-    return /* @__PURE__ */ jsx(
-      Alert_default,
-      {
-        closable,
-        endContent,
-        icon,
-        onClose: closable ? close : void 0,
-        title,
-        variant,
-        children: message
-      }
-    );
-  }, sonnerOptions);
-};
-var toast = {
-  /**
-   * Show a default toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  default: (message, options) => {
-    return showToast(message, "default", options);
-  },
-  /**
-   * Show an info toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  info: (message, options) => {
-    return showToast(message, "info", options);
-  },
-  /**
-   * Show a warning toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  warn: (message, options) => {
-    return showToast(message, "warning", __spreadValues({
-      duration: 6e4,
-      closable: true
-    }, options));
-  },
-  /**
-   * Show a success toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  success: (message, options) => {
-    return showToast(message, "success", options);
-  },
-  /**
-   * Show an error toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  error: (message, options) => {
-    return showToast(message, "danger", __spreadValues({
-      duration: 6e4,
-      closable: true
-    }, options));
-  },
-  /** Close a toast by its id */
-  close: (toastId) => {
-    sonnerToast.dismiss(toastId);
-  }
-};
-var Toast_default = toast;
-
-// src/Toast/Toaster.tsx
-import { Toaster as SonnerToaster } from "sonner";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Toaster = (props) => {
-  return /* @__PURE__ */ jsx2(SonnerToaster, __spreadValues({}, props));
-};
-var Toaster_default = Toaster;
-
-// src/Toast/index.ts
-var Toast_default2 = Toast_default;
-
-export {
-  Toast_default,
-  Toaster_default,
-  Toast_default2
-};
-//# sourceMappingURL=chunk-VD7VRLYO.js.map

package/dist/chunk-VD7VRLYO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Toast/Toast.tsx","../src/Toast/Toaster.tsx","../src/Toast/index.ts"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport type { ExternalToast } from 'sonner';\nimport type { AlertProps } from '../Alert';\n\nimport { toast as sonnerToast } from 'sonner';\n\nimport AlertComponent from '../Alert';\n\ntype AlertVariant = NonNullable<AlertProps['variant']>;\n\n/** Props passed to a custom render function */\nexport interface ToastRenderProps {\n  /** The toast message */\n  message: ReactNode;\n  /** The color/severity of the toast */\n  variant: AlertVariant;\n  /** Function to close the toast */\n  close: () => void;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n}\n\n/** Options passed to each toast method */\nexport interface ToastOptions {\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Duration in milliseconds before the toast auto-closes */\n  duration?: number;\n  /** Position of the toast on the screen */\n  position?: ExternalToast['position'];\n  /** Callback fired when the toast auto-closes */\n  onAutoClose?: ExternalToast['onAutoClose'];\n  /** Callback fired when the toast is closed */\n  onClose?: ExternalToast['onDismiss'];\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n  /** Custom render function to override the default AlertComponent */\n  render?: (props: ToastRenderProps) => ReactElement;\n}\n\nconst showToast = (\n  message: ReactNode,\n  variant: AlertVariant,\n  options?: ToastOptions,\n) => {\n  // Map custom ToastOptions to Sonner's ExternalToast format:\n  // - onClose is mapped to Sonner's onDismiss\n  // - closable is handled separately (not a Sonner option)\n  // - position defaults to 'top-center'\n  const { onClose, closable, title, endContent, icon, render, ...rest } =\n    options ?? {};\n  const sonnerOptions: ExternalToast = {\n    position: 'top-center' as const,\n    onDismiss: onClose,\n    ...rest,\n  };\n  return sonnerToast.custom((id) => {\n    // Close function passed to custom render or AlertComponent\n    const close = () => {\n      return sonnerToast.dismiss(id);\n    };\n\n    // Allow custom rendering via render prop\n    if (render) {\n      return render({\n        message,\n        variant,\n        close,\n        closable,\n        title,\n        endContent,\n        icon,\n      });\n    }\n\n    // Default: render AlertComponent\n    return (\n      <AlertComponent\n        closable={closable}\n        endContent={endContent}\n        icon={icon}\n        onClose={closable ? close : undefined}\n        title={title}\n        variant={variant}\n      >\n        {message}\n      </AlertComponent>\n    );\n  }, sonnerOptions);\n};\n\n/** Toast object with convenience methods for different severity levels */\nconst toast = {\n  /**\n   * Show a default toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  default: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'default', options);\n  },\n  /**\n   * Show an info toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  info: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'info', options);\n  },\n  /**\n   * Show a warning toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  warn: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'warning', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /**\n   * Show a success toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  success: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'success', options);\n  },\n  /**\n   * Show an error toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  error: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'danger', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /** Close a toast by its id */\n  close: (toastId: string | number) => {\n    sonnerToast.dismiss(toastId);\n  },\n};\n\nexport default toast;\n","import type { ComponentProps } from 'react';\n\nimport { Toaster as SonnerToaster } from 'sonner';\n\nexport type ToasterProps = Pick<\n  ComponentProps<typeof SonnerToaster>,\n  'visibleToasts' | 'position'\n>;\n\nconst Toaster = (props: ToasterProps) => {\n  return <SonnerToaster {...props} />;\n};\n\nexport default Toaster;\n","import toast from './Toast';\nimport Toaster from './Toaster';\n\nexport type { ToastOptions, ToastRenderProps } from './Toast';\nexport type { ToasterProps } from './Toaster';\n\nexport { Toaster, toast };\nexport default toast;\n"],"mappings":";;;;;;;;;AAIA,SAAS,SAAS,mBAAmB;AAmF/B;AArCN,IAAM,YAAY,CAChB,SACA,SACA,YACG;AAKH,QACE,iCAAW,CAAC,GADN,WAAS,UAAU,OAAO,YAAY,MAAM,OA3DtD,IA4DI,IAD6D,iBAC7D,IAD6D,CAAvD,WAAS,YAAU,SAAO,cAAY,QAAM;AAEpD,QAAM,gBAA+B;AAAA,IACnC,UAAU;AAAA,IACV,WAAW;AAAA,KACR;AAEL,SAAO,YAAY,OAAO,CAAC,OAAO;AAEhC,UAAM,QAAQ,MAAM;AAClB,aAAO,YAAY,QAAQ,EAAE;AAAA,IAC/B;AAGA,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAGA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,WAAW,QAAQ;AAAA,QAC5B;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ,GAAG,aAAa;AAClB;AAGA,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,SAAS,CAAC,SAAoB,YAA2B;AACvD,WAAO,UAAU,SAAS,WAAW,OAAO;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,CAAC,SAAoB,YAA2B;AACpD,WAAO,UAAU,SAAS,QAAQ,OAAO;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,CAAC,SAAoB,YAA2B;AACpD,WAAO,UAAU,SAAS,WAAW;AAAA,MACnC,UAAU;AAAA,MACV,UAAU;AAAA,OACP,QACJ;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,CAAC,SAAoB,YAA2B;AACvD,WAAO,UAAU,SAAS,WAAW,OAAO;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,CAAC,SAAoB,YAA2B;AACrD,WAAO,UAAU,SAAS,UAAU;AAAA,MAClC,UAAU;AAAA,MACV,UAAU;AAAA,OACP,QACJ;AAAA,EACH;AAAA;AAAA,EAEA,OAAO,CAAC,YAA6B;AACnC,gBAAY,QAAQ,OAAO;AAAA,EAC7B;AACF;AAEA,IAAO,gBAAQ;;;ACtJf,SAAS,WAAW,qBAAqB;AAQhC,gBAAAA,YAAA;AADT,IAAM,UAAU,CAAC,UAAwB;AACvC,SAAO,gBAAAA,KAAC,kCAAkB,MAAO;AACnC;AAEA,IAAO,kBAAQ;;;ACNf,IAAOC,iBAAQ;","names":["jsx","Toast_default"]}

package/dist/chunk-VHESFBAQ.cjs

@@ -1,66 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk77J7NZYBcjs = require('./chunk-77J7NZYB.cjs');
-
-
-
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/AvatarGroup/AvatarGroup.tsx
-var _avatar = require('@heroui/avatar');
-var _jsxruntime = require('react/jsx-runtime');
-var AvatarGroup = ({
-  bordered = false,
-  rounded = "full",
-  className = "",
-  disabled = false,
-  size = "md",
-  avatars = [],
-  max = 3,
-  avatarWrapper: AvatarWrapper = void 0
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _avatar.AvatarGroup,
-    {
-      className,
-      isBordered: bordered,
-      isDisabled: disabled,
-      max,
-      radius: rounded,
-      size,
-      children: avatars == null ? void 0 : avatars.map((avatar, index) => {
-        const avatarKey = avatar.src ? `${avatar.src}-${index}` : `avatar-${index}`;
-        const _a = avatar, { wrapperProps } = _a, avatarProps = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["wrapperProps"]);
-        return AvatarWrapper ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarWrapper, _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, wrapperProps), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk77J7NZYBcjs.Avatar_default,
-          _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatarProps), {
-            bordered,
-            disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
-            rounded,
-            size
-          })
-        ) }), avatarKey) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk77J7NZYBcjs.Avatar_default,
-          _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatarProps), {
-            bordered,
-            disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
-            rounded,
-            size
-          }),
-          avatarKey
-        );
-      })
-    }
-  );
-};
-var AvatarGroup_default = AvatarGroup;
-
-// src/AvatarGroup/index.ts
-var AvatarGroup_default2 = AvatarGroup_default;
-
-
-
-
-exports.AvatarGroup_default = AvatarGroup_default; exports.AvatarGroup_default2 = AvatarGroup_default2;
-//# sourceMappingURL=chunk-VHESFBAQ.cjs.map

package/dist/chunk-VHESFBAQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-VHESFBAQ.cjs","../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACNA,wCAA+C;AAuDnC,+CAAA;AA1BZ,IAAM,YAAA,EAAc,CAAC;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,EAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU,CAAC,CAAA;AAAA,EACX,IAAA,EAAM,CAAA;AAAA,EACN,aAAA,EAAe,cAAA,EAAgB,KAAA;AACjC,CAAA,EAAA,GAAwB;AACtB,EAAA,uBACE,6BAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA;AAAA,MACA,MAAA,EAAQ,OAAA;AAAA,MACR,IAAA;AAAA,MAEC,QAAA,EAAA,QAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,OAAA,CAAS,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,GAAU;AAC/B,QAAA,MAAM,UAAA,EAAY,MAAA,CAAO,IAAA,EACrB,CAAA,EAAA;AAEI,QAAA;AAEN,QAAA;AACG,UAAA;AAAA,UAAA;AAEC,YAAA;AACsB,YAAA;AACtB,YAAA;AACA,YAAA;AAAA,UAAA;AAIJ,QAAA;AAAC,UAAA;AAAA,UAAA;AAGC,YAAA;AACsB,YAAA;AACtB,YAAA;AACA,YAAA;AAAA,UAAA;AALK,UAAA;AAMP,QAAA;AAEJ,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ADxByB;AACA;AEpDzB;AFsDyB;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-VHESFBAQ.cjs","sourcesContent":[null,"import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as HeroAvatarGroup } from '@heroui/avatar';\n\nimport { Avatar } from '../Avatar';\n\nexport interface AvatarGroupProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: string;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Maximum number of avatars to display before +X is displayed */\n  max?: number;\n  /* Array of avatarProps */\n  avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n    /* Custom wrapperProps for each avatarWrapper */\n    wrapperProps?: Record<string, unknown>;\n  })[];\n  /* Custom wrapper for each avatar */\n  avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)\n */\nconst AvatarGroup = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  size = 'md',\n  avatars = [],\n  max = 3,\n  avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n  return (\n    <HeroAvatarGroup\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      max={max}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar, index) => {\n        const avatarKey = avatar.src\n          ? `${avatar.src}-${index}`\n          : `avatar-${index}`;\n        const { wrapperProps, ...avatarProps } = avatar;\n        return AvatarWrapper ? (\n          <AvatarWrapper key={avatarKey} {...wrapperProps}>\n            <Avatar\n              {...avatarProps}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatarKey}\n            {...avatarProps}\n            bordered={bordered}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            size={size}\n          />\n        );\n      })}\n    </HeroAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"]}

package/dist/chunk-WCE3O6UA.cjs

@@ -1,123 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/utils/createWithSuspense/createWithSuspense.tsx
-var _react = require('react');
-var _pixelmotion = require('@fuf-stack/pixel-motion');
-var _jsxruntime = require('react/jsx-runtime');
-var ErrorBoundary = class extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.state = { error: null, errorInfo: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { error };
-  }
-  componentDidCatch(error, errorInfo) {
-    const { onError } = this.props;
-    this.setState({ errorInfo });
-    onError == null ? void 0 : onError(error, errorInfo);
-  }
-  // eslint-disable-next-line @typescript-eslint/promise-function-async
-  render() {
-    const { error, errorInfo } = this.state;
-    const { fallback, children, shouldAnimate } = this.props;
-    if (error) {
-      const errorFallback = fallback(
-        error,
-        errorInfo != null ? errorInfo : { componentStack: "" }
-      );
-      if (!shouldAnimate) {
-        return errorFallback;
-      }
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _pixelmotion.motion.div,
-        {
-          animate: { height: "auto", opacity: 1 },
-          initial: { height: 0, opacity: 0 },
-          style: { overflow: "hidden" },
-          transition: {
-            height: { duration: 0.2, ease: "easeInOut" },
-            opacity: { duration: 0.2, delay: 0.2 }
-          },
-          children: errorFallback
-        }
-      );
-    }
-    return children;
-  }
-};
-function createWithSuspense(config = {}) {
-  const {
-    defaultFallback = null,
-    disableAnimation: defaultDisableAnimation = false,
-    errorFallback: defaultErrorFallback,
-    onError: defaultOnError
-  } = config;
-  return function withSuspense(WrappedComponent, options) {
-    var _a, _b, _c, _d, _e, _f;
-    const fallback = (_a = options == null ? void 0 : options.fallback) != null ? _a : defaultFallback;
-    const errorFallback = (_b = options == null ? void 0 : options.errorFallback) != null ? _b : defaultErrorFallback;
-    const disableErrorBoundary = (_c = options == null ? void 0 : options.disableErrorBoundary) != null ? _c : false;
-    const disableAnimation = (_d = options == null ? void 0 : options.disableAnimation) != null ? _d : defaultDisableAnimation;
-    const WithSuspenseComponent = (props) => {
-      const prefersReducedMotion = _pixelmotion.useReducedMotion.call(void 0, );
-      const shouldAnimate = !disableAnimation && !prefersReducedMotion;
-      const wrapWithMotion = (children) => {
-        if (!shouldAnimate) {
-          return children;
-        }
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _pixelmotion.motion.div,
-          {
-            animate: { height: "auto", opacity: 1 },
-            exit: { height: 0, opacity: 0 },
-            initial: { height: 0, opacity: 0 },
-            style: { overflow: "hidden" },
-            transition: {
-              height: { duration: 0.2, ease: "easeInOut" },
-              opacity: { duration: 0.2, delay: 0.2 }
-              // Fade in after height animation
-            },
-            children
-          }
-        );
-      };
-      const animatedFallback = shouldAnimate ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _pixelmotion.motion.div,
-        {
-          exit: { height: 0, opacity: 0 },
-          initial: { height: "auto", opacity: 1 },
-          style: { overflow: "hidden" },
-          transition: {
-            height: { duration: 0.3, ease: "easeInOut" },
-            opacity: { duration: 0.2 }
-          },
-          children: fallback
-        },
-        "fallback"
-      ) : fallback;
-      const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: animatedFallback, children: wrapWithMotion(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, WrappedComponent, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, props))) });
-      if (!errorFallback || disableErrorBoundary) {
-        return content;
-      }
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        ErrorBoundary,
-        {
-          fallback: errorFallback,
-          onError: defaultOnError,
-          shouldAnimate,
-          children: content
-        }
-      );
-    };
-    WithSuspenseComponent.displayName = `withSuspense(${(_f = (_e = WrappedComponent.displayName) != null ? _e : WrappedComponent.name) != null ? _f : "Component"})`;
-    return WithSuspenseComponent;
-  };
-}
-
-
-
-exports.createWithSuspense = createWithSuspense;
-//# sourceMappingURL=chunk-WCE3O6UA.cjs.map

package/dist/chunk-WCE3O6UA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WCE3O6UA.cjs","../src/utils/createWithSuspense/createWithSuspense.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WCE3O6UA.cjs","sourcesContent":[null,"import type { ComponentType, ErrorInfo, ReactNode } from 'react';\n\nimport React, { Component, Suspense } from 'react';\n\nimport { motion, useReducedMotion } from '@fuf-stack/pixel-motion';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  // eslint-disable-next-line react/require-default-props\n  shouldAnimate?: boolean;\n  // eslint-disable-next-line react/require-default-props\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null;\n  errorInfo: ErrorInfo | null;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null, errorInfo: null };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { onError } = this.props;\n    this.setState({ errorInfo });\n    onError?.(error, errorInfo);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\n  render() {\n    const { error, errorInfo } = this.state;\n    const { fallback, children, shouldAnimate } = this.props;\n\n    if (error) {\n      // errorInfo might not be set yet in getDerivedStateFromError,\n      // so we provide a default empty errorInfo to prevent errors from bubbling up\n      const errorFallback = fallback(\n        error,\n        errorInfo ?? { componentStack: '' },\n      );\n\n      if (!shouldAnimate) {\n        return errorFallback;\n      }\n\n      return (\n        <motion.div\n          animate={{ height: 'auto', opacity: 1 }}\n          initial={{ height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.2, ease: 'easeInOut' },\n            opacity: { duration: 0.2, delay: 0.2 },\n          }}\n        >\n          {errorFallback}\n        </motion.div>\n      );\n    }\n\n    return children;\n  }\n}\n\nexport interface CreateWithSuspenseConfig {\n  /**\n   * Default fallback to show while suspending\n   */\n  defaultFallback?: ReactNode;\n  /**\n   * Disable height animation between loading and loaded states\n   * @default false\n   */\n  disableAnimation?: boolean;\n  /**\n   * Error boundary fallback renderer\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Callback when an error is caught\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\nexport interface WithSuspenseOptions {\n  /**\n   * Override the default fallback for this specific component\n   */\n  fallback?: ReactNode;\n  /**\n   * Override the error boundary for this specific component\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Disable height animation for this specific component\n   */\n  disableAnimation?: boolean;\n  /**\n   * Disable error boundary for this specific component\n   */\n  disableErrorBoundary?: boolean;\n}\n\n/**\n * Factory function to create a project-specific withSuspense HOC with default configuration.\n *\n * @example\n * ```tsx\n * // In your project setup file\n * export const withSuspense = createWithSuspense({\n *   defaultFallback: <YourSpinner />,\n *   errorFallback: (error) => <YourErrorComponent error={error} />,\n *   onError: (error, errorInfo) => {\n *     console.error('Caught error:', error, errorInfo);\n *     // Send to error tracking service\n *   },\n * });\n *\n * // Then use throughout your project\n * const MyComponent = withSuspense(({ userId }) => {\n *   const user = use(fetchUser(userId));\n *   return <div>{user.name}</div>;\n * });\n * ```\n */\nexport function createWithSuspense(config: CreateWithSuspenseConfig = {}) {\n  const {\n    defaultFallback = null,\n    disableAnimation: defaultDisableAnimation = false,\n    errorFallback: defaultErrorFallback,\n    onError: defaultOnError,\n  } = config;\n\n  return function withSuspense<P extends object>(\n    WrappedComponent: ComponentType<P>,\n    options?: WithSuspenseOptions,\n  ) {\n    const fallback = options?.fallback ?? defaultFallback;\n    const errorFallback = options?.errorFallback ?? defaultErrorFallback;\n    const disableErrorBoundary = options?.disableErrorBoundary ?? false;\n    const disableAnimation =\n      options?.disableAnimation ?? defaultDisableAnimation;\n\n    const WithSuspenseComponent = (props: P) => {\n      const prefersReducedMotion = useReducedMotion();\n      const shouldAnimate = !disableAnimation && !prefersReducedMotion;\n\n      // Wrap content in motion wrapper if animation is enabled\n      const wrapWithMotion = (children: ReactNode): ReactNode => {\n        if (!shouldAnimate) {\n          return children;\n        }\n\n        return (\n          <motion.div\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            style={{ overflow: 'hidden' }}\n            transition={{\n              height: { duration: 0.2, ease: 'easeInOut' },\n              opacity: { duration: 0.2, delay: 0.2 }, // Fade in after height animation\n            }}\n          >\n            {children}\n          </motion.div>\n        );\n      };\n\n      const animatedFallback = shouldAnimate ? (\n        <motion.div\n          key=\"fallback\"\n          exit={{ height: 0, opacity: 0 }}\n          initial={{ height: 'auto', opacity: 1 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.3, ease: 'easeInOut' },\n            opacity: { duration: 0.2 },\n          }}\n        >\n          {fallback}\n        </motion.div>\n      ) : (\n        fallback\n      );\n\n      const content = (\n        <Suspense fallback={animatedFallback}>\n          {wrapWithMotion(<WrappedComponent {...props} />)}\n        </Suspense>\n      );\n\n      // If no error boundary configured or explicitly disabled, return just Suspense\n      if (!errorFallback || disableErrorBoundary) {\n        return content;\n      }\n\n      return (\n        <ErrorBoundary\n          fallback={errorFallback}\n          onError={defaultOnError}\n          shouldAnimate={shouldAnimate}\n        >\n          {content}\n        </ErrorBoundary>\n      );\n    };\n\n    WithSuspenseComponent.displayName = `withSuspense(${\n      WrappedComponent.displayName ?? WrappedComponent.name ?? 'Component'\n    })`;\n\n    return WithSuspenseComponent;\n  };\n}\n"]}

package/dist/chunk-Y3RSI2KV.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ButtonGroup/ButtonGroup.tsx
-var _button = require('@heroui/button');
-var ButtonGroup = _button.ButtonGroup;
-var ButtonGroup_default = ButtonGroup;
-
-// src/ButtonGroup/index.ts
-var ButtonGroup_default2 = ButtonGroup_default;
-
-
-
-
-exports.ButtonGroup_default = ButtonGroup_default; exports.ButtonGroup_default2 = ButtonGroup_default2;
-//# sourceMappingURL=chunk-Y3RSI2KV.cjs.map

package/dist/chunk-Y3RSI2KV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-Y3RSI2KV.cjs","../src/ButtonGroup/ButtonGroup.tsx","../src/ButtonGroup/index.ts"],"names":["ButtonGroup_default"],"mappings":"AAAA;ACAA,wCAA+C;AAO/C,IAAM,YAAA,EAAc,mBAAA;AAEpB,IAAO,oBAAA,EAAQ,WAAA;ADLf;AACA;AECA,IAAOA,qBAAAA,EAAQ,mBAAA;AFCf;AACA;AACE;AACA;AACF,uGAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-Y3RSI2KV.cjs","sourcesContent":[null,"import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n","import ButtonGroup from './ButtonGroup';\n\nexport type { ButtonGroupProps } from './ButtonGroup';\n\nexport { ButtonGroup };\n\nexport default ButtonGroup;\n"]}

package/dist/chunk-YUR6N2RB.cjs

@@ -1,124 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Table/Table.tsx
-
-
-
-
-
-
-
-
-var _table = require('@heroui/table');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var tableVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    wrapper: "",
-    table: "",
-    thead: "",
-    tbody: "",
-    tr: "",
-    th: "bg-content2",
-    td: "",
-    tfoot: "",
-    sortIcon: "",
-    emptyWrapper: "",
-    loadingWrapper: ""
-  },
-  variants: {
-    separation: {
-      divider: {
-        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first="true"])]:border-none'
-      },
-      "divider-x": {
-        tr: "divide-x"
-      },
-      "divider-y": {
-        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first="true"])]:border-none'
-      },
-      "striped-divider-x": {
-        tr: "divide-x",
-        th: "border-divider",
-        td: "border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2"
-      },
-      striped: {
-        tr: "",
-        td: "first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2"
-      },
-      none: {}
-    }
-  }
-});
-var Table = ({
-  ariaLabel = void 0,
-  bottomContent = void 0,
-  className = void 0,
-  columns,
-  emptyContent = "No rows to display.",
-  hasWrapper = false,
-  hideHeader = false,
-  loading = false,
-  loadingContent = void 0,
-  maxTableHeight = void 0,
-  rowHeight = void 0,
-  rows = [],
-  separation = "none",
-  stickyHeader = false,
-  testId = void 0,
-  virtualized = false
-}) => {
-  const variants = tableVariants({ separation });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _table.Table,
-    {
-      "aria-label": ariaLabel,
-      bottomContent,
-      classNames,
-      "data-testid": testId ? _pixelutils.slugify.call(void 0, testId) : null,
-      hideHeader,
-      isHeaderSticky: stickyHeader,
-      isStriped: separation === "striped" || separation === "striped-divider-x",
-      isVirtualized: virtualized,
-      maxTableHeight,
-      removeWrapper: virtualized ? false : !hasWrapper,
-      rowHeight,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableHeader, { columns, children: (column) => {
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableColumn, { children: column.label }, column.key);
-        } }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _table.TableBody,
-          {
-            emptyContent,
-            isLoading: loading,
-            items: rows,
-            loadingContent: loadingContent != null ? loadingContent : "...",
-            children: (item) => {
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _table.TableRow,
-                {
-                  children: (columnKey) => {
-                    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableCell, { children: _table.getKeyValue.call(void 0, item, columnKey) });
-                  }
-                },
-                item.key
-              );
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-var Table_default = Table;
-
-// src/Table/index.ts
-var Table_default2 = Table_default;
-
-
-
-
-
-exports.tableVariants = tableVariants; exports.Table_default = Table_default; exports.Table_default2 = Table_default2;
-//# sourceMappingURL=chunk-YUR6N2RB.cjs.map

package/dist/chunk-YWEUUA52.cjs

@@ -1,112 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkI5QMH3J5cjs = require('./chunk-I5QMH3J5.cjs');
-
-
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Toast/Toast.tsx
-var _sonner = require('sonner');
-var _jsxruntime = require('react/jsx-runtime');
-var showToast = (message, variant, options) => {
-  const _a = options != null ? options : {}, { onClose, closable, title, endContent, icon, render } = _a, rest = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["onClose", "closable", "title", "endContent", "icon", "render"]);
-  const sonnerOptions = _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-    position: "top-center",
-    onDismiss: onClose
-  }, rest);
-  return _sonner.toast.custom((id) => {
-    const close = () => {
-      return _sonner.toast.dismiss(id);
-    };
-    if (render) {
-      return render({
-        message,
-        variant,
-        close,
-        closable,
-        title,
-        endContent,
-        icon
-      });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkI5QMH3J5cjs.Alert_default2,
-      {
-        closable,
-        endContent,
-        icon,
-        onClose: closable ? close : void 0,
-        title,
-        variant,
-        children: message
-      }
-    );
-  }, sonnerOptions);
-};
-var toast = {
-  /**
-   * Show a default toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  default: (message, options) => {
-    return showToast(message, "default", options);
-  },
-  /**
-   * Show an info toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  info: (message, options) => {
-    return showToast(message, "info", options);
-  },
-  /**
-   * Show a warning toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  warn: (message, options) => {
-    return showToast(message, "warning", _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      duration: 6e4,
-      closable: true
-    }, options));
-  },
-  /**
-   * Show a success toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  success: (message, options) => {
-    return showToast(message, "success", options);
-  },
-  /**
-   * Show an error toast.
-   * @returns The toast id which can be passed to `toast.close()`
-   */
-  error: (message, options) => {
-    return showToast(message, "danger", _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      duration: 6e4,
-      closable: true
-    }, options));
-  },
-  /** Close a toast by its id */
-  close: (toastId) => {
-    _sonner.toast.dismiss(toastId);
-  }
-};
-var Toast_default = toast;
-
-// src/Toast/Toaster.tsx
-
-
-var Toaster = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _sonner.Toaster, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, props));
-};
-var Toaster_default = Toaster;
-
-// src/Toast/index.ts
-var Toast_default2 = Toast_default;
-
-
-
-
-
-exports.Toast_default = Toast_default; exports.Toaster_default = Toaster_default; exports.Toast_default2 = Toast_default2;
-//# sourceMappingURL=chunk-YWEUUA52.cjs.map

package/dist/chunk-YWEUUA52.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YWEUUA52.cjs","../src/Toast/Toast.tsx","../src/Toast/Toaster.tsx","../src/Toast/index.ts"],"names":["jsx","Toast_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACJA,gCAAqC;AAmF/B,+CAAA;AArCN,IAAM,UAAA,EAAY,CAChB,OAAA,EACA,OAAA,EACA,OAAA,EAAA,GACG;AAKH,EAAA,MACE,GAAA,EAAA,QAAA,GAAA,KAAA,EAAA,QAAA,EAAW,CAAC,CAAA,EADN,EAAA,OAAA,EAAS,QAAA,EAAU,KAAA,EAAO,UAAA,EAAY,IAAA,EAAM,OA3DtD,EAAA,EA4DI,EAAA,EAD6D,KAAA,EAAA,yCAAA,EAC7D,EAD6D,CAAvD,SAAA,EAAS,UAAA,EAAU,OAAA,EAAO,YAAA,EAAY,MAAA,EAAM,QAAA,CAAA,CAAA;AAEpD,EAAA,MAAM,cAAA,EAA+B,8CAAA;AAAA,IACnC,QAAA,EAAU,YAAA;AAAA,IACV,SAAA,EAAW;AAAA,EAAA,CAAA,EACR,IAAA,CAAA;AAEL,EAAA,OAAO,aAAA,CAAY,MAAA,CAAO,CAAC,EAAA,EAAA,GAAO;AAEhC,IAAA,MAAM,MAAA,EAAQ,CAAA,EAAA,GAAM;AAClB,MAAA,OAAO,aAAA,CAAY,OAAA,CAAQ,EAAE,CAAA;AAAA,IAC/B,CAAA;AAGA,IAAA,GAAA,CAAI,MAAA,EAAQ;AACV,MAAA,OAAO,MAAA,CAAO;AAAA,QACZ,OAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAGA,IAAA,uBACE,6BAAA;AAAA,MAAC,gCAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA,OAAA,EAAS,SAAA,EAAW,MAAA,EAAQ,KAAA,CAAA;AAAA,QAC5B,KAAA;AAAA,QACA,OAAA;AAAA,QAEC,QAAA,EAAA;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ,CAAA,EAAG,aAAa,CAAA;AAClB,CAAA;AAGA,IAAM,MAAA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,OAAA,EAAS,CAAC,OAAA,EAAoB,OAAA,EAAA,GAA2B;AACvD,IAAA,OAAO,SAAA,CAAU,OAAA,EAAS,SAAA,EAAW,OAAO,CAAA;AAAA,EAC9C,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA,EAAM,CAAC,OAAA,EAAoB,OAAA,EAAA,GAA2B;AACpD,IAAA,OAAO,SAAA,CAAU,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,EAC3C,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA,EAAM,CAAC,OAAA,EAAoB,OAAA,EAAA,GAA2B;AACpD,IAAA,OAAO,SAAA,CAAU,OAAA,EAAS,SAAA,EAAW,8CAAA;AAAA,MACnC,QAAA,EAAU,GAAA;AAAA,MACV,QAAA,EAAU;AAAA,IAAA,CAAA,EACP,OAAA,CACJ,CAAA;AAAA,EACH,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA,EAAS,CAAC,OAAA,EAAoB,OAAA,EAAA,GAA2B;AACvD,IAAA,OAAO,SAAA,CAAU,OAAA,EAAS,SAAA,EAAW,OAAO,CAAA;AAAA,EAC9C,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA,EAAO,CAAC,OAAA,EAAoB,OAAA,EAAA,GAA2B;AACrD,IAAA,OAAO,SAAA,CAAU,OAAA,EAAS,QAAA,EAAU,8CAAA;AAAA,MAClC,QAAA,EAAU,GAAA;AAAA,MACV,QAAA,EAAU;AAAA,IAAA,CAAA,EACP,OAAA,CACJ,CAAA;AAAA,EACH,CAAA;AAAA;AAAA,EAEA,KAAA,EAAO,CAAC,OAAA,EAAA,GAA6B;AACnC,IAAA,aAAA,CAAY,OAAA,CAAQ,OAAO,CAAA;AAAA,EAC7B;AACF,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;AD1Df;AACA;AE7FA;AAQS;AADT,IAAM,QAAA,EAAU,CAAC,KAAA,EAAA,GAAwB;AACvC,EAAA,uBAAOA,6BAAAA,eAAC,EAAA,8CAAA,CAAA,CAAA,EAAkB,KAAA,CAAO,CAAA;AACnC,CAAA;AAEA,IAAO,gBAAA,EAAQ,OAAA;AFyFf;AACA;AGhGA,IAAOC,eAAAA,EAAQ,aAAA;AHkGf;AACA;AACE;AACA;AACA;AACF,0HAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YWEUUA52.cjs","sourcesContent":[null,"import type { ReactElement, ReactNode } from 'react';\nimport type { ExternalToast } from 'sonner';\nimport type { AlertProps } from '../Alert';\n\nimport { toast as sonnerToast } from 'sonner';\n\nimport AlertComponent from '../Alert';\n\ntype AlertVariant = NonNullable<AlertProps['variant']>;\n\n/** Props passed to a custom render function */\nexport interface ToastRenderProps {\n  /** The toast message */\n  message: ReactNode;\n  /** The color/severity of the toast */\n  variant: AlertVariant;\n  /** Function to close the toast */\n  close: () => void;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n}\n\n/** Options passed to each toast method */\nexport interface ToastOptions {\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Duration in milliseconds before the toast auto-closes */\n  duration?: number;\n  /** Position of the toast on the screen */\n  position?: ExternalToast['position'];\n  /** Callback fired when the toast auto-closes */\n  onAutoClose?: ExternalToast['onAutoClose'];\n  /** Callback fired when the toast is closed */\n  onClose?: ExternalToast['onDismiss'];\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n  /** Custom render function to override the default AlertComponent */\n  render?: (props: ToastRenderProps) => ReactElement;\n}\n\nconst showToast = (\n  message: ReactNode,\n  variant: AlertVariant,\n  options?: ToastOptions,\n) => {\n  // Map custom ToastOptions to Sonner's ExternalToast format:\n  // - onClose is mapped to Sonner's onDismiss\n  // - closable is handled separately (not a Sonner option)\n  // - position defaults to 'top-center'\n  const { onClose, closable, title, endContent, icon, render, ...rest } =\n    options ?? {};\n  const sonnerOptions: ExternalToast = {\n    position: 'top-center' as const,\n    onDismiss: onClose,\n    ...rest,\n  };\n  return sonnerToast.custom((id) => {\n    // Close function passed to custom render or AlertComponent\n    const close = () => {\n      return sonnerToast.dismiss(id);\n    };\n\n    // Allow custom rendering via render prop\n    if (render) {\n      return render({\n        message,\n        variant,\n        close,\n        closable,\n        title,\n        endContent,\n        icon,\n      });\n    }\n\n    // Default: render AlertComponent\n    return (\n      <AlertComponent\n        closable={closable}\n        endContent={endContent}\n        icon={icon}\n        onClose={closable ? close : undefined}\n        title={title}\n        variant={variant}\n      >\n        {message}\n      </AlertComponent>\n    );\n  }, sonnerOptions);\n};\n\n/** Toast object with convenience methods for different severity levels */\nconst toast = {\n  /**\n   * Show a default toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  default: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'default', options);\n  },\n  /**\n   * Show an info toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  info: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'info', options);\n  },\n  /**\n   * Show a warning toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  warn: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'warning', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /**\n   * Show a success toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  success: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'success', options);\n  },\n  /**\n   * Show an error toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  error: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'danger', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /** Close a toast by its id */\n  close: (toastId: string | number) => {\n    sonnerToast.dismiss(toastId);\n  },\n};\n\nexport default toast;\n","import type { ComponentProps } from 'react';\n\nimport { Toaster as SonnerToaster } from 'sonner';\n\nexport type ToasterProps = Pick<\n  ComponentProps<typeof SonnerToaster>,\n  'visibleToasts' | 'position'\n>;\n\nconst Toaster = (props: ToasterProps) => {\n  return <SonnerToaster {...props} />;\n};\n\nexport default Toaster;\n","import toast from './Toast';\nimport Toaster from './Toaster';\n\nexport type { ToastOptions, ToastRenderProps } from './Toast';\nexport type { ToasterProps } from './Toaster';\n\nexport { Toaster, toast };\nexport default toast;\n"]}