@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-QFS5CENY.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/AlertStyleVariantContext.tsx","../src/components/compound/Alert/src/SoftAlertContent.tsx","../src/components/compound/Alert/src/theme.ts","../src/components/compound/Alert/src/CollapsableAlert.tsx","../src/components/compound/Alert/src/useToast.ts"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { SnackbarProvider, type SnackbarProviderProps } from 'notistack'\nimport { MuiAlertVariant } from './MuiAlertVariant'\nimport { CollapsableAlert } from './CollapsableAlert'\nimport { AlertStyleVariantContext } from './AlertStyleVariantContext'\nimport { ALERT_VARIANTs, DEFAULTs, type AlertStyleVariant } 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\nexport type AlertProviderProps = {\n  children: React.ReactNode\n  /**\n   * Default chrome for enqueued alerts when `styleVariant` is omitted.\n   * Soft = quiet glass (default); classic = filled MUI Alert.\n   * Per-call `styleVariant` always wins.\n   */\n  defaultStyleVariant?: AlertStyleVariant\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({\n  children,\n  defaultStyleVariant = DEFAULTs.STYLE_VARIANT,\n}: AlertProviderProps) {\n  return (\n    <AlertStyleVariantContext.Provider value={defaultStyleVariant}>\n      <SnackbarProvider\n        maxSnack={DEFAULTs.PROVIDER_CONFIGs.maxSnack}\n        anchorOrigin={DEFAULTs.ANCHOR_ORIGIN}\n        Components={ALERT_COMPONENTS}\n      >\n        {children}\n      </SnackbarProvider>\n    </AlertStyleVariantContext.Provider>\n  )\n})\n","'use client'\nimport { forwardRef, useCallback } from 'react'\nimport { useSnackbar, CustomContentProps } from 'notistack'\nimport Alert from '@mui/material/Alert'\nimport { Box } from '@/ele/Box'\nimport { Button } from '@/ele/Button'\n\nimport { type AlertOptions, ALERT_VARIANTs, DEFAULTs } from './_utils'\nimport { useAlertStyleVariantDefault } from './AlertStyleVariantContext'\nimport { SoftAlertContent } from './SoftAlertContent'\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 {\n      id,\n      message,\n      variant,\n      icon,\n      style,\n      styleVariant: styleVariantProp,\n      alertAction,\n      action: actionProp,\n    } = props as CustomContentProps & AlertOptions & { alertAction?: AlertOptions['action'] }\n    const action = alertAction ?? actionProp\n    const providerDefault = useAlertStyleVariantDefault()\n    const styleVariant = styleVariantProp ?? providerDefault ?? DEFAULTs.STYLE_VARIANT\n    const { closeSnackbar } = useSnackbar()\n\n    const handleDismiss = useCallback(() => {\n      closeSnackbar(id)\n    }, [id, closeSnackbar])\n\n    const handleAction = useCallback(() => {\n      action?.onClick()\n      closeSnackbar(id)\n    }, [action, closeSnackbar, id])\n\n    if (styleVariant === 'soft') {\n      return (\n        <SoftAlertContent\n          ref={ref}\n          {...props}\n          alertAction={action}\n        />\n      )\n    }\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        data-style-variant=\"classic\"\n        data-testid=\"classic-alert\"\n        action={\n          action ? (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Button\n                size=\"small\"\n                variant=\"text\"\n                onClick={handleAction}\n                sx={{\n                  minWidth: 'auto',\n                  color: 'var(--alert-icon-color, inherit)',\n                  textTransform: 'none',\n                  fontWeight: 600,\n                }}\n              >\n                {action.label}\n              </Button>\n            </Box>\n          ) : undefined\n        }\n      >\n        {message}\n      </Alert>\n    )\n  }\n)\n","'use client'\nimport React from 'react'\nimport { DEFAULTs, type AlertStyleVariant } from './_utils'\n\nexport const AlertStyleVariantContext = React.createContext<AlertStyleVariant>(\n  DEFAULTs.STYLE_VARIANT,\n)\n\nexport function useAlertStyleVariantDefault(): AlertStyleVariant {\n  return React.useContext(AlertStyleVariantContext)\n}\n","'use client'\nimport { forwardRef, useCallback } from 'react'\nimport { useSnackbar, type CustomContentProps } from 'notistack'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\nimport { Button, IconButton } from '@/ele/Button'\nimport {\n  AutoAwesomeRoundedIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  ErrorOutlineOutlinedIcon,\n  InfoOutlinedIcon,\n  SettingIcon,\n  WarningOutlinedIcon,\n} from '@/icons/MuiIcon'\nimport { ALERT_VARIANTs, type AlertAction, type AlertOptions } from './_utils'\nimport { softAlertAccentBarSx, softAlertIconSx, softAlertItemRootSx } from './theme'\n\nconst VARIANT_ICON = {\n  [ALERT_VARIANTs.success]: CheckCircleIcon,\n  [ALERT_VARIANTs.error]: ErrorOutlineOutlinedIcon,\n  [ALERT_VARIANTs.warning]: WarningOutlinedIcon,\n  [ALERT_VARIANTs.info]: InfoOutlinedIcon,\n  [ALERT_VARIANTs.system]: SettingIcon,\n  [ALERT_VARIANTs.insight]: AutoAwesomeRoundedIcon,\n  [ALERT_VARIANTs.collapsable]: InfoOutlinedIcon,\n} as const\n\nconst VARIANT_DATA = {\n  [ALERT_VARIANTs.success]: 'success',\n  [ALERT_VARIANTs.error]: 'error',\n  [ALERT_VARIANTs.warning]: 'warning',\n  [ALERT_VARIANTs.info]: 'info',\n  [ALERT_VARIANTs.system]: 'system',\n  [ALERT_VARIANTs.insight]: 'insight',\n  [ALERT_VARIANTs.collapsable]: 'info',\n} as const\n\nexport type SoftAlertContentProps = CustomContentProps &\n  Pick<AlertOptions, 'icon'> & {\n    /** Wired from AlertOptions.action via enqueue (lertAction avoids notistack SharedProps.action clash). */\n    alertAction?: AlertAction\n  }\n\n/**\n * Soft/quiet glass snackbar content — former Toast look, owned by Alert/notistack.\n */\nexport const SoftAlertContent = forwardRef<HTMLDivElement, SoftAlertContentProps>(\n  function SoftAlertContent(props, ref) {\n    const { id, message, variant, icon, style, alertAction: action } = props\n    const { closeSnackbar } = useSnackbar()\n\n    const handleDismiss = useCallback(() => {\n      closeSnackbar(id)\n    }, [id, closeSnackbar])\n\n    const handleAction = useCallback(() => {\n      action?.onClick()\n      closeSnackbar(id)\n    }, [action, closeSnackbar, id])\n\n    const Icon =\n      VARIANT_ICON[variant as keyof typeof VARIANT_ICON] ?? InfoOutlinedIcon\n    const dataVariant =\n      VARIANT_DATA[variant as keyof typeof VARIANT_DATA] ?? 'info'\n\n    return (\n      <Box\n        ref={ref}\n        role=\"status\"\n        aria-live=\"polite\"\n        data-variant={dataVariant}\n        data-style-variant=\"soft\"\n        data-testid=\"soft-alert\"\n        style={style}\n        sx={softAlertItemRootSx}\n      >\n        <Box sx={softAlertAccentBarSx} aria-hidden />\n        {icon === null ? null : icon !== undefined ? (\n          <Box sx={{ display: 'flex', flexShrink: 0, color: 'var(--soft-alert-accent)' }}>\n            {icon}\n          </Box>\n        ) : (\n          <Icon sx={softAlertIconSx} aria-hidden />\n        )}\n        <Box sx={{ flex: 1, minWidth: 0 }}>\n          {typeof message === 'string' ? (\n            <Typography variant=\"body2\" sx={{ m: 0, lineHeight: 1.4 }}>\n              {message}\n            </Typography>\n          ) : (\n            message\n          )}\n        </Box>\n        {action ? (\n          <Button\n            size=\"small\"\n            variant=\"text\"\n            onClick={handleAction}\n            sx={{\n              flexShrink: 0,\n              alignSelf: 'center',\n              minWidth: 'auto',\n              color: 'var(--soft-alert-accent)',\n              textTransform: 'none',\n              fontWeight: 600,\n              lineHeight: 1.25,\n            }}\n          >\n            {action.label}\n          </Button>\n        ) : null}\n        <IconButton\n          size=\"small\"\n          aria-label=\"Close\"\n          onClick={handleDismiss}\n          sx={{\n            flexShrink: 0,\n            alignSelf: 'center',\n            p: 0.25,\n            color: 'var(--mui-palette-text-secondary)',\n          }}\n        >\n          <CloseIcon sx={{ fontSize: '1rem' }} />\n        </IconButton>\n      </Box>\n    )\n  },\n)\n","import type { MuiComponentTheme } from '@/_utils/_types'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\n/**\n * Classic denser collapsable — solid paper sibling to soft glass.\n * Quiet border-1, subtle elevation, no harsh gray icon squares.\n */\nexport const collapsableAlertClassicRootSx: SxProps<Theme> = {\n  '--collapse-bg': 'var(--mui-palette-background-paper)',\n  '--collapse-border': 'var(--mui-palette-border-1)',\n  '--collapse-title-color': 'var(--mui-palette-text-primary)',\n  '--collapse-shadow':\n    '0 1px 2px rgba(15, 23, 42, 0.05), 0 2px 8px rgba(15, 23, 42, 0.04)',\n\n  pointerEvents: 'auto',\n  display: 'flex',\n  flexDirection: 'column',\n  minWidth: 280,\n  maxWidth: 'min(420px, calc(100vw - 24px))',\n  width: '100%',\n  borderRadius: '10px',\n  border: '1px solid var(--collapse-border)',\n  backgroundColor: 'var(--collapse-bg)',\n  color: 'var(--collapse-title-color)',\n  boxShadow: 'var(--collapse-shadow)',\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n\n  '[color-scheme=\"dark\"] &': {\n    '--collapse-bg': 'var(--mui-palette-container-bg-1, var(--mui-palette-background-paper))',\n    '--collapse-shadow':\n      '0 1px 2px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.16)',\n  },\n}\n\n/** @deprecated Use collapsableAlertClassicRootSx / collapsableAlertSoftRootSx. */\nexport const collapsableAlertRootSx = collapsableAlertClassicRootSx\n\n/**\n * Soft/quiet glass collapsable — matches SoftAlertContent language:\n * border-1, glass blur, soft night shadow, 12px radius. No harsh Paper squares.\n */\nexport const collapsableAlertSoftRootSx: SxProps<Theme> = {\n  '--collapse-bg': 'color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)',\n  '--collapse-border': 'var(--mui-palette-border-1)',\n  '--collapse-title-color': 'var(--mui-palette-text-primary)',\n  '--collapse-shadow':\n    '0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)',\n\n  pointerEvents: 'auto',\n  display: 'flex',\n  flexDirection: 'column',\n  minWidth: 280,\n  maxWidth: 'min(420px, calc(100vw - 24px))',\n  width: '100%',\n  borderRadius: '12px',\n  border: '1px solid var(--collapse-border)',\n  backgroundColor: 'var(--collapse-bg)',\n  color: 'var(--collapse-title-color)',\n  boxShadow: 'var(--collapse-shadow)',\n  backdropFilter: 'blur(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n\n  '[color-scheme=\"dark\"] &': {\n    '--collapse-shadow':\n      '0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14)',\n  },\n}\n\nexport const collapsableSoftHeaderSx: SxProps<Theme> = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 1,\n  px: 1.5,\n  py: 1.25,\n  minHeight: 40,\n}\n\n/** Classic denser header — solid, slightly taller hit area than soft. */\nexport const collapsableClassicHeaderSx: SxProps<Theme> = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 1,\n  px: 1.5,\n  py: 1.125,\n  minHeight: 44,\n}\n\n/** Ghost icon buttons — no gray square hit targets. */\nexport const collapsableSoftIconButtonSx: SxProps<Theme> = {\n  flexShrink: 0,\n  p: 0.25,\n  color: 'var(--mui-palette-text-secondary)',\n  backgroundColor: 'transparent',\n  borderRadius: '8px',\n  '&:hover': {\n    backgroundColor: 'color-mix(in srgb, var(--mui-palette-text-primary) 6%, transparent)',\n  },\n}\n\n/**\n * Classic denser ghost icons — still no harsh gray squares;\n * slightly stronger hover wash than soft.\n */\nexport const collapsableClassicIconButtonSx: SxProps<Theme> = {\n  flexShrink: 0,\n  p: 0.375,\n  color: 'var(--mui-palette-text-secondary)',\n  backgroundColor: 'transparent',\n  borderRadius: '8px',\n  '&:hover': {\n    backgroundColor: 'color-mix(in srgb, var(--mui-palette-text-primary) 8%, transparent)',\n    color: 'var(--mui-palette-text-primary)',\n  },\n}\n\nexport const collapsableSoftPanelSx: SxProps<Theme> = {\n  px: 1.5,\n  pb: 1.5,\n  pt: 0.75,\n  borderTop: '1px solid var(--collapse-border)',\n}\n\n/** Classic expand panel — quiet divider, denser tinted content area. */\nexport const collapsableClassicPanelSx: SxProps<Theme> = {\n  px: 1.5,\n  pb: 1.5,\n  pt: 1,\n  borderTop: '1px solid var(--collapse-border)',\n  backgroundColor:\n    'color-mix(in srgb, var(--mui-palette-text-primary) 2.5%, var(--collapse-bg))',\n}\n\n/**\n * Soft/quiet glass alert — matches former Toast chrome:\n * quiet border-1, glass blur, accent bar, soft night shadow. No thick severity outlines.\n */\nexport const softAlertItemRootSx: SxProps<Theme> = {\n  '--soft-alert-bg': 'color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)',\n  '--soft-alert-border': 'var(--mui-palette-border-1)',\n  '--soft-alert-fg': 'var(--mui-palette-text-primary)',\n  '--soft-alert-accent': 'var(--mui-palette-info-main)',\n  '--soft-alert-shadow':\n    '0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)',\n\n  pointerEvents: 'auto',\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  px: 1.5,\n  py: 1.25,\n  minWidth: 280,\n  maxWidth: 'min(420px, calc(100vw - 24px))',\n  borderRadius: '12px',\n  border: '1px solid var(--soft-alert-border)',\n  backgroundColor: 'var(--soft-alert-bg)',\n  color: 'var(--soft-alert-fg)',\n  boxShadow: 'var(--soft-alert-shadow)',\n  backdropFilter: 'blur(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  boxSizing: 'border-box',\n\n  '[color-scheme=\"dark\"] &': {\n    '--soft-alert-shadow':\n      '0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14)',\n  },\n\n  '&[data-variant=success]': {\n    '--soft-alert-accent': 'var(--mui-palette-success-main)',\n  },\n  '&[data-variant=error]': {\n    '--soft-alert-accent': 'var(--mui-palette-error-main)',\n  },\n  '&[data-variant=warning]': {\n    '--soft-alert-accent': 'var(--mui-palette-warning-main)',\n  },\n  '&[data-variant=info]': {\n    '--soft-alert-accent': 'var(--mui-palette-info-main)',\n  },\n  '&[data-variant=system]': {\n    '--soft-alert-accent': 'var(--mui-palette-system-main)',\n  },\n  '&[data-variant=insight]': {\n    '--soft-alert-accent': 'var(--mui-palette-insight-main)',\n  },\n}\n\nexport const softAlertAccentBarSx: SxProps<Theme> = {\n  width: 3,\n  alignSelf: 'stretch',\n  borderRadius: 2,\n  backgroundColor: 'var(--soft-alert-accent)',\n  flexShrink: 0,\n  opacity: 0.85,\n}\n\nexport const softAlertIconSx: SxProps<Theme> = {\n  color: 'var(--soft-alert-accent)',\n  fontSize: '1.25rem',\n  flexShrink: 0,\n}\n\n/** Classic MUI Alert severity fill + colored border (legacy notistack look). */\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","'use client'\nimport { forwardRef, useState, useCallback } from 'react'\nimport { CustomContentProps, useSnackbar } from 'notistack'\nimport type { BoxProps } from '@mui/material/Box'\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, DEFAULTs } from './_utils'\nimport { useAlertStyleVariantDefault } from './AlertStyleVariantContext'\nimport {\n  collapsableAlertClassicRootSx,\n  collapsableAlertSoftRootSx,\n  collapsableClassicHeaderSx,\n  collapsableClassicIconButtonSx,\n  collapsableClassicPanelSx,\n  collapsableSoftHeaderSx,\n  collapsableSoftIconButtonSx,\n  collapsableSoftPanelSx,\n} from './theme'\nimport { mergeSx } from '@/_utils/_func'\n\nexport const CollapsableAlert = forwardRef<\n  HTMLDivElement,\n  CustomContentProps & CollapsableAlertOptions\n>(function CollapsableAlert(\n  { id, componentProps, componentWrapperProps, style, styleVariant: styleVariantProp },\n  ref,\n) {\n  const [expanded, setExpanded] = useState(false)\n  const { closeSnackbar } = useSnackbar()\n  const providerDefault = useAlertStyleVariantDefault()\n  const styleVariant =\n    styleVariantProp ?? providerDefault ?? DEFAULTs.STYLE_VARIANT\n  const isSoft = styleVariant === 'soft'\n\n  const handleExpandClick = useCallback(() => {\n    setExpanded((oldExpanded) => !oldExpanded)\n  }, [])\n\n  const handleDismiss = useCallback(() => {\n    closeSnackbar(id)\n  }, [id, closeSnackbar])\n\n  const { Renderer, ...restCollapse } = componentWrapperProps || {}\n\n  const titleNode = componentProps?.title || 'Alert Title'\n\n  const iconButtonSx = isSoft\n    ? collapsableSoftIconButtonSx\n    : collapsableClassicIconButtonSx\n\n  const iconButtons = (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 0.25,\n        flexShrink: 0,\n      }}\n    >\n      <IconButton\n        aria-label=\"Show more\"\n        size=\"small\"\n        onClick={handleExpandClick}\n        sx={iconButtonSx}\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        sx={iconButtonSx}\n      >\n        <CloseIcon sx={{ fontSize: '1rem' }} />\n      </IconButton>\n    </Box>\n  )\n\n  const body = (\n    <Collapse in={expanded} timeout=\"auto\" unmountOnExit>\n      <Box\n        {...(restCollapse as BoxProps)}\n        sx={mergeSx(\n          isSoft ? collapsableSoftPanelSx : collapsableClassicPanelSx,\n          (restCollapse as BoxProps).sx,\n        )}\n      >\n        {Renderer ? <Renderer {...componentProps} /> : null}\n        {!Renderer && (\n          <Box sx={{ py: 0.25 }}>\n            {componentProps?.children || 'Collapsible content'}\n          </Box>\n        )}\n      </Box>\n    </Collapse>\n  )\n\n  return (\n    <Box\n      ref={ref}\n      style={style}\n      role=\"status\"\n      aria-live=\"polite\"\n      data-style-variant={isSoft ? 'soft' : 'classic'}\n      data-testid={isSoft ? 'collapsable-alert-soft' : 'collapsable-alert-classic'}\n      sx={isSoft ? collapsableAlertSoftRootSx : collapsableAlertClassicRootSx}\n    >\n      <Box sx={isSoft ? collapsableSoftHeaderSx : collapsableClassicHeaderSx}>\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: 'var(--collapse-title-color)',\n            fontWeight: 600,\n            lineHeight: 1.4,\n            m: 0,\n            minWidth: 0,\n            flex: 1,\n          }}\n        >\n          {titleNode}\n        </Typography>\n        {iconButtons}\n      </Box>\n      {body}\n    </Box>\n  )\n})\n","'use client'\nimport { useCallback } from 'react'\nimport { useSnackbar } from 'notistack'\nimport { toast } from './toast'\nimport type { ToastOptions, ToastShowOptions } from './toast'\nimport type { ReactNode } from 'react'\n\n/**\n * Hook mirror of the imperative `toast` soft-Alert alias.\n * @deprecated Prefer `useAlert` with default soft styleVariant.\n */\nexport function useToast() {\n  const { closeSnackbar } = useSnackbar()\n\n  const show = useCallback(\n    (message: ReactNode, options?: ToastShowOptions) => toast.show(message, options),\n    [],\n  )\n  const success = useCallback(\n    (message: ReactNode, options?: ToastOptions) => toast.success(message, options),\n    [],\n  )\n  const error = useCallback(\n    (message: ReactNode, options?: ToastOptions) => toast.error(message, options),\n    [],\n  )\n  const info = useCallback(\n    (message: ReactNode, options?: ToastOptions) => toast.info(message, options),\n    [],\n  )\n  const warning = useCallback(\n    (message: ReactNode, options?: ToastOptions) => toast.warning(message, options),\n    [],\n  )\n  const dismiss = useCallback((id?: string) => closeSnackbar(id), [closeSnackbar])\n  const dismissAll = useCallback(() => closeSnackbar(), [closeSnackbar])\n\n  return {\n    show,\n    success,\n    error,\n    info,\n    warning,\n    dismiss,\n    dismissAll,\n  }\n}\n"],"mappings":"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","names":["React","forwardRef","useCallback","useSnackbar","default","SoftAlertContent","jsx","forwardRef","useSnackbar","useCallback","default","forwardRef","useCallback","useSnackbar","jsx","jsxs","forwardRef","CollapsableAlert","useSnackbar","useCallback","default","jsx","React","AlertProvider","useCallback","useSnackbar","useSnackbar","useCallback"]}

