@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-EKPULYPU.mjs

@@ -0,0 +1,497 @@
+import {
+  default as default6
+} from "./chunk-B7DAB22K.mjs";
+import {
+  Card
+} from "./chunk-I5JWS4Z7.mjs";
+import {
+  randomStrGenerator
+} from "./chunk-QFF3HTHL.mjs";
+import {
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default54 as default4,
+  default55 as default5
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/compound/Alert/src/AlertProvider.tsx
+import React from "react";
+import { SnackbarProvider } from "notistack";
+
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+import { forwardRef, useCallback } from "react";
+import { useSnackbar as useSnackbar2 } from "notistack";
+import Alert from "@mui/material/Alert";
+
+// src/components/compound/Alert/src/_utils/utils.ts
+import { enqueueSnackbar, useSnackbar } from "notistack";
+
+// src/components/compound/Alert/src/_utils/const.ts
+var ALERT_VARIANTs = {
+  info: "myInfo",
+  warning: "myWarning",
+  success: "mySuccess",
+  error: "myError",
+  system: "mySystem",
+  insight: "myInsight",
+  collapsable: "myCollapsable"
+};
+var DEFAULTs = {
+  AUTO_HIDE_DURATION: 3e3,
+  ANCHOR_ORIGIN: { horizontal: "right", vertical: "top" },
+  PROVIDER_CONFIGs: {
+    maxSnack: 3,
+    dense: true,
+    preventDuplicate: true,
+    autoHideDuration: 3e3
+  }
+};
+var ERRORs = {
+  invalid_variant: "Invalid alert variant provided",
+  enqueue_failed: "Failed to enqueue alert",
+  missing_message: "Message is required for alert",
+  missing_component_props: "Component props are required for collapsible alert"
+};
+
+// src/components/compound/Alert/src/_utils/utils.ts
+function enqueueAlertWith(enqueue, {
+  message,
+  variant,
+  id = randomStrGenerator(10),
+  autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,
+  anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,
+  icon,
+  ...rest
+}) {
+  try {
+    enqueue(message, {
+      variant,
+      anchorOrigin,
+      autoHideDuration,
+      key: id,
+      id,
+      icon,
+      ...rest
+    });
+    return { success: true, data: id };
+  } catch (error) {
+    console.error("Failed to enqueue alert:", error);
+    return { success: false, error: error instanceof Error ? error.message : "Unknown error" };
+  }
+}
+function enqueueCollapsableWith(enqueue, {
+  id = randomStrGenerator(10),
+  autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,
+  anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,
+  componentProps = {},
+  componentWrapperProps = {
+    Renderer: () => null
+  },
+  ...rest
+}) {
+  try {
+    enqueue({
+      variant: ALERT_VARIANTs.collapsable,
+      anchorOrigin,
+      autoHideDuration,
+      componentProps,
+      componentWrapperProps,
+      id,
+      ...rest
+    });
+    return { success: true, data: id };
+  } catch (error) {
+    console.error("Failed to enqueue collapsable alert:", error);
+    return { success: false, error: error instanceof Error ? error.message : "Unknown error" };
+  }
+}
+function useAlert() {
+  const { enqueueSnackbar: enqueue, closeSnackbar } = useSnackbar();
+  const enqueueAlert2 = (options) => enqueueAlertWith(enqueue, options);
+  const enqueueCollapsable2 = (options) => enqueueCollapsableWith(enqueue, options);
+  const enqueueError2 = (message, options) => enqueueAlert2({ variant: ALERT_VARIANTs.error, message, ...options });
+  const enqueueSuccess2 = (message, options) => enqueueAlert2({ variant: ALERT_VARIANTs.success, message, ...options });
+  const enqueueWarning2 = (message, options) => enqueueAlert2({ variant: ALERT_VARIANTs.warning, message, ...options });
+  const enqueueInfo2 = (message, options) => enqueueAlert2({ variant: ALERT_VARIANTs.info, message, ...options });
+  const enqueueSystem2 = (message, options) => enqueueAlert2({ variant: ALERT_VARIANTs.system, message, ...options });
+  const enqueueInsight2 = (message, options) => enqueueAlert2({ variant: ALERT_VARIANTs.insight, message, ...options });
+  return {
+    enqueueAlert: enqueueAlert2,
+    enqueueCollapsable: enqueueCollapsable2,
+    enqueueError: enqueueError2,
+    enqueueSuccess: enqueueSuccess2,
+    enqueueWarning: enqueueWarning2,
+    enqueueInfo: enqueueInfo2,
+    enqueueSystem: enqueueSystem2,
+    enqueueInsight: enqueueInsight2,
+    closeSnackbar
+  };
+}
+function enqueueAlert({
+  message,
+  variant,
+  id = randomStrGenerator(10),
+  autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,
+  anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,
+  icon,
+  ...rest
+}) {
+  return enqueueAlertWith(enqueueSnackbar, {
+    message,
+    variant,
+    id,
+    autoHideDuration,
+    anchorOrigin,
+    icon,
+    ...rest
+  });
+}
+function enqueueCollapsable({
+  id = randomStrGenerator(10),
+  autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,
+  anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,
+  componentProps = {},
+  componentWrapperProps = {
+    Renderer: () => null
+  },
+  ...rest
+}) {
+  return enqueueCollapsableWith(enqueueSnackbar, {
+    id,
+    autoHideDuration,
+    anchorOrigin,
+    componentProps,
+    componentWrapperProps,
+    ...rest
+  });
+}
+function enqueueError(message, options) {
+  return enqueueAlert({
+    variant: ALERT_VARIANTs.error,
+    message,
+    ...options
+  });
+}
+function enqueueSuccess(message, options) {
+  return enqueueAlert({
+    variant: ALERT_VARIANTs.success,
+    message,
+    ...options
+  });
+}
+function enqueueWarning(message, options) {
+  return enqueueAlert({
+    variant: ALERT_VARIANTs.warning,
+    message,
+    ...options
+  });
+}
+function enqueueInfo(message, options) {
+  return enqueueAlert({
+    variant: ALERT_VARIANTs.info,
+    message,
+    ...options
+  });
+}
+function enqueueSystem(message, options) {
+  return enqueueAlert({
+    variant: ALERT_VARIANTs.system,
+    message,
+    ...options
+  });
+}
+function enqueueInsight(message, options) {
+  return enqueueAlert({
+    variant: ALERT_VARIANTs.insight,
+    message,
+    ...options
+  });
+}
+
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+import { jsx } 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 = forwardRef(
+  (props, ref) => {
+    const { id, message, variant, icon, style } = props;
+    const { closeSnackbar } = useSnackbar2();
+    const handleDismiss = useCallback(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const severity = variantToSeverity[variant] || "info";
+    return /* @__PURE__ */ jsx(
+      Alert,
+      {
+        ref,
+        severity,
+        onClose: handleDismiss,
+        icon,
+        style,
+        children: message
+      }
+    );
+  }
+);
+
+// src/components/compound/Alert/src/CollapsableAlert.tsx
+import { forwardRef as forwardRef2, useState, useCallback as useCallback2 } from "react";
+import { useSnackbar as useSnackbar3 } from "notistack";
+import CardActions from "@mui/material/CardActions";
+
+// src/components/compound/Alert/src/theme.ts
+var collapsableAlertRootSx = {
+  "--collapse-bg": "var(--mui-palette-container-bg-1)",
+  "--collapse-border": "var(--mui-palette-border-1)",
+  "--collapse-title-color": "var(--mui-palette-text-primary)"
+};
+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/CollapsableAlert.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CollapsableAlert = forwardRef2(
+  ({ id, componentProps, componentWrapperProps, style }, ref) => {
+    const [expanded, setExpanded] = useState(false);
+    const { closeSnackbar } = useSnackbar3();
+    const handleExpandClick = useCallback2(() => {
+      setExpanded((oldExpanded) => !oldExpanded);
+    }, []);
+    const handleDismiss = useCallback2(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const {
+      Renderer,
+      ...restCollapse
+    } = componentWrapperProps || {};
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        ref,
+        style,
+        sx: mergeSx(collapsableAlertRootSx, {
+          "&.MuiPaper-root": {
+            background: "var(--collapse-bg)",
+            backdropFilter: "blur(9px)",
+            transition: "all 0.3s ease-in-out, color 0s",
+            color: "text.primary",
+            height: "fit-content",
+            border: `1px solid var(--collapse-border)`
+          }
+        }),
+        children: [
+          /* @__PURE__ */ jsxs(
+            CardActions,
+            {
+              sx: {
+                justifyContent: "space-between",
+                padding: "4px 8px"
+              },
+              children: [
+                /* @__PURE__ */ jsx2(
+                  default3,
+                  {
+                    variant: "body2",
+                    sx: {
+                      color: "var(--collapse-title-color)",
+                      paddingLeft: "8px",
+                      fontWeight: 600
+                    },
+                    children: componentProps?.title || "Alert Title"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(default2, { sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 0.5
+                }, children: [
+                  /* @__PURE__ */ jsx2(
+                    IconButton_default,
+                    {
+                      "aria-label": "Show more",
+                      size: "small",
+                      onClick: handleExpandClick,
+                      children: /* @__PURE__ */ jsx2(
+                        default5,
+                        {
+                          style: {
+                            transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
+                            transition: "transform 0.3s ease-in-out"
+                          },
+                          sx: { fontSize: "1rem" }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    IconButton_default,
+                    {
+                      size: "small",
+                      "aria-label": "close",
+                      onClick: handleDismiss,
+                      children: /* @__PURE__ */ jsx2(default4, { sx: { fontSize: "1rem" } })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx2(default6, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxs(
+            default2,
+            {
+              ...restCollapse,
+              sx: mergeSx(restCollapse.sx, { px: 2, pb: 2 }),
+              children: [
+                Renderer && /* @__PURE__ */ jsx2(Renderer, { ...componentProps }),
+                !Renderer && /* @__PURE__ */ jsx2(default2, { sx: { p: 2 }, children: componentProps?.children || "Collapsible content" })
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+
+// src/components/compound/Alert/src/AlertProvider.tsx
+import { jsx as jsx3 } 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 = React.memo(function AlertProvider2({ children }) {
+  return /* @__PURE__ */ jsx3(
+    SnackbarProvider,
+    {
+      maxSnack: DEFAULTs.PROVIDER_CONFIGs.maxSnack,
+      anchorOrigin: DEFAULTs.ANCHOR_ORIGIN,
+      Components: ALERT_COMPONENTS,
+      children
+    }
+  );
+});
+
+export {
+  ALERT_VARIANTs,
+  DEFAULTs,
+  ERRORs,
+  useAlert,
+  enqueueAlert,
+  enqueueCollapsable,
+  enqueueError,
+  enqueueSuccess,
+  enqueueWarning,
+  enqueueInfo,
+  enqueueSystem,
+  enqueueInsight,
+  collapsableAlertRootSx,
+  alertTheme,
+  CollapsableAlert,
+  AlertProvider
+};
+//# sourceMappingURL=chunk-EKPULYPU.mjs.map

package/dist/chunk-EKPULYPU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/Alert/src/AlertProvider.tsx","../src/components/compound/Alert/src/MuiAlertVariant.tsx","../src/components/compound/Alert/src/_utils/utils.ts","../src/components/compound/Alert/src/_utils/const.ts","../src/components/compound/Alert/src/CollapsableAlert.tsx","../src/components/compound/Alert/src/theme.ts"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { SnackbarProvider, type SnackbarProviderProps } from 'notistack'\nimport { MuiAlertVariant } from './MuiAlertVariant'\nimport { CollapsableAlert } from './CollapsableAlert'\nimport { ALERT_VARIANTs, DEFAULTs } from './_utils'\n\nconst ALERT_COMPONENTS: SnackbarProviderProps['Components'] = {\n  [ALERT_VARIANTs.info]: MuiAlertVariant,\n  [ALERT_VARIANTs.warning]: MuiAlertVariant,\n  [ALERT_VARIANTs.success]: MuiAlertVariant,\n  [ALERT_VARIANTs.error]: MuiAlertVariant,\n  [ALERT_VARIANTs.system]: MuiAlertVariant,\n  [ALERT_VARIANTs.insight]: MuiAlertVariant,\n  [ALERT_VARIANTs.collapsable]: CollapsableAlert,\n}\n\n/**\n * AlertProvider - Context provider for the alert system\n * Sets up notistack with all custom alert variant components\n * Should wrap the entire application or specific sections that need alerts\n */\nexport const AlertProvider = React.memo(function AlertProvider({ children }: { children: React.ReactNode }) {\n  return (\n    <SnackbarProvider\n      maxSnack={DEFAULTs.PROVIDER_CONFIGs.maxSnack}\n      anchorOrigin={DEFAULTs.ANCHOR_ORIGIN}\n      Components={ALERT_COMPONENTS}\n    >\n      {children}\n    </SnackbarProvider>\n  )\n})\n","'use client'\nimport { forwardRef, useCallback } from 'react'\nimport { useSnackbar, CustomContentProps } from 'notistack'\nimport Alert from '@mui/material/Alert'\n\nimport { type AlertOptions, ALERT_VARIANTs } from './_utils'\n\n// Map custom variants to MUI Alert severity / color\nconst variantToSeverity = {\n  [ALERT_VARIANTs.info]: 'info',\n  [ALERT_VARIANTs.warning]: 'warning',\n  [ALERT_VARIANTs.success]: 'success',\n  [ALERT_VARIANTs.error]: 'error',\n  [ALERT_VARIANTs.system]: 'system',\n  [ALERT_VARIANTs.insight]: 'insight',\n  [ALERT_VARIANTs.collapsable]: 'info', // Default to info for collapsable\n} as const\n\ntype MuiSeverity = 'info' | 'warning' | 'success' | 'error' | 'system' | 'insight'\n\nexport const MuiAlertVariant = forwardRef<HTMLDivElement, CustomContentProps & AlertOptions>(\n  (props, ref) => {\n    const { id, message, variant, icon, style } = props\n    const { closeSnackbar } = useSnackbar()\n\n    const handleDismiss = useCallback(() => {\n      closeSnackbar(id)\n    }, [id, closeSnackbar])\n\n    // Convert custom variant to MUI severity\n    const severity = variantToSeverity[variant as keyof typeof variantToSeverity] || 'info' as MuiSeverity\n\n    return (\n      <Alert\n        ref={ref}\n        severity={severity}\n        onClose={handleDismiss}\n        icon={icon}\n        style={style}\n      >\n        {message}\n      </Alert>\n    )\n  }\n)\n","'use client'\nimport { enqueueSnackbar, useSnackbar } from 'notistack'\nimport { randomStrGenerator } from '@/_utils/_func/random'\nimport { AlertOptions, CollapsableAlertOptions, AlertOperationResult } from './types'\nimport { ALERT_VARIANTs, DEFAULTs } from './const'\n\ntype EnqueueFn = ReturnType<typeof useSnackbar>['enqueueSnackbar']\n\nfunction enqueueAlertWith(\n  enqueue: EnqueueFn,\n  {\n    message,\n    variant,\n    id = randomStrGenerator(10),\n    autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,\n    anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,\n    icon,\n    ...rest\n  }: AlertOptions\n): AlertOperationResult<string> {\n  try {\n    enqueue(message, {\n      variant,\n      anchorOrigin,\n      autoHideDuration,\n      key: id,\n      id,\n      icon,\n      ...rest,\n    })\n    return { success: true, data: id as string }\n  } catch (error) {\n    console.error('Failed to enqueue alert:', error)\n    return { success: false, error: (error instanceof Error ? error.message : 'Unknown error') }\n  }\n}\n\nfunction enqueueCollapsableWith(\n  enqueue: EnqueueFn,\n  {\n    id = randomStrGenerator(10),\n    autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,\n    anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,\n    componentProps = {},\n    componentWrapperProps = {\n      Renderer: () => null,\n    },\n    ...rest\n  }: CollapsableAlertOptions\n): AlertOperationResult<string> {\n  try {\n    enqueue({\n      variant: ALERT_VARIANTs.collapsable,\n      anchorOrigin,\n      autoHideDuration,\n      componentProps,\n      componentWrapperProps,\n      id,\n      ...rest,\n    })\n    return { success: true, data: id as string }\n  } catch (error) {\n    console.error('Failed to enqueue collapsable alert:', error)\n    return { success: false, error: (error instanceof Error ? error.message : 'Unknown error') }\n  }\n}\n\nexport function useAlert() {\n  const { enqueueSnackbar: enqueue, closeSnackbar } = useSnackbar()\n\n  const enqueueAlert = (options: AlertOptions) => enqueueAlertWith(enqueue, options)\n  const enqueueCollapsable = (options: CollapsableAlertOptions) => enqueueCollapsableWith(enqueue, options)\n  const enqueueError = (message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) =>\n    enqueueAlert({ variant: ALERT_VARIANTs.error, message, ...options })\n  const enqueueSuccess = (message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) =>\n    enqueueAlert({ variant: ALERT_VARIANTs.success, message, ...options })\n  const enqueueWarning = (message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) =>\n    enqueueAlert({ variant: ALERT_VARIANTs.warning, message, ...options })\n  const enqueueInfo = (message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) =>\n    enqueueAlert({ variant: ALERT_VARIANTs.info, message, ...options })\n  const enqueueSystem = (message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) =>\n    enqueueAlert({ variant: ALERT_VARIANTs.system, message, ...options })\n  const enqueueInsight = (message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) =>\n    enqueueAlert({ variant: ALERT_VARIANTs.insight, message, ...options })\n\n  return {\n    enqueueAlert,\n    enqueueCollapsable,\n    enqueueError,\n    enqueueSuccess,\n    enqueueWarning,\n    enqueueInfo,\n    enqueueSystem,\n    enqueueInsight,\n    closeSnackbar,\n  }\n}\n\nexport function enqueueAlert({\n  message,\n  variant,\n  id = randomStrGenerator(10),\n  autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,\n  anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,\n  icon,\n  ...rest\n}: AlertOptions): AlertOperationResult<string> {\n  return enqueueAlertWith(enqueueSnackbar, {\n    message,\n    variant,\n    id,\n    autoHideDuration,\n    anchorOrigin,\n    icon,\n    ...rest,\n  })\n}\n\nexport function enqueueCollapsable({\n  id = randomStrGenerator(10),\n  autoHideDuration = DEFAULTs.AUTO_HIDE_DURATION,\n  anchorOrigin = DEFAULTs.ANCHOR_ORIGIN,\n  componentProps = {},\n  componentWrapperProps = {\n    Renderer: () => null, \n  },\n  ...rest\n}: CollapsableAlertOptions): AlertOperationResult<string> {\n  return enqueueCollapsableWith(enqueueSnackbar, {\n    id,\n    autoHideDuration,\n    anchorOrigin,\n    componentProps,\n    componentWrapperProps,\n    ...rest,\n  })\n}\n\nexport function enqueueError(message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) {\n  return enqueueAlert({\n    variant: ALERT_VARIANTs.error,\n    message,\n    ...options\n  })\n}\n\nexport function enqueueSuccess(message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) {\n  return enqueueAlert({\n    variant: ALERT_VARIANTs.success,\n    message,\n    ...options\n  })\n}\n\nexport function enqueueWarning(message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) {\n  return enqueueAlert({\n    variant: ALERT_VARIANTs.warning,\n    message,\n    ...options\n  })\n}\n\nexport function enqueueInfo(message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) {\n  return enqueueAlert({\n    variant: ALERT_VARIANTs.info,\n    message,\n    ...options\n  })\n}\n\nexport function enqueueSystem(message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) {\n  return enqueueAlert({\n    variant: ALERT_VARIANTs.system,\n    message,\n    ...options\n  })\n}\n\nexport function enqueueInsight(message: string | React.ReactNode, options?: Omit<AlertOptions, 'message' | 'variant'>) {\n  return enqueueAlert({\n    variant: ALERT_VARIANTs.insight,\n    message,\n    ...options\n  })\n}\n","export const ALERT_VARIANTs = {\n  info: 'myInfo',\n  warning: 'myWarning',\n  success: 'mySuccess',\n  error: 'myError',\n  system: 'mySystem',\n  insight: 'myInsight',\n  collapsable: 'myCollapsable',\n} as const\n\nexport const DEFAULTs = {\n  AUTO_HIDE_DURATION: 3000,\n  ANCHOR_ORIGIN: { horizontal: \"right\" as const, vertical: \"top\" as const },\n  PROVIDER_CONFIGs: {\n    maxSnack: 3,\n    dense: true,\n    preventDuplicate: true,\n    autoHideDuration: 3000,\n  }\n} as const\n\nexport const ERRORs = {\n  invalid_variant: 'Invalid alert variant provided',\n  enqueue_failed: 'Failed to enqueue alert',\n  missing_message: 'Message is required for alert',\n  missing_component_props: 'Component props are required for collapsible alert',\n} as const\n","'use client'\nimport { forwardRef, useState, useCallback } from 'react'\nimport { CustomContentProps, useSnackbar } from 'notistack'\nimport CardActions from '@mui/material/CardActions'\nimport type { BoxProps } from '@mui/material/Box'\nimport { CardContainer } from '@/ele/Card'\nimport { Collapse } from '@/ele/Collapse'\nimport { IconButton } from '@/ele/Button'\nimport { Typography } from '@/ele/Typography'\nimport { Box } from '@/ele/Box'\nimport { ExpandMoreIcon, CloseIcon } from '@/icons/MuiIcon'\nimport { type CollapsableAlertOptions } from './_utils'\nimport { collapsableAlertRootSx } from './theme'\nimport { mergeSx } from '@/_utils/_func'\n\nexport const CollapsableAlert = forwardRef<HTMLDivElement, CustomContentProps & CollapsableAlertOptions>(\n  ({ id, componentProps, componentWrapperProps, style }, ref) => {\n    const [expanded, setExpanded] = useState(false)\n    const { closeSnackbar } = useSnackbar()\n\n    const handleExpandClick = useCallback(() => {\n      setExpanded((oldExpanded) => !oldExpanded)\n    }, [])\n\n    const handleDismiss = useCallback(() => {\n      closeSnackbar(id)\n    }, [id, closeSnackbar])\n\n    // Extract Renderer and other props following original pattern\n    const {\n      Renderer,\n      ...restCollapse\n    } = componentWrapperProps || {}\n\n    return (\n      <CardContainer \n        ref={ref}\n        style={style}\n        sx={mergeSx(collapsableAlertRootSx, {\n          \"&.MuiPaper-root\": {\n            background: 'var(--collapse-bg)',\n            backdropFilter: \"blur(9px)\",\n            transition: \"all 0.3s ease-in-out, color 0s\",\n            color: \"text.primary\",\n            height: \"fit-content\",\n            border: `1px solid var(--collapse-border)`,\n          },\n        })}\n      >\n        <CardActions \n          sx={{\n            justifyContent: \"space-between\",\n            padding: '4px 8px',\n          }}\n        >\n          <Typography\n            variant=\"body2\"\n            sx={{\n              color: \"var(--collapse-title-color)\",\n              paddingLeft: \"8px\",\n              fontWeight: 600\n            }}\n          >\n            {componentProps?.title || 'Alert Title'}\n          </Typography>\n          <Box sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 0.5,\n          }}>\n            <IconButton\n              aria-label=\"Show more\"\n              size=\"small\"\n              onClick={handleExpandClick}\n            >\n              <ExpandMoreIcon \n                style={{\n                  transform: expanded ? \"rotate(180deg)\" : \"rotate(0deg)\",\n                  transition: 'transform 0.3s ease-in-out'\n                }}\n                sx={{fontSize:\"1rem\"}}\n              />\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              aria-label=\"close\"\n              onClick={handleDismiss}\n            >\n              <CloseIcon sx={{fontSize:\"1rem\"}} />\n            </IconButton>\n          </Box>\n        </CardActions>\n        \n        <Collapse in={expanded} timeout=\"auto\" unmountOnExit>\n          {/* restCollapse holds caller-supplied BoxProps forwarded through componentWrapperProps */}\n          <Box\n            {...(restCollapse as BoxProps)}\n            sx={mergeSx((restCollapse as BoxProps).sx, { px:2, pb:2 })}\n          >\n            {Renderer && <Renderer {...componentProps} />}\n            {!Renderer && (\n              <Box sx={{ p: 2 }}>\n                {componentProps?.children || 'Collapsible content'}\n              </Box>\n            )}\n          </Box>\n        </Collapse>\n      </CardContainer>\n    )\n  }\n)\n","\nimport type { MuiComponentTheme } from '@/_utils/_types'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\n/**\n * Root-level CSS variable aliases for the CollapsableAlert compound element.\n * Declare here once — all child elements consume via `var(--*)`.\n */\nexport const collapsableAlertRootSx: SxProps<Theme> = {\n  '--collapse-bg': 'var(--mui-palette-container-bg-1)',\n  '--collapse-border': 'var(--mui-palette-border-1)',\n  '--collapse-title-color': 'var(--mui-palette-text-primary)',\n}\n\nexport const alertTheme = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '--alert-bgc': theme.palette.background.paper, // Default background color\n      '--alert-color': theme.palette.text.primary, // Default text color\n\n      whiteSpace: \"normal\", // Allow wrapping for custom components\n      alignItems: 'center', // Center content vertically\n      borderRadius: 'var(--mui-shape-borderRadius)', // Use theme border radius\n      backgroundColor: 'var(--alert-bgc)', // Use theme background color\n      color: 'var(--alert-color)', // Use theme text color\n      border: '1px solid var(--alert-color)', // Border using text color for contrast\n      \n      \"& .MuiAlert-icon\": {\n        color: \"var(--alert-icon-color, currentColor)\", // Use CSS variable for icon color\n        padding: '8px 0', \n      },\n      \"& .MuiAlert-message\": {\n        flex: 1, \n        width: '100%', // Ensure message takes width\n        padding: '8px 0',\n      },\n      \"& .MuiButtonBase-root\": {\n        '--button-color': 'var(--alert-icon-color)',\n      },\n\n      \"&.MuiAlert-standardError\": {\n        '--alert-icon-color': 'var(--mui-palette-error-main)',\n        '--alert-bgc': 'var(--mui-palette-error-background, var(--mui-palette-error-dark))',\n        '--alert-color': theme.palette.error.main,\n      },\n      \"&.MuiAlert-standardSuccess\": {\n        '--alert-icon-color': 'var(--mui-palette-success-main)',\n        '--alert-bgc': 'var(--mui-palette-success-background, var(--mui-palette-success-dark))',\n        '--alert-color': theme.palette.success.main,\n      },\n      \"&.MuiAlert-standardWarning\": {\n        '--alert-bgc': 'var(--mui-palette-warning-background, var(--mui-palette-warning-dark))', \n        '--alert-color': theme.palette.warning.main,\n        \"--alert-icon-color\": \"var(--mui-palette-warning-main)\",\n      },\n      \"&.MuiAlert-standardInfo\": {\n        '--alert-bgc': 'var(--mui-palette-info-background, var(--mui-palette-info-dark))',\n        '--alert-color': theme.palette.info.main,\n        \"--alert-icon-color\": \"var(--mui-palette-info-main)\",\n      },\n      \"&.MuiAlert-standardSystem\": {\n        '--alert-icon-color': 'var(--mui-palette-system-main)',\n        '--alert-bgc': 'var(--mui-palette-system-background, var(--mui-palette-system-dark))',\n        '--alert-color': theme.palette.system.main,\n      },\n      \"&.MuiAlert-standardInsight\": {\n        '--alert-icon-color': 'var(--mui-palette-insight-main)',\n        '--alert-bgc': 'var(--mui-palette-insight-background, var(--mui-palette-insight-dark))',\n        '--alert-color': theme.palette.insight.main,\n      },\n      \"&.MuiAlert-filledSystem\": {\n        '--alert-icon-color': 'var(--mui-palette-system-contrastText)',\n        '--alert-bgc': 'var(--mui-palette-Alert-systemFilledBg, var(--mui-palette-system-main))',\n        '--alert-color': 'var(--mui-palette-Alert-systemFilledColor, var(--mui-palette-system-contrastText))',\n      },\n      \"&.MuiAlert-filledInsight\": {\n        '--alert-icon-color': 'var(--mui-palette-insight-contrastText)',\n        '--alert-bgc': 'var(--mui-palette-Alert-insightFilledBg, var(--mui-palette-insight-main))',\n        '--alert-color': 'var(--mui-palette-Alert-insightFilledColor, var(--mui-palette-insight-contrastText))',\n      },\n      \"&.MuiAlert-outlinedSystem\": {\n        '--alert-icon-color': 'var(--mui-palette-system-main)',\n        '--alert-bgc': 'transparent',\n        '--alert-color': theme.palette.system.main,\n      },\n      \"&.MuiAlert-outlinedInsight\": {\n        '--alert-icon-color': 'var(--mui-palette-insight-main)',\n        '--alert-bgc': 'transparent',\n        '--alert-color': theme.palette.insight.main,\n      },\n    }),\n  },\n} as const satisfies MuiComponentTheme<\"MuiAlert\">\n"],"mappings":"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","names":["useSnackbar","enqueueAlert","enqueueCollapsable","enqueueError","enqueueSuccess","enqueueWarning","enqueueInfo","enqueueSystem","enqueueInsight","useSnackbar","forwardRef","useCallback","useSnackbar","jsx","forwardRef","useSnackbar","useCallback","default","jsx","AlertProvider"]}

package/dist/chunk-EW4DTFH3.mjs

@@ -0,0 +1,69 @@
+// src/components/elemental/Slider/src/Slider/index.ts
+import { default as default2 } from "@mui/material/Slider";
+
+// src/components/elemental/Slider/src/Slider/theme.tsx
+var sliderTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      color: "var(--mui-palette-primary-emphasis)"
+    },
+    rail: {
+      backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)"
+    },
+    track: {
+      border: "none",
+      backgroundColor: "currentColor"
+    },
+    thumb: {
+      width: "15px",
+      backgroundColor: "currentColor",
+      boxShadow: "none",
+      borderRadius: "5px",
+      "&:hover, &.Mui-focusVisible, &.Mui-active": {
+        boxShadow: "none"
+      }
+    },
+    mark: () => ({
+      backgroundColor: "var(--mui-palette-background-disabled)",
+      height: "3px",
+      width: "10px",
+      "&.MuiSlider-markActive": {
+        opacity: 1
+      }
+    }),
+    markLabel: {
+      color: "var(--mui-palette-text-secondary)",
+      "&.MuiSlider-markLabelActive": {
+        color: "var(--mui-palette-text-primary)"
+      }
+    },
+    valueLabel: {
+      lineHeight: 1,
+      fontSize: "9px",
+      background: "unset",
+      padding: 0,
+      width: "24px",
+      height: "24px",
+      borderRadius: "50% 50% 50% 0",
+      backgroundColor: "var(--mui-palette-warning-background)",
+      color: "var(--mui-palette-warning-dark)",
+      transformOrigin: "bottom left",
+      transform: "translate(50%, -100%) rotate(-45deg) scale(0)",
+      border: `1px solid var(--mui-palette-warning-dark)`,
+      "&::before": { display: "none" },
+      "&.MuiSlider-valueLabelOpen": {
+        transform: "translate(50%, -100%) rotate(-45deg) scale(1)"
+      },
+      "& > *": {
+        transform: "rotate(45deg)"
+      }
+    }
+  }
+};
+
+export {
+  sliderTheme,
+  default2 as default
+};
+//# sourceMappingURL=chunk-EW4DTFH3.mjs.map

package/dist/chunk-EW4DTFH3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Slider/src/Slider/index.ts","../src/components/elemental/Slider/src/Slider/theme.tsx"],"sourcesContent":["export {default as Slider} from '@mui/material/Slider'\nexport * from './theme'\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const sliderTheme = {\n  defaultProps: {\n  },\n  styleOverrides: {\n    root: {\n      color: 'var(--mui-palette-primary-emphasis)',\n    },\n    rail: {\n      backgroundColor: 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)',\n    },\n    track: {\n      border: 'none',\n      backgroundColor: 'currentColor',\n    },\n    thumb: {\n      width: \"15px\",\n      backgroundColor: 'currentColor',\n      boxShadow: \"none\",\n      borderRadius: '5px',\n      '&:hover, &.Mui-focusVisible, &.Mui-active': {\n        boxShadow: \"none\",\n      },\n    },\n    mark: () => ({\n      backgroundColor: 'var(--mui-palette-background-disabled)',\n      height: \"3px\",\n      width: \"10px\",\n      '&.MuiSlider-markActive': {\n        opacity: 1,\n      },\n    }),\n    markLabel: {\n      color: \"var(--mui-palette-text-secondary)\",\n      \"&.MuiSlider-markLabelActive\": {\n        color: \"var(--mui-palette-text-primary)\",\n      }\n    },\n    valueLabel: {\n      lineHeight: 1,\n      fontSize: \"9px\",\n      background: 'unset',\n      padding: 0,\n      width: \"24px\",\n      height: \"24px\",\n      borderRadius: '50% 50% 50% 0',\n      backgroundColor: \"var(--mui-palette-warning-background)\",\n      color: \"var(--mui-palette-warning-dark)\",\n      transformOrigin: 'bottom left',\n      transform: 'translate(50%, -100%) rotate(-45deg) scale(0)',\n      border: `1px solid var(--mui-palette-warning-dark)`,\n      '&::before': { display: 'none' },\n      '&.MuiSlider-valueLabelOpen': {\n        transform: 'translate(50%, -100%) rotate(-45deg) scale(1)',\n      },\n      '& > *': {\n        transform: 'rotate(45deg)',\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiSlider\">\n"],"mappings":";AAAA,SAAmB,WAAXA,gBAAwB;;;ACEzB,IAAM,cAAc;AAAA,EACzB,cAAc,CACd;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,iBAAiB;AAAA,IACnB;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,cAAc;AAAA,MACd,6CAA6C;AAAA,QAC3C,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,MAAM,OAAO;AAAA,MACX,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,0BAA0B;AAAA,QACxB,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,+BAA+B;AAAA,QAC7B,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,aAAa,EAAE,SAAS,OAAO;AAAA,MAC/B,8BAA8B;AAAA,QAC5B,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEF;","names":["default"]}

package/dist/chunk-FJ6ZGZIA.mjs

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __require,
+  __commonJS,
+  __export,
+  __toESM
+};
+//# sourceMappingURL=chunk-FJ6ZGZIA.mjs.map