@12-apps/ui 6.11.0 → 6.12.0

package/dist/feedback/ConfirmAction.js

@@ -1,13 +1,25 @@
+import "../chunk-XCBQXSTR.js";
+import {
+  createConfirmButton
+} from "../chunk-7QVYJQN4.js";
 import {
-  ConfirmAction,
-  ConfirmActionDialog,
-  createConfirmButton,
-  useConfirmAction,
   withConfirmation
-} from "../chunk-5TCPZ6GR.js";
-import "../chunk-ARNQIGA4.js";
+} from "../chunk-AZUFGKMQ.js";
+import {
+  ConfirmAction
+} from "../chunk-EIGELK2H.js";
+import {
+  useConfirmAction
+} from "../chunk-EMYESBIT.js";
+import {
+  ConfirmActionDialog
+} from "../chunk-QQS3GQYS.js";
+import "../chunk-2IBFEHIX.js";
+import "../chunk-BWB2MVWP.js";
 import "../chunk-BA4RHQ3B.js";
-import "../chunk-ANNZ3PLI.js";
+import "../chunk-6HLRXICF.js";
+import "../chunk-NYUGX76C.js";
+import "../chunk-AUYC5K5K.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ConfirmAction,

package/dist/feedback/Dialog.js

@@ -4,8 +4,9 @@ import {
   DialogActions,
   DialogContent,
   DialogHeader
-} from "../chunk-GSEAUMCS.js";
-import "../chunk-TSPG6TWK.js";
+} from "../chunk-S5LE2ARG.js";
+import "../chunk-6PRA45LC.js";
+import "../chunk-AKZWDZCZ.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Dialog,

package/dist/feedback/Modal.js