package/dist/chunk-RSN7NH2J.mjs

@@ -0,0 +1,250 @@
+import {
+  Button
+} from "./chunk-D4XPNSSI.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+
+// src/components/compound/Confirm/src/ConfirmDialog.tsx
+import { useCallback, useEffect, useId } from "react";
+
+// src/components/compound/Confirm/src/theme.ts
+var confirmPaperSx = {
+  "--confirm-bg": "var(--mui-palette-background-paper)",
+  "--confirm-border": "var(--mui-palette-border-1)",
+  "--confirm-shadow": "var(--mui-palette-shadow-outset-1, 0 8px 28px rgba(0,0,0,0.12))",
+  outline: "none",
+  width: "min(420px, calc(100vw - 32px))",
+  maxWidth: "95vw",
+  borderRadius: "16px",
+  border: "1px solid var(--confirm-border)",
+  backgroundColor: "var(--confirm-bg)",
+  boxShadow: "var(--confirm-shadow)",
+  p: 2.5,
+  display: "flex",
+  flexDirection: "column",
+  gap: 1.5,
+  boxSizing: "border-box"
+};
+var confirmBackdropSx = {
+  position: "fixed",
+  inset: 0,
+  zIndex: (theme) => theme.zIndex.modal,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  p: 2,
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-common-black, #000) 36%, transparent)",
+  backdropFilter: "blur(2px)"
+};
+
+// src/components/compound/Confirm/src/ConfirmDialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  title,
+  body,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  danger = false,
+  loading = false,
+  onConfirm,
+  onCancel
+}) {
+  const titleId = useId();
+  const bodyId = useId();
+  const cancelBtnId = useId();
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!open) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!loading) onCancel();
+      }
+    },
+    [open, loading, onCancel]
+  );
+  useEffect(() => {
+    if (!open) return;
+    document.addEventListener("keydown", handleKeyDown, true);
+    const t = window.setTimeout(() => {
+      document.getElementById(cancelBtnId)?.focus();
+    }, 0);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown, true);
+      window.clearTimeout(t);
+    };
+  }, [open, handleKeyDown, cancelBtnId]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      role: "presentation",
+      sx: confirmBackdropSx,
+      onClick: (e) => {
+        if (e.target === e.currentTarget && !loading) onCancel();
+      },
+      "data-testid": "confirm-backdrop",
+      children: /* @__PURE__ */ jsxs(
+        default2,
+        {
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": titleId,
+          "aria-describedby": body ? bodyId : void 0,
+          sx: confirmPaperSx,
+          "data-testid": "confirm-dialog",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(
+              default3,
+              {
+                id: titleId,
+                variant: "h6",
+                component: "h2",
+                sx: { m: 0, fontSize: "1.05rem", fontWeight: 600 },
+                children: title
+              }
+            ),
+            body ? /* @__PURE__ */ jsx(
+              default3,
+              {
+                id: bodyId,
+                variant: "body2",
+                color: "text.secondary",
+                sx: { m: 0 },
+                children: body
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs(
+              default2,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "flex-end",
+                  gap: 1,
+                  mt: 0.5
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      id: cancelBtnId,
+                      variant: "outlined",
+                      color: "inherit",
+                      onClick: onCancel,
+                      disabled: loading,
+                      sx: {
+                        textTransform: "none",
+                        borderColor: "var(--mui-palette-border-1)"
+                      },
+                      children: cancelLabel
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "contained",
+                      color: danger ? "error" : "primary",
+                      onClick: onConfirm,
+                      disabled: loading,
+                      sx: { textTransform: "none" },
+                      children: confirmLabel
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/compound/Confirm/src/ConfirmProvider.tsx
+import { useCallback as useCallback2, useSyncExternalStore } from "react";
+
+// src/components/compound/Confirm/src/confirmBus.ts
+var current = null;
+var listeners = /* @__PURE__ */ new Set();
+function emit() {
+  listeners.forEach((l) => l(current));
+}
+function subscribeConfirm(listener) {
+  listeners.add(listener);
+  listener(current);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getConfirmRequest() {
+  return current;
+}
+function requestConfirm(options) {
+  if (current) {
+    current.resolve(false);
+  }
+  return new Promise((resolve) => {
+    current = { ...options, resolve };
+    emit();
+  });
+}
+function settleConfirm(value) {
+  if (!current) return;
+  const req = current;
+  current = null;
+  emit();
+  req.resolve(value);
+}
+
+// src/components/compound/Confirm/src/ConfirmProvider.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ConfirmProvider({ children }) {
+  const request = useSyncExternalStore(
+    subscribeConfirm,
+    getConfirmRequest,
+    getConfirmRequest
+  );
+  const onConfirm = useCallback2(() => settleConfirm(true), []);
+  const onCancel = useCallback2(() => settleConfirm(false), []);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsx2(
+      ConfirmDialog,
+      {
+        open: !!request,
+        title: request?.title ?? "",
+        body: request?.body,
+        confirmLabel: request?.confirmLabel,
+        cancelLabel: request?.cancelLabel,
+        danger: request?.danger,
+        onConfirm,
+        onCancel
+      }
+    )
+  ] });
+}
+
+// src/components/compound/Confirm/src/confirm.ts
+function confirm(options) {
+  return requestConfirm(options);
+}
+
+// src/components/compound/Confirm/src/useConfirm.ts
+import { useCallback as useCallback3 } from "react";
+function useConfirm() {
+  return useCallback3((options) => confirm(options), []);
+}
+
+export {
+  ConfirmDialog,
+  ConfirmProvider,
+  confirm,
+  useConfirm
+};
+//# sourceMappingURL=chunk-RSN7NH2J.mjs.map

package/dist/chunk-RSN7NH2J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/Confirm/src/ConfirmDialog.tsx","../src/components/compound/Confirm/src/theme.ts","../src/components/compound/Confirm/src/ConfirmProvider.tsx","../src/components/compound/Confirm/src/confirmBus.ts","../src/components/compound/Confirm/src/confirm.ts","../src/components/compound/Confirm/src/useConfirm.ts"],"sourcesContent":["'use client'\nimport { useCallback, useEffect, useId } from 'react'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\nimport { Button } from '@/ele/Button'\nimport type { ConfirmDialogProps } from './types'\nimport { confirmBackdropSx, confirmPaperSx } from './theme'\n\n/**\n * Soft confirm modal. Esc and Cancel resolve as cancel.\n * Use controlled props, or the promise-style `confirm()` helper.\n */\nexport function ConfirmDialog({\n  open,\n  title,\n  body,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  danger = false,\n  loading = false,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const titleId = useId()\n  const bodyId = useId()\n  const cancelBtnId = useId()\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!open) return\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        event.stopPropagation()\n        if (!loading) onCancel()\n      }\n    },\n    [open, loading, onCancel],\n  )\n\n  useEffect(() => {\n    if (!open) return\n    document.addEventListener('keydown', handleKeyDown, true)\n    const t = window.setTimeout(() => {\n      document.getElementById(cancelBtnId)?.focus()\n    }, 0)\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, true)\n      window.clearTimeout(t)\n    }\n  }, [open, handleKeyDown, cancelBtnId])\n\n  if (!open) return null\n\n  return (\n    <Box\n      role=\"presentation\"\n      sx={confirmBackdropSx}\n      onClick={(e) => {\n        if (e.target === e.currentTarget && !loading) onCancel()\n      }}\n      data-testid=\"confirm-backdrop\"\n    >\n      <Box\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={body ? bodyId : undefined}\n        sx={confirmPaperSx}\n        data-testid=\"confirm-dialog\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h2\"\n          sx={{ m: 0, fontSize: '1.05rem', fontWeight: 600 }}\n        >\n          {title}\n        </Typography>\n        {body ? (\n          <Typography\n            id={bodyId}\n            variant=\"body2\"\n            color=\"text.secondary\"\n            sx={{ m: 0 }}\n          >\n            {body}\n          </Typography>\n        ) : null}\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'flex-end',\n            gap: 1,\n            mt: 0.5,\n          }}\n        >\n          <Button\n            id={cancelBtnId}\n            variant=\"outlined\"\n            color=\"inherit\"\n            onClick={onCancel}\n            disabled={loading}\n            sx={{\n              textTransform: 'none',\n              borderColor: 'var(--mui-palette-border-1)',\n            }}\n          >\n            {cancelLabel}\n          </Button>\n          <Button\n            variant=\"contained\"\n            color={danger ? 'error' : 'primary'}\n            onClick={onConfirm}\n            disabled={loading}\n            sx={{ textTransform: 'none' }}\n          >\n            {confirmLabel}\n          </Button>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\n\n/** Soft confirm modal surface — quiet border, soft radius. */\nexport const confirmPaperSx: SxProps<Theme> = {\n  '--confirm-bg': 'var(--mui-palette-background-paper)',\n  '--confirm-border': 'var(--mui-palette-border-1)',\n  '--confirm-shadow': 'var(--mui-palette-shadow-outset-1, 0 8px 28px rgba(0,0,0,0.12))',\n\n  outline: 'none',\n  width: 'min(420px, calc(100vw - 32px))',\n  maxWidth: '95vw',\n  borderRadius: '16px',\n  border: '1px solid var(--confirm-border)',\n  backgroundColor: 'var(--confirm-bg)',\n  boxShadow: 'var(--confirm-shadow)',\n  p: 2.5,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1.5,\n  boxSizing: 'border-box',\n}\n\nexport const confirmBackdropSx: SxProps<Theme> = {\n  position: 'fixed',\n  inset: 0,\n  zIndex: (theme) => theme.zIndex.modal,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  p: 2,\n  backgroundColor: 'color-mix(in srgb, var(--mui-palette-common-black, #000) 36%, transparent)',\n  backdropFilter: 'blur(2px)',\n}\n","'use client'\nimport React, { useCallback, useSyncExternalStore } from 'react'\nimport { ConfirmDialog } from './ConfirmDialog'\nimport {\n  getConfirmRequest,\n  settleConfirm,\n  subscribeConfirm,\n} from './confirmBus'\n\nexport type ConfirmProviderProps = {\n  children?: React.ReactNode\n}\n\n/**\n * Host for the imperative confirm() helper.\n */\nexport function ConfirmProvider({ children }: ConfirmProviderProps) {\n  const request = useSyncExternalStore(\n    subscribeConfirm,\n    getConfirmRequest,\n    getConfirmRequest,\n  )\n\n  const onConfirm = useCallback(() => settleConfirm(true), [])\n  const onCancel = useCallback(() => settleConfirm(false), [])\n\n  return (\n    <>\n      {children}\n      <ConfirmDialog\n        open={!!request}\n        title={request?.title ?? ''}\n        body={request?.body}\n        confirmLabel={request?.confirmLabel}\n        cancelLabel={request?.cancelLabel}\n        danger={request?.danger}\n        onConfirm={onConfirm}\n        onCancel={onCancel}\n      />\n    </>\n  )\n}\n","import type { ConfirmOptions, ConfirmRequest } from './types'\n\ntype Listener = (request: ConfirmRequest | null) => void\n\nlet current: ConfirmRequest | null = null\nconst listeners = new Set<Listener>()\n\nfunction emit() {\n  listeners.forEach((l) => l(current))\n}\n\nexport function subscribeConfirm(listener: Listener): () => void {\n  listeners.add(listener)\n  listener(current)\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\nexport function getConfirmRequest(): ConfirmRequest | null {\n  return current\n}\n\nexport function requestConfirm(options: ConfirmOptions): Promise<boolean> {\n  // Resolve any pending confirm as cancelled when a new one opens\n  if (current) {\n    current.resolve(false)\n  }\n\n  return new Promise<boolean>((resolve) => {\n    current = { ...options, resolve }\n    emit()\n  })\n}\n\nexport function settleConfirm(value: boolean) {\n  if (!current) return\n  const req = current\n  current = null\n  emit()\n  req.resolve(value)\n}\n","import { requestConfirm } from './confirmBus'\nimport type { ConfirmOptions } from './types'\n\n/**\n * Promise-style confirm. Resolves true on primary, false on Cancel/Esc/backdrop.\n * Requires ConfirmProvider (mounted by ThemeProvider by default).\n *\n * @example\n * const ok = await confirm({ title: 'Delete?', body: 'Cannot undo.', danger: true })\n */\nexport function confirm(options: ConfirmOptions): Promise<boolean> {\n  return requestConfirm(options)\n}\n","'use client'\nimport { useCallback } from 'react'\nimport { confirm } from './confirm'\nimport type { ConfirmOptions } from './types'\n\nexport function useConfirm() {\n  return useCallback((options: ConfirmOptions) => confirm(options), [])\n}\n"],"mappings":"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","names":["default","useCallback","jsx","jsxs","useCallback","useCallback","useCallback"]}

