@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-QFS5CENY.mjs

@@ -0,0 +1,659 @@
+import {
+  default as default12
+} from "./chunk-B7DAB22K.mjs";
+import {
+  ALERT_VARIANTs,
+  DEFAULTs,
+  toast
+} from "./chunk-YIJ5QVJ6.mjs";
+import {
+  default142 as default8,
+  default143 as default9,
+  default144 as default10,
+  default145 as default11,
+  default54 as default4,
+  default55 as default5,
+  default57 as default6,
+  default81 as default7
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  Button,
+  IconButton_default
+} from "./chunk-D4XPNSSI.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
+  mergeSx
+} from "./chunk-AFLEG5ZC.mjs";
+
+// src/components/compound/Alert/src/AlertProvider.tsx
+import React2 from "react";
+import { SnackbarProvider } from "notistack";
+
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+import { forwardRef as forwardRef2, useCallback as useCallback2 } from "react";
+import { useSnackbar as useSnackbar2 } from "notistack";
+import Alert from "@mui/material/Alert";
+
+// src/components/compound/Alert/src/AlertStyleVariantContext.tsx
+import React from "react";
+var AlertStyleVariantContext = React.createContext(
+  DEFAULTs.STYLE_VARIANT
+);
+function useAlertStyleVariantDefault() {
+  return React.useContext(AlertStyleVariantContext);
+}
+
+// src/components/compound/Alert/src/SoftAlertContent.tsx
+import { forwardRef, useCallback } from "react";
+import { useSnackbar } from "notistack";
+
+// src/components/compound/Alert/src/theme.ts
+var collapsableAlertClassicRootSx = {
+  "--collapse-bg": "var(--mui-palette-background-paper)",
+  "--collapse-border": "var(--mui-palette-border-1)",
+  "--collapse-title-color": "var(--mui-palette-text-primary)",
+  "--collapse-shadow": "0 1px 2px rgba(15, 23, 42, 0.05), 0 2px 8px rgba(15, 23, 42, 0.04)",
+  pointerEvents: "auto",
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 280,
+  maxWidth: "min(420px, calc(100vw - 24px))",
+  width: "100%",
+  borderRadius: "10px",
+  border: "1px solid var(--collapse-border)",
+  backgroundColor: "var(--collapse-bg)",
+  color: "var(--collapse-title-color)",
+  boxShadow: "var(--collapse-shadow)",
+  boxSizing: "border-box",
+  overflow: "hidden",
+  '[color-scheme="dark"] &': {
+    "--collapse-bg": "var(--mui-palette-container-bg-1, var(--mui-palette-background-paper))",
+    "--collapse-shadow": "0 1px 2px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.16)"
+  }
+};
+var collapsableAlertRootSx = collapsableAlertClassicRootSx;
+var collapsableAlertSoftRootSx = {
+  "--collapse-bg": "color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)",
+  "--collapse-border": "var(--mui-palette-border-1)",
+  "--collapse-title-color": "var(--mui-palette-text-primary)",
+  "--collapse-shadow": "0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)",
+  pointerEvents: "auto",
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 280,
+  maxWidth: "min(420px, calc(100vw - 24px))",
+  width: "100%",
+  borderRadius: "12px",
+  border: "1px solid var(--collapse-border)",
+  backgroundColor: "var(--collapse-bg)",
+  color: "var(--collapse-title-color)",
+  boxShadow: "var(--collapse-shadow)",
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  boxSizing: "border-box",
+  overflow: "hidden",
+  '[color-scheme="dark"] &': {
+    "--collapse-shadow": "0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14)"
+  }
+};
+var collapsableSoftHeaderSx = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 1,
+  px: 1.5,
+  py: 1.25,
+  minHeight: 40
+};
+var collapsableClassicHeaderSx = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 1,
+  px: 1.5,
+  py: 1.125,
+  minHeight: 44
+};
+var collapsableSoftIconButtonSx = {
+  flexShrink: 0,
+  p: 0.25,
+  color: "var(--mui-palette-text-secondary)",
+  backgroundColor: "transparent",
+  borderRadius: "8px",
+  "&:hover": {
+    backgroundColor: "color-mix(in srgb, var(--mui-palette-text-primary) 6%, transparent)"
+  }
+};
+var collapsableClassicIconButtonSx = {
+  flexShrink: 0,
+  p: 0.375,
+  color: "var(--mui-palette-text-secondary)",
+  backgroundColor: "transparent",
+  borderRadius: "8px",
+  "&:hover": {
+    backgroundColor: "color-mix(in srgb, var(--mui-palette-text-primary) 8%, transparent)",
+    color: "var(--mui-palette-text-primary)"
+  }
+};
+var collapsableSoftPanelSx = {
+  px: 1.5,
+  pb: 1.5,
+  pt: 0.75,
+  borderTop: "1px solid var(--collapse-border)"
+};
+var collapsableClassicPanelSx = {
+  px: 1.5,
+  pb: 1.5,
+  pt: 1,
+  borderTop: "1px solid var(--collapse-border)",
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-text-primary) 2.5%, var(--collapse-bg))"
+};
+var softAlertItemRootSx = {
+  "--soft-alert-bg": "color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)",
+  "--soft-alert-border": "var(--mui-palette-border-1)",
+  "--soft-alert-fg": "var(--mui-palette-text-primary)",
+  "--soft-alert-accent": "var(--mui-palette-info-main)",
+  "--soft-alert-shadow": "0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)",
+  pointerEvents: "auto",
+  display: "flex",
+  alignItems: "center",
+  gap: 1,
+  px: 1.5,
+  py: 1.25,
+  minWidth: 280,
+  maxWidth: "min(420px, calc(100vw - 24px))",
+  borderRadius: "12px",
+  border: "1px solid var(--soft-alert-border)",
+  backgroundColor: "var(--soft-alert-bg)",
+  color: "var(--soft-alert-fg)",
+  boxShadow: "var(--soft-alert-shadow)",
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  boxSizing: "border-box",
+  '[color-scheme="dark"] &': {
+    "--soft-alert-shadow": "0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14)"
+  },
+  "&[data-variant=success]": {
+    "--soft-alert-accent": "var(--mui-palette-success-main)"
+  },
+  "&[data-variant=error]": {
+    "--soft-alert-accent": "var(--mui-palette-error-main)"
+  },
+  "&[data-variant=warning]": {
+    "--soft-alert-accent": "var(--mui-palette-warning-main)"
+  },
+  "&[data-variant=info]": {
+    "--soft-alert-accent": "var(--mui-palette-info-main)"
+  },
+  "&[data-variant=system]": {
+    "--soft-alert-accent": "var(--mui-palette-system-main)"
+  },
+  "&[data-variant=insight]": {
+    "--soft-alert-accent": "var(--mui-palette-insight-main)"
+  }
+};
+var softAlertAccentBarSx = {
+  width: 3,
+  alignSelf: "stretch",
+  borderRadius: 2,
+  backgroundColor: "var(--soft-alert-accent)",
+  flexShrink: 0,
+  opacity: 0.85
+};
+var softAlertIconSx = {
+  color: "var(--soft-alert-accent)",
+  fontSize: "1.25rem",
+  flexShrink: 0
+};
+var alertTheme = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "--alert-bgc": theme.palette.background.paper,
+      // Default background color
+      "--alert-color": theme.palette.text.primary,
+      // Default text color
+      whiteSpace: "normal",
+      // Allow wrapping for custom components
+      alignItems: "center",
+      // Center content vertically
+      borderRadius: "var(--mui-shape-borderRadius)",
+      // Use theme border radius
+      backgroundColor: "var(--alert-bgc)",
+      // Use theme background color
+      color: "var(--alert-color)",
+      // Use theme text color
+      border: "1px solid var(--alert-color)",
+      // Border using text color for contrast
+      "& .MuiAlert-icon": {
+        color: "var(--alert-icon-color, currentColor)",
+        // Use CSS variable for icon color
+        padding: "8px 0"
+      },
+      "& .MuiAlert-message": {
+        flex: 1,
+        width: "100%",
+        // Ensure message takes width
+        padding: "8px 0"
+      },
+      "& .MuiButtonBase-root": {
+        "--button-color": "var(--alert-icon-color)"
+      },
+      "&.MuiAlert-standardError": {
+        "--alert-icon-color": "var(--mui-palette-error-main)",
+        "--alert-bgc": "var(--mui-palette-error-background, var(--mui-palette-error-dark))",
+        "--alert-color": theme.palette.error.main
+      },
+      "&.MuiAlert-standardSuccess": {
+        "--alert-icon-color": "var(--mui-palette-success-main)",
+        "--alert-bgc": "var(--mui-palette-success-background, var(--mui-palette-success-dark))",
+        "--alert-color": theme.palette.success.main
+      },
+      "&.MuiAlert-standardWarning": {
+        "--alert-bgc": "var(--mui-palette-warning-background, var(--mui-palette-warning-dark))",
+        "--alert-color": theme.palette.warning.main,
+        "--alert-icon-color": "var(--mui-palette-warning-main)"
+      },
+      "&.MuiAlert-standardInfo": {
+        "--alert-bgc": "var(--mui-palette-info-background, var(--mui-palette-info-dark))",
+        "--alert-color": theme.palette.info.main,
+        "--alert-icon-color": "var(--mui-palette-info-main)"
+      },
+      "&.MuiAlert-standardSystem": {
+        "--alert-icon-color": "var(--mui-palette-system-main)",
+        "--alert-bgc": "var(--mui-palette-system-background, var(--mui-palette-system-dark))",
+        "--alert-color": theme.palette.system.main
+      },
+      "&.MuiAlert-standardInsight": {
+        "--alert-icon-color": "var(--mui-palette-insight-main)",
+        "--alert-bgc": "var(--mui-palette-insight-background, var(--mui-palette-insight-dark))",
+        "--alert-color": theme.palette.insight.main
+      },
+      "&.MuiAlert-filledSystem": {
+        "--alert-icon-color": "var(--mui-palette-system-contrastText)",
+        "--alert-bgc": "var(--mui-palette-Alert-systemFilledBg, var(--mui-palette-system-main))",
+        "--alert-color": "var(--mui-palette-Alert-systemFilledColor, var(--mui-palette-system-contrastText))"
+      },
+      "&.MuiAlert-filledInsight": {
+        "--alert-icon-color": "var(--mui-palette-insight-contrastText)",
+        "--alert-bgc": "var(--mui-palette-Alert-insightFilledBg, var(--mui-palette-insight-main))",
+        "--alert-color": "var(--mui-palette-Alert-insightFilledColor, var(--mui-palette-insight-contrastText))"
+      },
+      "&.MuiAlert-outlinedSystem": {
+        "--alert-icon-color": "var(--mui-palette-system-main)",
+        "--alert-bgc": "transparent",
+        "--alert-color": theme.palette.system.main
+      },
+      "&.MuiAlert-outlinedInsight": {
+        "--alert-icon-color": "var(--mui-palette-insight-main)",
+        "--alert-bgc": "transparent",
+        "--alert-color": theme.palette.insight.main
+      }
+    })
+  }
+};
+
+// src/components/compound/Alert/src/SoftAlertContent.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var VARIANT_ICON = {
+  [ALERT_VARIANTs.success]: default6,
+  [ALERT_VARIANTs.error]: default11,
+  [ALERT_VARIANTs.warning]: default8,
+  [ALERT_VARIANTs.info]: default9,
+  [ALERT_VARIANTs.system]: default7,
+  [ALERT_VARIANTs.insight]: default10,
+  [ALERT_VARIANTs.collapsable]: default9
+};
+var VARIANT_DATA = {
+  [ALERT_VARIANTs.success]: "success",
+  [ALERT_VARIANTs.error]: "error",
+  [ALERT_VARIANTs.warning]: "warning",
+  [ALERT_VARIANTs.info]: "info",
+  [ALERT_VARIANTs.system]: "system",
+  [ALERT_VARIANTs.insight]: "insight",
+  [ALERT_VARIANTs.collapsable]: "info"
+};
+var SoftAlertContent = forwardRef(
+  function SoftAlertContent2(props, ref) {
+    const { id, message, variant, icon, style, alertAction: action } = props;
+    const { closeSnackbar } = useSnackbar();
+    const handleDismiss = useCallback(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const handleAction = useCallback(() => {
+      action?.onClick();
+      closeSnackbar(id);
+    }, [action, closeSnackbar, id]);
+    const Icon = VARIANT_ICON[variant] ?? default9;
+    const dataVariant = VARIANT_DATA[variant] ?? "info";
+    return /* @__PURE__ */ jsxs(
+      default2,
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        "data-variant": dataVariant,
+        "data-style-variant": "soft",
+        "data-testid": "soft-alert",
+        style,
+        sx: softAlertItemRootSx,
+        children: [
+          /* @__PURE__ */ jsx(default2, { sx: softAlertAccentBarSx, "aria-hidden": true }),
+          icon === null ? null : icon !== void 0 ? /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexShrink: 0, color: "var(--soft-alert-accent)" }, children: icon }) : /* @__PURE__ */ jsx(Icon, { sx: softAlertIconSx, "aria-hidden": true }),
+          /* @__PURE__ */ jsx(default2, { sx: { flex: 1, minWidth: 0 }, children: typeof message === "string" ? /* @__PURE__ */ jsx(default3, { variant: "body2", sx: { m: 0, lineHeight: 1.4 }, children: message }) : message }),
+          action ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "text",
+              onClick: handleAction,
+              sx: {
+                flexShrink: 0,
+                alignSelf: "center",
+                minWidth: "auto",
+                color: "var(--soft-alert-accent)",
+                textTransform: "none",
+                fontWeight: 600,
+                lineHeight: 1.25
+              },
+              children: action.label
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            IconButton_default,
+            {
+              size: "small",
+              "aria-label": "Close",
+              onClick: handleDismiss,
+              sx: {
+                flexShrink: 0,
+                alignSelf: "center",
+                p: 0.25,
+                color: "var(--mui-palette-text-secondary)"
+              },
+              children: /* @__PURE__ */ jsx(default4, { sx: { fontSize: "1rem" } })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var variantToSeverity = {
+  [ALERT_VARIANTs.info]: "info",
+  [ALERT_VARIANTs.warning]: "warning",
+  [ALERT_VARIANTs.success]: "success",
+  [ALERT_VARIANTs.error]: "error",
+  [ALERT_VARIANTs.system]: "system",
+  [ALERT_VARIANTs.insight]: "insight",
+  [ALERT_VARIANTs.collapsable]: "info"
+  // Default to info for collapsable
+};
+var MuiAlertVariant = forwardRef2(
+  (props, ref) => {
+    const {
+      id,
+      message,
+      variant,
+      icon,
+      style,
+      styleVariant: styleVariantProp,
+      alertAction,
+      action: actionProp
+    } = props;
+    const action = alertAction ?? actionProp;
+    const providerDefault = useAlertStyleVariantDefault();
+    const styleVariant = styleVariantProp ?? providerDefault ?? DEFAULTs.STYLE_VARIANT;
+    const { closeSnackbar } = useSnackbar2();
+    const handleDismiss = useCallback2(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const handleAction = useCallback2(() => {
+      action?.onClick();
+      closeSnackbar(id);
+    }, [action, closeSnackbar, id]);
+    if (styleVariant === "soft") {
+      return /* @__PURE__ */ jsx2(
+        SoftAlertContent,
+        {
+          ref,
+          ...props,
+          alertAction: action
+        }
+      );
+    }
+    const severity = variantToSeverity[variant] || "info";
+    return /* @__PURE__ */ jsx2(
+      Alert,
+      {
+        ref,
+        severity,
+        onClose: handleDismiss,
+        icon,
+        style,
+        "data-style-variant": "classic",
+        "data-testid": "classic-alert",
+        action: action ? /* @__PURE__ */ jsx2(default2, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ jsx2(
+          Button,
+          {
+            size: "small",
+            variant: "text",
+            onClick: handleAction,
+            sx: {
+              minWidth: "auto",
+              color: "var(--alert-icon-color, inherit)",
+              textTransform: "none",
+              fontWeight: 600
+            },
+            children: action.label
+          }
+        ) }) : void 0,
+        children: message
+      }
+    );
+  }
+);
+
+// src/components/compound/Alert/src/CollapsableAlert.tsx
+import { forwardRef as forwardRef3, useState, useCallback as useCallback3 } from "react";
+import { useSnackbar as useSnackbar3 } from "notistack";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CollapsableAlert = forwardRef3(function CollapsableAlert2({ id, componentProps, componentWrapperProps, style, styleVariant: styleVariantProp }, ref) {
+  const [expanded, setExpanded] = useState(false);
+  const { closeSnackbar } = useSnackbar3();
+  const providerDefault = useAlertStyleVariantDefault();
+  const styleVariant = styleVariantProp ?? providerDefault ?? DEFAULTs.STYLE_VARIANT;
+  const isSoft = styleVariant === "soft";
+  const handleExpandClick = useCallback3(() => {
+    setExpanded((oldExpanded) => !oldExpanded);
+  }, []);
+  const handleDismiss = useCallback3(() => {
+    closeSnackbar(id);
+  }, [id, closeSnackbar]);
+  const { Renderer, ...restCollapse } = componentWrapperProps || {};
+  const titleNode = componentProps?.title || "Alert Title";
+  const iconButtonSx = isSoft ? collapsableSoftIconButtonSx : collapsableClassicIconButtonSx;
+  const iconButtons = /* @__PURE__ */ jsxs2(
+    default2,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.25,
+        flexShrink: 0
+      },
+      children: [
+        /* @__PURE__ */ jsx3(
+          IconButton_default,
+          {
+            "aria-label": "Show more",
+            size: "small",
+            onClick: handleExpandClick,
+            sx: iconButtonSx,
+            children: /* @__PURE__ */ jsx3(
+              default5,
+              {
+                style: {
+                  transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
+                  transition: "transform 0.3s ease-in-out"
+                },
+                sx: { fontSize: "1rem" }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          IconButton_default,
+          {
+            size: "small",
+            "aria-label": "Close",
+            onClick: handleDismiss,
+            sx: iconButtonSx,
+            children: /* @__PURE__ */ jsx3(default4, { sx: { fontSize: "1rem" } })
+          }
+        )
+      ]
+    }
+  );
+  const body = /* @__PURE__ */ jsx3(default12, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxs2(
+    default2,
+    {
+      ...restCollapse,
+      sx: mergeSx(
+        isSoft ? collapsableSoftPanelSx : collapsableClassicPanelSx,
+        restCollapse.sx
+      ),
+      children: [
+        Renderer ? /* @__PURE__ */ jsx3(Renderer, { ...componentProps }) : null,
+        !Renderer && /* @__PURE__ */ jsx3(default2, { sx: { py: 0.25 }, children: componentProps?.children || "Collapsible content" })
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ jsxs2(
+    default2,
+    {
+      ref,
+      style,
+      role: "status",
+      "aria-live": "polite",
+      "data-style-variant": isSoft ? "soft" : "classic",
+      "data-testid": isSoft ? "collapsable-alert-soft" : "collapsable-alert-classic",
+      sx: isSoft ? collapsableAlertSoftRootSx : collapsableAlertClassicRootSx,
+      children: [
+        /* @__PURE__ */ jsxs2(default2, { sx: isSoft ? collapsableSoftHeaderSx : collapsableClassicHeaderSx, children: [
+          /* @__PURE__ */ jsx3(
+            default3,
+            {
+              variant: "body2",
+              sx: {
+                color: "var(--collapse-title-color)",
+                fontWeight: 600,
+                lineHeight: 1.4,
+                m: 0,
+                minWidth: 0,
+                flex: 1
+              },
+              children: titleNode
+            }
+          ),
+          iconButtons
+        ] }),
+        body
+      ]
+    }
+  );
+});
+
+// src/components/compound/Alert/src/AlertProvider.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ALERT_COMPONENTS = {
+  [ALERT_VARIANTs.info]: MuiAlertVariant,
+  [ALERT_VARIANTs.warning]: MuiAlertVariant,
+  [ALERT_VARIANTs.success]: MuiAlertVariant,
+  [ALERT_VARIANTs.error]: MuiAlertVariant,
+  [ALERT_VARIANTs.system]: MuiAlertVariant,
+  [ALERT_VARIANTs.insight]: MuiAlertVariant,
+  [ALERT_VARIANTs.collapsable]: CollapsableAlert
+};
+var AlertProvider = React2.memo(function AlertProvider2({
+  children,
+  defaultStyleVariant = DEFAULTs.STYLE_VARIANT
+}) {
+  return /* @__PURE__ */ jsx4(AlertStyleVariantContext.Provider, { value: defaultStyleVariant, children: /* @__PURE__ */ jsx4(
+    SnackbarProvider,
+    {
+      maxSnack: DEFAULTs.PROVIDER_CONFIGs.maxSnack,
+      anchorOrigin: DEFAULTs.ANCHOR_ORIGIN,
+      Components: ALERT_COMPONENTS,
+      children
+    }
+  ) });
+});
+
+// src/components/compound/Alert/src/useToast.ts
+import { useCallback as useCallback4 } from "react";
+import { useSnackbar as useSnackbar4 } from "notistack";
+function useToast() {
+  const { closeSnackbar } = useSnackbar4();
+  const show = useCallback4(
+    (message, options) => toast.show(message, options),
+    []
+  );
+  const success = useCallback4(
+    (message, options) => toast.success(message, options),
+    []
+  );
+  const error = useCallback4(
+    (message, options) => toast.error(message, options),
+    []
+  );
+  const info = useCallback4(
+    (message, options) => toast.info(message, options),
+    []
+  );
+  const warning = useCallback4(
+    (message, options) => toast.warning(message, options),
+    []
+  );
+  const dismiss = useCallback4((id) => closeSnackbar(id), [closeSnackbar]);
+  const dismissAll = useCallback4(() => closeSnackbar(), [closeSnackbar]);
+  return {
+    show,
+    success,
+    error,
+    info,
+    warning,
+    dismiss,
+    dismissAll
+  };
+}
+
+export {
+  AlertStyleVariantContext,
+  useAlertStyleVariantDefault,
+  collapsableAlertClassicRootSx,
+  collapsableAlertRootSx,
+  collapsableAlertSoftRootSx,
+  collapsableSoftHeaderSx,
+  collapsableClassicHeaderSx,
+  collapsableSoftIconButtonSx,
+  collapsableClassicIconButtonSx,
+  collapsableSoftPanelSx,
+  collapsableClassicPanelSx,
+  softAlertItemRootSx,
+  softAlertAccentBarSx,
+  softAlertIconSx,
+  alertTheme,
+  SoftAlertContent,
+  CollapsableAlert,
+  AlertProvider,
+  useToast
+};
+//# sourceMappingURL=chunk-QFS5CENY.mjs.map