@@ -1,181 +1,12 @@
+import "../chunk-A4TYNHBR.js";
 import {
-  withDefaults
-} from "../chunk-Y2JYDXL7.js";
+  Modal,
+  ModalContent
+} from "../chunk-ZTZ6S5Q6.js";
+import "../chunk-N7GE6BGM.js";
+import "../chunk-PEWNWKDI.js";
+import "../chunk-HPK33ACY.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/feedback/Modal/Modal.tsx
-import { Backdrop, Box, Modal as MuiModal, useTheme } from "@mui/material";
-
-// src/components/feedback/Modal/Modal.styles.ts
-import { alpha, keyframes } from "@mui/material";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 20px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var RADII = {
-  none: () => 0,
-  sm: (theme) => theme.spacing(0.5),
-  md: (theme) => theme.spacing(1),
-  lg: (theme) => theme.spacing(2),
-  xl: (theme) => theme.spacing(3)
-};
-var WIDTHS = { xs: 320, sm: 480, md: 640, lg: 800, xl: 960 };
-var PLACEMENTS = {
-  top: { top: "10%", left: "50%", transform: "translateX(-50%)", maxHeight: "80vh" },
-  bottom: { bottom: "10%", left: "50%", transform: "translateX(-50%)", maxHeight: "80vh" },
-  center: {
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    maxHeight: "90vh"
-  }
-};
-var pulseRing = (theme) => ({
-  content: '""',
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  borderRadius: "inherit",
-  backgroundColor: theme.palette.primary.main,
-  opacity: 0.3,
-  animation: `${pulseAnimation} 2s infinite`,
-  pointerEvents: "none",
-  zIndex: -1
-});
-var surface = (theme, flags) => {
-  const { variant, glass, gradient, glow } = flags;
-  const isGlass = glass || variant === "glass";
-  const boxShadow = glow ? `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}` : isGlass ? `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}` : theme.shadows[8];
-  return {
-    backgroundColor: isGlass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,
-    backdropFilter: isGlass ? "blur(20px)" : gradient ? "blur(10px)" : "none",
-    border: isGlass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : "none",
-    boxShadow,
-    ...gradient && {
-      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`
-    }
-  };
-};
-var panelSx = (theme, flags) => {
-  const { variant, size, borderRadius, pulse } = flags;
-  return {
-    // A pulsing panel positions its own ring, so it becomes the containing block.
-    position: pulse ? "relative" : "absolute",
-    width: WIDTHS[size] ?? WIDTHS.md,
-    maxWidth: "90vw",
-    borderRadius: (RADII[borderRadius] ?? RADII.lg)(theme),
-    outline: 0,
-    overflowY: "auto",
-    transition: theme.transitions.create(
-      ["box-shadow", "background-color", "backdrop-filter", "transform"],
-      { duration: theme.transitions.duration.standard }
-    ),
-    ...PLACEMENTS[variant] ?? PLACEMENTS.center,
-    ...surface(theme, flags),
-    ...pulse && { "&::after": pulseRing(theme) }
-  };
-};
-var backdropSx = (theme, isGlass) => ({
-  backgroundColor: alpha(theme.palette.common.black, isGlass ? 0.2 : 0.5),
-  backdropFilter: isGlass ? "blur(8px)" : "none"
-});
-
-// src/components/feedback/Modal/Modal.transitions.tsx
-import { Fade, Slide } from "@mui/material";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var slideFrom = (direction, displayName) => {
-  const Transition = React.forwardRef(
-    ({ children, ...rest }, ref) => children ? /* @__PURE__ */ jsx(Slide, { direction, ref, ...rest, children }) : null
-  );
-  Transition.displayName = displayName;
-  return Transition;
-};
-var SlideDown = slideFrom("down", "SlideDown");
-var SlideUp = slideFrom("up", "SlideUp");
-var TRANSITIONS = {
-  top: SlideDown,
-  bottom: SlideUp
-};
-var transitionFor = (variant) => TRANSITIONS[variant] ?? Fade;
-
-// src/components/feedback/Modal/Modal.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "center",
-  size: "md",
-  backdrop: true,
-  persistent: false,
-  glass: false,
-  gradient: false,
-  glow: false,
-  pulse: false,
-  borderRadius: "lg"
-};
-var Modal = (props) => {
-  const {
-    children,
-    variant,
-    size,
-    backdrop,
-    persistent,
-    glass,
-    gradient,
-    glow,
-    pulse,
-    borderRadius,
-    onClose,
-    open,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const isGlass = glass || variant === "glass";
-  const handleClose = (_event, reason) => {
-    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
-      return;
-    }
-    onClose?.();
-  };
-  const TransitionComponent = transitionFor(variant);
-  return /* @__PURE__ */ jsx2(
-    MuiModal,
-    {
-      open,
-      onClose: handleClose,
-      closeAfterTransition: true,
-      BackdropComponent: backdrop ? Backdrop : void 0,
-      BackdropProps: {
-        timeout: 500,
-        sx: backdropSx(theme, isGlass),
-        // @ts-expect-error - data-testid is not part of BackdropProps type but is valid HTML
-        "data-testid": dataTestId ? `${dataTestId}-backdrop` : "modal-backdrop"
-      },
-      ...rest,
-      children: /* @__PURE__ */ jsx2(TransitionComponent, { in: open, timeout: 500, children: /* @__PURE__ */ jsx2(
-        Box,
-        {
-          sx: panelSx(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),
-          "data-testid": dataTestId || "modal",
-          children
-        }
-      ) })
-    }
-  );
-};
-var ModalContent = ({ children, padding = 3, dataTestId }) => /* @__PURE__ */ jsx2(Box, { sx: { p: padding }, "data-testid": dataTestId || "modal-content", children });
 export {
   Modal,
   ModalContent

package/dist/feedback/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/feedback/Modal/Modal.tsx","../../src/components/feedback/Modal/Modal.styles.ts","../../src/components/feedback/Modal/Modal.transitions.tsx"],"sourcesContent":["import { Backdrop, Box, Modal as MuiModal, useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { backdropSx, panelSx } from './Modal.styles';\nimport { transitionFor } from './Modal.transitions';\nimport type { ModalContentProps, ModalProps } from './Modal.types';\n\nconst DEFAULTS = {\n  variant: 'center',\n  size: 'md',\n  backdrop: true,\n  persistent: false,\n  glass: false,\n  gradient: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'lg',\n} satisfies Partial<ModalProps>;\n\ntype ResolvedProps = ModalProps & Required<Pick<ModalProps, keyof typeof DEFAULTS>>;\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    children, variant, size, backdrop, persistent, glass, gradient, glow, pulse,\n    borderRadius, onClose, open, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const theme = useTheme();\n  const isGlass = glass || variant === 'glass';\n\n  /** A persistent modal ignores the two dismissals it did not ask for. */\n  const handleClose = (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n\n  const TransitionComponent = transitionFor(variant);\n\n  return (\n    <MuiModal\n      open={open}\n      onClose={handleClose}\n      closeAfterTransition\n      BackdropComponent={backdrop ? Backdrop : undefined}\n      BackdropProps={{\n        timeout: 500,\n        sx: backdropSx(theme, isGlass),\n        // @ts-expect-error - data-testid is not part of BackdropProps type but is valid HTML\n        'data-testid': dataTestId ? `${dataTestId}-backdrop` : 'modal-backdrop',\n      }}\n      {...rest}\n    >\n      <TransitionComponent in={open} timeout={500}>\n        <Box\n          sx={panelSx(theme, { variant, size, borderRadius, glass, gradient, glow, pulse })}\n          data-testid={dataTestId || 'modal'}\n        >\n          {children}\n        </Box>\n      </TransitionComponent>\n    </MuiModal>\n  );\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({ children, padding = 3, dataTestId }) => (\n  <Box sx={{ p: padding }} data-testid={dataTestId || 'modal-content'}>\n    {children}\n  </Box>\n);\n","import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { ModalProps } from './Modal.types';\n\ntype Variant = NonNullable<ModalProps['variant']>;\ntype Size = NonNullable<ModalProps['size']>;\ntype Radius = NonNullable<ModalProps['borderRadius']>;\n\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 20px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst RADII: Record<Radius, (theme: Theme) => number | string> = {\n  none: () => 0,\n  sm: (theme) => theme.spacing(0.5),\n  md: (theme) => theme.spacing(1),\n  lg: (theme) => theme.spacing(2),\n  xl: (theme) => theme.spacing(3),\n};\n\n/** Every preset is capped at 90vw so the panel never overflows a small screen. */\nconst WIDTHS: Record<Size, number> = { xs: 320, sm: 480, md: 640, lg: 800, xl: 960 };\n\n/**\n * Where the panel sits. Top and bottom are the same layout anchored to opposite\n * edges; centre is the only one that offsets on both axes.\n */\nconst PLACEMENTS: Record<string, CSSObject> = {\n  top: { top: '10%', left: '50%', transform: 'translateX(-50%)', maxHeight: '80vh' },\n  bottom: { bottom: '10%', left: '50%', transform: 'translateX(-50%)', maxHeight: '80vh' },\n  center: {\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    maxHeight: '90vh',\n  },\n};\n\ninterface ModalStyleFlags {\n  variant: Variant;\n  size: Size;\n  borderRadius: Radius;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\n/** The ring that expands out of the panel while `pulse` is set. */\nconst pulseRing = (theme: Theme): CSSObject => ({\n  content: '\"\"',\n  position: 'absolute' as const,\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  borderRadius: 'inherit',\n  backgroundColor: theme.palette.primary.main,\n  opacity: 0.3,\n  animation: `${pulseAnimation} 2s infinite`,\n  pointerEvents: 'none' as const,\n  zIndex: -1,\n});\n\n/** The surface: its fill, its blur and the shadow that lifts it off the backdrop. */\nconst surface = (theme: Theme, flags: ModalStyleFlags): CSSObject => {\n  const { variant, glass, gradient, glow } = flags;\n  // The glass variant is the glass flag by another name, so either turns it on.\n  const isGlass = glass || variant === 'glass';\n\n  const boxShadow = glow\n    ? `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}`\n    : isGlass\n      ? `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`\n      : theme.shadows[8];\n\n  return {\n    backgroundColor: isGlass\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.background.paper,\n    backdropFilter: isGlass ? 'blur(20px)' : gradient ? 'blur(10px)' : 'none',\n    border: isGlass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : 'none',\n    boxShadow,\n    ...(gradient && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n    }),\n  };\n};\n\nexport const panelSx = (theme: Theme, flags: ModalStyleFlags): CSSObject => {\n  const { variant, size, borderRadius, pulse } = flags;\n\n  return {\n    // A pulsing panel positions its own ring, so it becomes the containing block.\n    position: pulse ? ('relative' as const) : ('absolute' as const),\n    width: WIDTHS[size] ?? WIDTHS.md,\n    maxWidth: '90vw',\n    borderRadius: (RADII[borderRadius] ?? RADII.lg)(theme),\n    outline: 0,\n    overflowY: 'auto',\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter', 'transform'],\n      { duration: theme.transitions.duration.standard },\n    ),\n    ...(PLACEMENTS[variant] ?? PLACEMENTS.center),\n    ...surface(theme, flags),\n    ...(pulse && { '&::after': pulseRing(theme) }),\n  };\n};\n\nexport const backdropSx = (theme: Theme, isGlass: boolean): CSSObject => ({\n  backgroundColor: alpha(theme.palette.common.black, isGlass ? 0.2 : 0.5),\n  backdropFilter: isGlass ? 'blur(8px)' : 'none',\n});\n","import { Fade, Slide } from '@mui/material';\nimport React from 'react';\n\nexport interface TransitionProps {\n  children?: React.ReactElement;\n  in?: boolean;\n  timeout?: number;\n}\n\n/**\n * A slide from one edge, as its own component type.\n *\n * These are built once at module scope rather than per render: a component\n * created inside a render is a new type on every pass, so React unmounts the\n * modal's whole subtree and remounts it — which also restarts the transition it\n * was in the middle of.\n */\nconst slideFrom = (direction: 'up' | 'down', displayName: string) => {\n  const Transition = React.forwardRef<HTMLElement, TransitionProps>(({ children, ...rest }, ref) =>\n    children ? (\n      <Slide direction={direction} ref={ref} {...rest}>\n        {children}\n      </Slide>\n    ) : null,\n  );\n  Transition.displayName = displayName;\n  return Transition;\n};\n\nconst SlideDown = slideFrom('down', 'SlideDown');\nconst SlideUp = slideFrom('up', 'SlideUp');\n\n/** A top modal drops in, a bottom one rises; the rest fade. */\nexport const TRANSITIONS: Record<string, React.ElementType> = {\n  top: SlideDown,\n  bottom: SlideUp,\n};\n\nexport const transitionFor = (variant: string): React.ElementType =>\n  TRANSITIONS[variant] ?? Fade;\n"],"mappings":"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","names":["jsx"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/feedback/Sonner.js

@@ -1,396 +1,12 @@
-import "../chunk-PZ5AY32C.js";
-
-// src/components/feedback/Sonner/Sonner.tsx
-import {
-  Box as Box2,
-  Portal
-} from "@mui/material";
-import React, { createContext, useCallback, useContext, useRef, useState, useMemo } from "react";
-
-// src/components/feedback/Sonner/SonnerToast.tsx
-import SuccessIcon from "@mui/icons-material/CheckCircle";
-import CloseIcon from "@mui/icons-material/Close";
-import ErrorIcon from "@mui/icons-material/Error";
-import InfoIcon from "@mui/icons-material/Info";
-import WarningIcon from "@mui/icons-material/Warning";
+import "../chunk-GXNVXKD6.js";
 import {
-  alpha,
-  Box,
-  Button,
-  CircularProgress,
-  Collapse,
-  IconButton,
-  Typography,
-  useTheme
-} from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var renderToastIcon = (icon, type) => {
-  if (icon) return icon;
-  switch (type) {
-    case "success":
-      return /* @__PURE__ */ jsx(SuccessIcon, { sx: { fontSize: 20, color: "success.main" } });
-    case "error":
-      return /* @__PURE__ */ jsx(ErrorIcon, { sx: { fontSize: 20, color: "error.main" } });
-    case "warning":
-      return /* @__PURE__ */ jsx(WarningIcon, { sx: { fontSize: 20, color: "warning.main" } });
-    case "info":
-      return /* @__PURE__ */ jsx(InfoIcon, { sx: { fontSize: 20, color: "info.main" } });
-    case "loading":
-      return /* @__PURE__ */ jsx(CircularProgress, { size: 16 });
-    default:
-      return null;
-  }
-};
-var resolveToastAnnouncement = (important, type) => {
-  const interrupts = important || type === "error";
-  return {
-    role: interrupts ? "alert" : "status",
-    live: interrupts ? "assertive" : "polite"
-  };
-};
-var buildToastStyles = (theme, variant, visible) => {
-  const baseStyles = {
-    borderRadius: theme.spacing(1.5),
-    border: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.background.paper,
-    boxShadow: theme.shadows[4],
-    transition: theme.transitions.create(["all", "transform", "opacity"], {
-      duration: theme.transitions.duration.short
-    }),
-    transform: visible ? "scale(1)" : "scale(0.95)",
-    opacity: visible ? 1 : 0
-  };
-  switch (variant) {
-    case "glass":
-      return {
-        ...baseStyles,
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-      };
-    case "minimal":
-      return {
-        ...baseStyles,
-        backgroundColor: theme.palette.background.default,
-        border: "none",
-        boxShadow: "none",
-        borderLeft: `4px solid ${theme.palette.primary.main}`,
-        borderRadius: 0
-      };
-    default:
-      return baseStyles;
-  }
-};
-var ToastContent = ({ title, description, important, action, cancel }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
-  title && /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "body2",
-      sx: {
-        fontWeight: important ? 600 : 500,
-        color: "text.primary",
-        mb: description ? 0.5 : 0
-      },
-      children: title
-    }
-  ),
-  description && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem" }, children: description }),
-  (action || cancel) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, mt: 1.5 }, children: [
-    action && /* @__PURE__ */ jsx(ToastActionButton, { action, buttonVariant: "contained" }),
-    cancel && /* @__PURE__ */ jsx(ToastActionButton, { action: cancel, buttonVariant: "outlined" })
-  ] })
-] });
-var ToastActionButton = ({ action, buttonVariant }) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "small",
-    onClick: action.onClick,
-    variant: buttonVariant,
-    sx: { fontSize: "0.75rem", py: 0.5, px: 1.5 },
-    children: action.label
-  }
-);
-var SonnerToast = ({
-  id,
-  title,
-  description,
-  type = "default",
-  variant = "default",
-  closable = true,
-  dismissLabel,
-  action,
-  cancel,
-  icon,
-  important = false,
-  visible,
-  onDismiss
-}) => {
-  const theme = useTheme();
-  const announcement = resolveToastAnnouncement(important, type);
-  const handleDismiss = () => {
-    onDismiss(id);
-  };
-  return /* @__PURE__ */ jsx(Collapse, { in: visible, timeout: 200, children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: announcement.role,
-      "aria-live": announcement.live,
-      "aria-atomic": "true",
-      sx: {
-        ...buildToastStyles(theme, variant, visible),
-        p: 2,
-        mb: 1,
-        minWidth: 356,
-        maxWidth: 400,
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 1.5
-      },
-      children: [
-        renderToastIcon(icon, type),
-        /* @__PURE__ */ jsx(
-          ToastContent,
-          {
-            title,
-            description,
-            important,
-            action,
-            cancel
-          }
-        ),
-        closable && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            onClick: handleDismiss,
-            "aria-label": dismissLabel,
-            sx: {
-              ml: "auto",
-              color: "text.secondary",
-              "&:hover": {
-                backgroundColor: "action.hover"
-              }
-            },
-            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-// src/components/feedback/Sonner/Sonner.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var SonnerContext = createContext(null);
-var DEFAULT_DURATION_MS = 4e3;
-var buildToastItem = (toast2, id, type) => ({
-  ...toast2,
-  id,
-  type: type || toast2.type || "default",
-  createdAt: Date.now(),
-  visible: true
-});
-var scheduleAutoDismiss = (toast2, id, dismiss) => {
-  if (toast2.persistent || toast2.duration === 0) return;
-  window.setTimeout(() => dismiss(id), toast2.duration ?? DEFAULT_DURATION_MS);
-};
-var EXIT_TRANSITION_MS = 300;
-var resolveMessage = (message, value) => typeof message === "function" ? message(value) : message;
-var trackPromiseWithToasts = async (promiseToResolve, options, toasts) => {
-  const toastId = toasts.loading(options.loading);
-  try {
-    const data = await promiseToResolve;
-    toasts.dismiss(toastId);
-    toasts.success(resolveMessage(options.success, data));
-    return data;
-  } catch (err) {
-    toasts.dismiss(toastId);
-    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));
-    throw err;
-  }
-};
-var SonnerProvider = ({ children, dismissLabel }) => {
-  const [toasts, setToasts] = useState([]);
-  const toastCounter = useRef(0);
-  const dismiss = useCallback((id) => {
-    const matches = (toast3) => id === void 0 || toast3.id === id;
-    setToasts(
-      (prev) => prev.map((toast3) => matches(toast3) ? { ...toast3, visible: false } : toast3)
-    );
-    window.setTimeout(() => {
-      setToasts((prev) => prev.filter((toast3) => !matches(toast3)));
-    }, EXIT_TRANSITION_MS);
-  }, []);
-  const addToast = useCallback(
-    (toast3, type) => {
-      const id = `sonner-${++toastCounter.current}`;
-      setToasts((prev) => [...prev, buildToastItem(toast3, id, type)]);
-      scheduleAutoDismiss(toast3, id, dismiss);
-      return id;
-    },
-    [dismiss]
-  );
-  const makeShortcut = useCallback(
-    (type, extra) => (message, options) => addToast({ dismissLabel, ...options, ...extra, title: message }, type),
-    [addToast]
-  );
-  const toast2 = useMemo(() => makeShortcut("default"), [makeShortcut]);
-  const success = useMemo(() => makeShortcut("success"), [makeShortcut]);
-  const error = useMemo(() => makeShortcut("error"), [makeShortcut]);
-  const warning = useMemo(() => makeShortcut("warning"), [makeShortcut]);
-  const info = useMemo(() => makeShortcut("info"), [makeShortcut]);
-  const loading = useMemo(
-    () => makeShortcut("loading", { persistent: true }),
-    [makeShortcut]
-  );
-  const promise = useCallback(
-    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),
-    [loading, success, error, dismiss]
-  );
-  const contextValue = {
-    toast: toast2,
-    success,
-    error,
-    warning,
-    info,
-    loading,
-    dismiss,
-    promise
-  };
-  useRegisterGlobalToast(contextValue);
-  return /* @__PURE__ */ jsxs2(SonnerContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx2(SonnerToaster, { toasts, onDismiss: dismiss })
-  ] });
-};
-var useSonner = () => {
-  const context = useContext(SonnerContext);
-  if (!context) {
-    throw new Error("useSonner must be used within a SonnerProvider");
-  }
-  return context;
-};
-var SonnerToaster = ({ toasts, onDismiss }) => {
-  const MAX_VISIBLE_TOASTS = 5;
-  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);
-  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);
-  return /* @__PURE__ */ jsx2(Portal, { children: /* @__PURE__ */ jsxs2(
-    Box2,
-    {
-      sx: {
-        position: "fixed",
-        top: 16,
-        right: 16,
-        zIndex: 9999,
-        display: "flex",
-        flexDirection: "column",
-        pointerEvents: "none",
-        maxHeight: "calc(100vh - 32px)",
-        overflowY: "auto",
-        overflowX: "hidden"
-      },
-      children: [
-        hiddenCount > 0 && /* @__PURE__ */ jsxs2(
-          Box2,
-          {
-            sx: {
-              p: 1,
-              mb: 0.5,
-              textAlign: "center",
-              fontSize: "0.75rem",
-              color: "text.secondary",
-              pointerEvents: "none"
-            },
-            children: [
-              "+",
-              hiddenCount,
-              " more"
-            ]
-          }
-        ),
-        visibleToasts.map((toast2) => /* @__PURE__ */ jsx2(Box2, { sx: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx2(SonnerToast, { ...toast2, onDismiss }) }, toast2.id))
-      ]
-    }
-  ) });
-};
-var globalToastContext = null;
-var useRegisterGlobalToast = (context) => {
-  React.useEffect(() => {
-    globalToastContext = context;
-    return () => {
-      globalToastContext = null;
-    };
-  }, [context]);
-};
-var createToastInstance = () => {
-  const warnNoProvider = () => {
-    if (typeof window !== "undefined" && window.console && window.console.warn) {
-      window.console.warn("Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.");
-    }
-  };
-  const methods = {
-    toast: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.toast(message, options);
-    },
-    success: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.success(message, options);
-    },
-    error: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.error(message, options);
-    },
-    warning: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.warning(message, options);
-    },
-    info: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.info(message, options);
-    },
-    loading: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.loading(message, options);
-    },
-    dismiss: (id) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return;
-      }
-      globalToastContext.dismiss(id);
-    },
-    promise: async (promiseToResolve, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        throw new Error("No SonnerProvider found");
-      }
-      return globalToastContext.promise(promiseToResolve, options);
-    }
-  };
-  return methods;
-};
-var toast = createToastInstance();
-var Toaster = ({ children, dismissLabel }) => /* @__PURE__ */ jsx2(SonnerProvider, { dismissLabel, children });
+  SonnerProvider,
+  Toaster,
+  toast,
+  useSonner
+} from "../chunk-5QFEHSTR.js";
+import "../chunk-GGNHZ4GA.js";
+import "../chunk-PZ5AY32C.js";
 export {
   SonnerProvider,
   Toaster,