package/dist/{chunk-UDREPVEY.mjs → chunk-RVSMEZE3.mjs}

@@ -1,6 +1,9 @@
+import {
+  require_classnames
+} from "./chunk-2FK24ZPJ.mjs";
 import {
   CLASSNAMEs
-} from "./chunk-CWFWRZWU.mjs";
+} from "./chunk-KSN33A6I.mjs";
 import {
   ShinyPaper_default
 } from "./chunk-3VUAM2GY.mjs";
@@ -8,85 +11,25 @@ import {
   doodlePatternCssVars,
   getDoodlePatternModalBackgroundSx
 } from "./chunk-UMJ5SCIQ.mjs";
-import {
-  IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
 import {
   default54 as default3
 } from "./chunk-ZVFYOXDE.mjs";
+import {
+  IconButton_default
+} from "./chunk-D4XPNSSI.mjs";
 import {
   Header
 } from "./chunk-4RPFRNXG.mjs";
 import {
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 import {
-  __commonJS,
   __toESM
 } from "./chunk-FJ6ZGZIA.mjs";
 
-// node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "node_modules/classnames/index.js"(exports, module) {
-    "use strict";
-    (function() {
-      "use strict";
-      var hasOwn = {}.hasOwnProperty;
-      function classNames() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (typeof module !== "undefined" && module.exports) {
-        classNames.default = classNames;
-        module.exports = classNames;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames;
-        });
-      } else {
-        window.classNames = classNames;
-      }
-    })();
-  }
-});
-
 // src/components/elemental/Modal/src/index.ts
 import { default as default4 } from "@mui/material/Modal";
 
@@ -344,13 +287,4 @@ export {
   MuiModal,
   default4 as default
 };
-/*! Bundled license information:
-
-classnames/index.js:
-  (*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  *)
-*/
-//# sourceMappingURL=chunk-UDREPVEY.mjs.map
+//# sourceMappingURL=chunk-RVSMEZE3.mjs.map

package/dist/chunk-RVSMEZE3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Modal/src/index.ts","../src/components/elemental/Modal/src/MuiModal/MuiModal.tsx","../src/_utils/_const/index.ts","../src/components/elemental/Modal/src/MuiModal/theme.ts"],"sourcesContent":["export { default as Modal } from '@mui/material/Modal'\nexport * from './MuiModal'\n","'use client'\nimport React, { useCallback, useMemo } from 'react'\nimport Modal, { type ModalProps } from '@mui/material/Modal'\nimport type { SxProps } from '@mui/material';\nimport type { Theme } from '@mui/material/styles';\nimport { useTheme, useMediaQuery } from '@mui/material';\nimport classnames from 'classnames';\nimport { CLASSNAMEs } from '@/_utils/_const/classNames';\nimport Tooltip from '@mui/material/Tooltip'\nimport { CloseIcon } from '@/icons/MuiIcon'\n\nimport { COMPONENTs } from '@/_utils/_const'\nimport { mergeSx } from '@/_utils/_func'\nimport { Box as Box } from '@/ele/Box'\nimport { Header as MuiHeader } from '@/ele/Typography'\nimport { ShinyPaper as MuiPaper } from '@/ele/Paper'\nimport { IconButton } from '@/ele/Button'\nimport { getDoodlePatternModalBackgroundSx } from '@/patterns'\nimport { MUI_MODAL_PAPER_RADIUS, muiModalPaperSx, muiModalRootSx } from './theme'\n\n/**\n * extended from Mui Modal\n * \n * [Doc](https://mui.com/material-ui/api/modal/)\n * \n * @param openProps - [open, setOpen]\n */\nexport default function MuiModal({\n  children,\n  openProps,\n  size = {\n    w: 'auto',\n    h: 'auto',\n  },\n  maxHeight = '95vh', maxWidth = '95vw',\n\n  onClose = () => { },\n  title = \"\",\n  titleIcon = null,\n  closeButton = null,\n  slots,\n  slotProps,\n  ...rest\n}: {\n  children?: React.ReactNode;\n  openProps: [\n    boolean, // open\n    (React.Dispatch<React.SetStateAction<boolean>> | React.Dispatch<boolean>) // setOpen\n  ];\n  size?: {\n    w?: string | number;\n    h?: string | number;\n  },\n  maxHeight?: string | number;\n  maxWidth?: string | number;\n  onClose?: () => void;\n  title?: string;\n  titleIcon?: React.ReactNode;\n  closeButton?: React.ReactNode;\n\n  slots?: {\n    closeButton?: React.ElementType;\n    closeIcon?: React.ElementType;\n  };\n  slotProps?: {\n    container?: {\n      style?: {\n        bgColor?: string;\n        shadow?: string;\n      },\n      sx?: SxProps<Theme>;\n    },\n    header?: {\n      style?: {\n        headerImg: string;\n      }\n    },\n    closeButton?: Partial<React.ComponentProps<typeof IconButton>> & {\n      closeIcon?: Partial<React.ComponentProps<typeof CloseIcon>>;\n    };\n  };\n} & Omit<ModalProps, \"open\" | \"title\">) {\n  const [open, setOpen] = openProps\n\n  // responsive behavior: on small screens modal should occupy nearly full\n  // viewport automatically so users are not staring at a tiny dialog.\n  const theme = useTheme();\n  const isSmDown = useMediaQuery(theme.breakpoints.down('sm'));\n  const effectiveSize = useMemo(() => {\n    if (isSmDown) {\n      return { width: 'calc(100vw - 2%)', height: 'calc(100vh - 2%)' };\n    }\n    return {\n      width: size.w || 'auto',\n      height: size.h || 'auto',\n    };\n  }, [isSmDown, size.w, size.h]);\n\n  const { \n    closeButton: CloseButtonSlot = IconButton,\n    closeIcon: CloseIconSlot = CloseIcon,\n  } = slots || {};\n\n  const {\n    closeButton: closeButtonAllProps,\n  } = slotProps || {};\n\n  const { closeIcon: closeIconProps, ...closeButtonProps } = closeButtonAllProps || {sx:{}};\n\n  /**\n   * Internal close handler that ensures modal state is updated\n   */\n  const handleClose = useCallback(() => {\n    // If setOpen is available (it should be from openProps), use it\n    if (typeof setOpen === 'function') {\n      setOpen(false);\n    }\n    // Also call generic onClose if provided\n    onClose?.();\n  }, [setOpen, onClose]);\n\n  /**\n   * Determine the close button to render\n   * If closeButton is provided, use it\n   * Otherwise generate a default IconButton that triggers handleClose\n   */\n  const renderCloseButton = useMemo(() => {\n    if (closeButton) return closeButton;\n    \n    return (\n      <CloseButtonSlot onClick={handleClose} size=\"small\" aria-label=\"close\" {...closeButtonProps} sx={{\n        padding: 0,\n        ...closeButtonProps?.sx,\n      }}>\n        <CloseIconSlot\n          {...closeIconProps}\n          fontSize=\"1rem\"\n          sx={{\n            color: 'var(--closeIconColor)',\n            ...closeIconProps?.sx,\n          }}\n        />\n      </CloseButtonSlot>\n    );\n  }, [closeButton, handleClose, CloseButtonSlot, CloseIconSlot, closeButtonProps, closeIconProps]);\n\n  // ensure the elemental modal classname is always present so tests can target it\n  const modalClass = classnames(CLASSNAMEs.elemental.modal, rest.className);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className={modalClass}\n      {...rest}\n      sx={{\n        zIndex: COMPONENTs.modal.zIndex,\n        padding: \"1%\",\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        background: 'transparent',\n\n        // backdropFilter: 'blur(5px)', // causing performance issues when blurring large areas\n      }}\n\n    >\n      <Box\n        style={{\n          \"--w\": effectiveSize.width,\n          \"--h\": effectiveSize.height,\n          \"--max-h\": maxHeight,\n          \"--max-w\": maxWidth,\n          ...(slotProps?.header?.style?.headerImg\n            ? { '--headerImg': slotProps.header.style.headerImg }\n            : {}),\n          ...(slotProps?.container?.style?.bgColor\n            ? { '--bgC': slotProps.container.style.bgColor }\n            : {}),\n          ...(slotProps?.container?.style?.shadow\n            ? { '--shadow': slotProps.container.style.shadow }\n            : {}),\n        } as React.CSSProperties}\n        sx={mergeSx(muiModalRootSx, {\n          display: \"flex\",\n          justifyContent: \"center\",\n          height: {xs: 'calc(100vh - 2%)', md: 'var(--h)'},\n          width: {xs: 'calc(100vw - 2%)', md: 'var(--w)'},\n          borderRadius: MUI_MODAL_PAPER_RADIUS,\n        })}>\n        <MuiPaper sx={mergeSx(muiModalPaperSx, slotProps?.container?.sx)}>\n          <BackgroundContainer overridePatternUrl={slotProps?.header?.style?.headerImg}>\n            <MuiModalHeader\n              title={title}\n              titleIcon={titleIcon}\n              closeButton={renderCloseButton}\n            />\n\n            <Box sx={{\n              padding: \"16px\",\n              paddingTop: \"8px\",\n              flexGrow: 1,\n              height: '-webkit-fill-available',\n              overflow: 'hidden',\n              display: 'flex',\n              flexDirection: 'column',\n            }}>\n              {children}\n            </Box>\n          </BackgroundContainer>\n        </MuiPaper>\n      </Box>\n    </Modal>\n  )\n}\n\n/**\n * Background container for the modal\n * it places a background image and a gradient overlay\n */\nfunction BackgroundContainer({ children, overridePatternUrl }: {\n  children?: React.ReactNode;\n  overridePatternUrl?: string;\n}) {\n  const isDefaultPattern = !overridePatternUrl;\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        flexGrow: 1,\n        borderRadius: MUI_MODAL_PAPER_RADIUS,\n        position: 'relative',\n      }}>\n      <Box \n        sx={{\n          position: 'absolute',\n          inset: 0,\n          pointerEvents: 'none',\n          \n          ...(isDefaultPattern\n            ? getDoodlePatternModalBackgroundSx()\n            : {\n                backgroundImage: 'var(--headerImg)',\n                backgroundSize: '27px',\n              }),\n          opacity: 0.2,\n        }} \n      />\n      <Box sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        flexGrow: 1,\n        borderRadius: MUI_MODAL_PAPER_RADIUS,\n        position: 'relative',\n        zIndex: 1,\n\n        // Circular gradient overlay\n        background: 'var(--modalOverlayBg)',\n      }}>\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nfunction MuiModalHeader({\n  title = '',\n  titleIcon = null,\n  closeButton = null,\n}: {\n  title?: string;\n  titleIcon?: React.ReactNode;\n  closeButton?: React.ReactNode;\n}) {\n  return (\n    <Box sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      position: 'relative',\n    }}>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          paddingTop: 1,\n          gap: 1,\n          maxWidth: '50%',\n        }}\n      >\n        <MuiHeader\n          sx={{\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n            whiteSpace: 'pre',\n          }}\n        >\n          {title}\n        </MuiHeader>\n        {titleIcon && (\n          <MuiHeader sx={{ display: 'flex', flexShrink: 0, }}>\n            <Tooltip title=\"Icon\" arrow>\n              <span>{titleIcon}</span>\n            </Tooltip>\n          </MuiHeader>\n        )}\n      </Box>\n\n      {closeButton && (\n        <Box sx={{ position: 'absolute', right: '8px', top: '4px' }}>{closeButton}</Box>\n      )}\n    </Box>\n\n  );\n};\n\n","export const COMPONENTs = {\n  modal:{\n    zIndex: 1300,\n  }\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\nimport { doodlePatternCssVars } from '@/patterns/doodlePatternStyles'\n\nexport const MUI_MODAL_PAPER_RADIUS = '20px'\n\nexport const muiModalRootSx: SxProps<Theme> = {\n  ...doodlePatternCssVars,\n  '--closeIconColor': 'var(--mui-palette-error-main)',\n  '--bgC': 'var(--mui-palette-background-default)',\n  '--shadow': 'var(--shadow-outset-1)',\n  '--modalOverlayBg': 'radial-gradient(ellipse 120% 100% at 50% 50%, var(--bgC) 0%, transparent 70%)',\n}\n\n/** Internal paper chrome. Pass as the first `sx` array item so host `slotProps.container.sx` merges instead of replacing `&.MuiPaper-root`. */\nexport const muiModalPaperSx: SxProps<Theme> = {\n  '&.MuiPaper-root': {\n    boxShadow: 'var(--shadow)',\n    backgroundColor: 'var(--bgC)',\n    borderRadius: MUI_MODAL_PAPER_RADIUS,\n    display: 'flex',\n    flexDirection: 'column',\n    maxHeight: 'var(--max-h)',\n    maxWidth: 'var(--max-w)',\n    padding: 0,\n    paddingTop: 0,\n    width: '-webkit-fill-available',\n    height: '-webkit-fill-available',\n  },\n}\n"],"mappings":"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","names":["default","default","classnames"]}

package/dist/{chunk-SRWPHN2N.mjs → chunk-S64IYJ6Y.mjs}

@@ -1,6 +1,6 @@
 import {
   IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
+} from "./chunk-D4XPNSSI.mjs";
 
 // src/components/elemental/Timeline/MuiTimeline/MuiTimeline.tsx
 import Timeline from "@mui/lab/Timeline";
@@ -185,4 +185,4 @@ export {
   MuiTLContainer,
   MuiTLItem
 };
-//# sourceMappingURL=chunk-SRWPHN2N.mjs.map
+//# sourceMappingURL=chunk-S64IYJ6Y.mjs.map

package/dist/{chunk-ZG3NQI77.mjs → chunk-SMD7OEUW.mjs}

@@ -10,12 +10,14 @@ import {
 } from "./chunk-MDAUF7IL.mjs";
 import {
   IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
+} from "./chunk-D4XPNSSI.mjs";
 import {
   BorderBox_default,
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 
 // src/components/elemental/Input/src/PopperInput/PopperInput.tsx
 import { useState, forwardRef, useImperativeHandle } from "react";
@@ -350,4 +352,4 @@ export {
   StackInput_default,
   LineInput_default
 };
-//# sourceMappingURL=chunk-ZG3NQI77.mjs.map
+//# sourceMappingURL=chunk-SMD7OEUW.mjs.map