@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-RXSGHPCR.js

@@ -0,0 +1,304 @@
+import {
+  useMenuItemState
+} from "./chunk-3L5OZCGA.js";
+import {
+  navItemButtonStyles,
+  pulseGlow
+} from "./chunk-FYLCSCMR.js";
+
+// src/components/navigation/NavigationMenu/NavigationMenuItem.tsx
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import Box from "@mui/material/Box/index.js";
+import Collapse from "@mui/material/Collapse/index.js";
+import Fade from "@mui/material/Fade/index.js";
+import Grow from "@mui/material/Grow/index.js";
+import List from "@mui/material/List/index.js";
+import ListItem from "@mui/material/ListItem/index.js";
+import ListItemButton from "@mui/material/ListItemButton/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Popover from "@mui/material/Popover/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledListItem = styled(ListItem, {
+  shouldForwardProp: (prop) => !["variant", "active", "size", "level"].includes(prop)
+})(
+  ({ theme, variant, level = 0 }) => ({
+    padding: 0,
+    ...variant === "horizontal" && {
+      width: "auto"
+    },
+    ...level > 0 && {
+      paddingLeft: theme.spacing(2 * level)
+    }
+  })
+);
+var StyledListItemButton = styled(ListItemButton, {
+  shouldForwardProp: (prop) => !["variant", "active", "size", "collapsed", "minimal"].includes(prop)
+})(
+  ({ theme, variant, active, size, collapsed, minimal }) => ({
+    ...navItemButtonStyles({ theme, variant, active, size, collapsed, minimal })
+  })
+);
+var MenuItemPopover = ({ anchorEl, item, size, minimal, onClose, onMouseEnter, onMouseLeave, onItemClick }) => /* @__PURE__ */ jsx(
+  Popover,
+  {
+    open: Boolean(anchorEl),
+    anchorEl,
+    onClose,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    },
+    disableRestoreFocus: true,
+    sx: {
+      pointerEvents: "none"
+    },
+    slotProps: {
+      paper: {
+        onMouseEnter,
+        onMouseLeave,
+        sx: {
+          pointerEvents: "auto",
+          mt: 0.5,
+          borderRadius: 2,
+          boxShadow: (theme) => `0 12px 40px ${alpha(theme.palette.common.black, 0.15)}`,
+          border: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,
+          background: (theme) => `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,
+          backdropFilter: "blur(10px)",
+          minWidth: 200
+        }
+      }
+    },
+    children: /* @__PURE__ */ jsx(List, { sx: { p: 1 }, children: item.children?.map((child) => {
+      const childHasChildren = child.children && child.children.length > 0;
+      if (childHasChildren) {
+        return renderMenuItem(child, "vertical", size, false, minimal, 0, onItemClick);
+      }
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: onClose,
+          children: renderMenuItem(child, "vertical", size, false, minimal, 0, onItemClick)
+        },
+        child.id
+      );
+    }) })
+  }
+);
+var MenuItemLabel = ({ item, collapsed, open, hasChildren, size, variant }) => /* @__PURE__ */ jsx(Fade, { in: !collapsed, timeout: 400, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", width: "100%", gap: 1 }, children: [
+  /* @__PURE__ */ jsx(
+    ListItemText,
+    {
+      primary: item.label,
+      secondary: item.description,
+      sx: {
+        flex: 1,
+        minWidth: 0
+        // Allows text truncation if needed
+      },
+      slotProps: {
+        primary: {
+          variant: size === "sm" ? "body2" : size === "lg" ? "h6" : "body1",
+          sx: {
+            fontWeight: item.active ? 600 : 400,
+            transition: "all 0.3s ease"
+          }
+        },
+        secondary: {
+          sx: {
+            opacity: 0.7,
+            transition: "all 0.3s ease"
+          }
+        }
+      }
+    }
+  ),
+  item.badge && /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      sx: {
+        flexShrink: 0,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minWidth: 20,
+        height: 20,
+        px: 0.75,
+        borderRadius: "10px",
+        fontSize: "0.75rem",
+        fontWeight: 600,
+        color: "#fff",
+        background: "linear-gradient(135deg, #ff5252 0%, #ff1744 100%)",
+        boxShadow: "0 2px 8px rgba(255, 23, 68, 0.4)",
+        animation: typeof item.badge === "number" && item.badge > 0 ? `${pulseGlow} 2s infinite` : "none"
+      },
+      children: item.badge
+    }
+  ),
+  hasChildren && /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        flexShrink: 0,
+        // Prevents expand icon from shrinking
+        transition: "transform 0.3s ease",
+        transform: open ? "rotate(180deg)" : "rotate(0deg)"
+      },
+      children: variant === "horizontal" ? /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small" }) : /* @__PURE__ */ jsx(ExpandMore, {})
+    }
+  )
+] }) });
+var MenuItemContent = ({
+  item,
+  variant,
+  size,
+  active: _active,
+  collapsed,
+  minimal,
+  level,
+  open,
+  hasChildren,
+  onClick,
+  onMouseEnter,
+  onMouseLeave
+}) => /* @__PURE__ */ jsx(StyledListItem, { variant, active: item.active, size, level, children: /* @__PURE__ */ jsxs(
+  StyledListItemButton,
+  {
+    variant,
+    active: item.active,
+    size,
+    collapsed,
+    minimal,
+    disabled: item.disabled,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    ...item.href && !hasChildren ? {
+      component: "a",
+      href: item.href,
+      target: item.target
+    } : {},
+    children: [
+      item.icon && /* @__PURE__ */ jsx(
+        ListItemIcon,
+        {
+          sx: {
+            minWidth: collapsed ? 0 : 40,
+            justifyContent: "center",
+            transition: "all 0.3s ease",
+            "& svg": {
+              filter: item.active ? "drop-shadow(0 2px 8px rgba(0,0,0,0.15))" : "none",
+              transition: "all 0.3s ease"
+            }
+          },
+          children: /* @__PURE__ */ jsx(Grow, { in: true, timeout: 600, children: /* @__PURE__ */ jsx(Box, { children: item.icon }) })
+        }
+      ),
+      !collapsed && /* @__PURE__ */ jsx(
+        MenuItemLabel,
+        {
+          item,
+          collapsed,
+          minimal,
+          open,
+          hasChildren,
+          size,
+          variant
+        }
+      )
+    ]
+  }
+) }, item.id);
+var MenuItemRenderer = ({
+  item,
+  variant,
+  size,
+  collapsed,
+  minimal,
+  level,
+  onItemClick
+}) => {
+  const {
+    open,
+    anchorEl,
+    hasChildren,
+    handleClick,
+    handleMouseEnter,
+    handleMouseLeave,
+    handlePopoverMouseEnter,
+    handlePopoverMouseLeave,
+    closePopover
+  } = useMenuItemState({ item, variant, onItemClick });
+  const itemContent = /* @__PURE__ */ jsx(
+    MenuItemContent,
+    {
+      item,
+      variant,
+      size,
+      active: item.active,
+      collapsed,
+      minimal,
+      level,
+      open,
+      hasChildren,
+      onClick: handleClick,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave
+    }
+  );
+  if (hasChildren && variant === "horizontal") {
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      itemContent,
+      /* @__PURE__ */ jsx(
+        MenuItemPopover,
+        {
+          anchorEl,
+          item,
+          size,
+          minimal,
+          onClose: closePopover,
+          onMouseEnter: handlePopoverMouseEnter,
+          onMouseLeave: handlePopoverMouseLeave,
+          onItemClick
+        }
+      )
+    ] }, item.id);
+  }
+  if (hasChildren && variant !== "horizontal") {
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      itemContent,
+      !collapsed && /* @__PURE__ */ jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx(List, { component: "div", disablePadding: true, children: item.children?.map(
+        (child) => renderMenuItem(child, variant, size, collapsed, minimal, level + 1, onItemClick)
+      ) }) })
+    ] }, item.id);
+  }
+  return itemContent;
+};
+var renderMenuItem = (item, variant = "vertical", size = "md", collapsed = false, minimal = false, level = 0, onItemClick) => /* @__PURE__ */ jsx(
+  MenuItemRenderer,
+  {
+    item,
+    variant,
+    size,
+    collapsed,
+    minimal,
+    level,
+    onItemClick
+  },
+  item.id
+);
+
+export {
+  renderMenuItem
+};
+//# sourceMappingURL=chunk-RXSGHPCR.js.map

package/dist/chunk-RXSGHPCR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenuItem.tsx"],"sourcesContent":["import ChevronRight from '@mui/icons-material/ChevronRight';\nimport ExpandMore from '@mui/icons-material/ExpandMore';\nimport Box from '@mui/material/Box/index.js';\nimport Collapse from '@mui/material/Collapse/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Grow from '@mui/material/Grow/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItem from '@mui/material/ListItem/index.js';\nimport ListItemButton from '@mui/material/ListItemButton/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React, {  } from 'react';\n\nimport { useMenuItemState } from './NavigationMenuItem.hooks';\nimport { navItemButtonStyles, pulseGlow } from './NavigationMenu.styles';\nimport type { NavigationMenuItem } from './NavigationMenu.types';\n\nconst StyledListItem = styled(ListItem, {\n  shouldForwardProp: (prop) => !['variant', 'active', 'size', 'level'].includes(prop as string) })<{ variant?: string; active?: boolean; size?: string; level?: number }>(\n  ({ theme, variant, level = 0 }) => ({\n    padding: 0,\n    ...(variant === 'horizontal' && {\n      width: 'auto' }),\n    ...(level > 0 && {\n      paddingLeft: theme.spacing(2 * level) }) }),\n);\n\nconst StyledListItemButton = styled(ListItemButton, {\n  shouldForwardProp: (prop) => !['variant', 'active', 'size', 'collapsed', 'minimal'].includes(prop as string) })<{ variant?: string; active?: boolean; size?: string; collapsed?: boolean; minimal?: boolean }>(\n  ({ theme, variant, active, size, collapsed, minimal }) => ({\n    ...navItemButtonStyles({ theme, variant, active, size, collapsed, minimal }) }),\n);\n\ninterface MenuItemRendererProps {\n  item: NavigationMenuItem;\n  variant: string;\n  size: string;\n  collapsed: boolean;\n  minimal: boolean;\n  level: number;\n  onItemClick?: (item: NavigationMenuItem) => void;\n}\n\n// Hover intent and open/anchor state live in NavigationMenuItem.hooks.\n\n// The flyout a horizontal menu opens on hover.\nconst MenuItemPopover: React.FC<{\n  anchorEl: HTMLElement | null;\n  item: NavigationMenuItem;\n  size?: string;\n  minimal?: boolean;\n  onClose: () => void;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n  onItemClick?: (item: NavigationMenuItem) => void;\n}> = ({ anchorEl, item, size, minimal, onClose, onMouseEnter, onMouseLeave, onItemClick }) => (\n  <Popover\n    open={Boolean(anchorEl)}\n    anchorEl={anchorEl}\n    onClose={onClose}\n    anchorOrigin={{\n      vertical: 'bottom',\n      horizontal: 'left' }}\n    transformOrigin={{\n      vertical: 'top',\n      horizontal: 'left' }}\n    disableRestoreFocus\n    sx={{\n      pointerEvents: 'none' }}\n    slotProps={{\n      paper: {\n        onMouseEnter,\n        onMouseLeave,\n        sx: {\n          pointerEvents: 'auto',\n          mt: 0.5,\n          borderRadius: 2,\n          boxShadow: (theme) => `0 12px 40px ${alpha(theme.palette.common.black, 0.15)}`,\n          border: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n          background: (theme) =>\n            `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,\n          backdropFilter: 'blur(10px)',\n          minWidth: 200 } } }}\n  >\n    <List sx={{ p: 1 }}>\n      {item.children?.map((child) => {\n        const childHasChildren = child.children && child.children.length > 0;\n\n        // Only close popover when clicking leaf nodes (items without children)\n        if (childHasChildren) {\n          return renderMenuItem(child, 'vertical', size, false, minimal, 0, onItemClick);\n        }\n\n        // For leaf nodes, wrap with onClick to close the popover\n        return (\n          <Box\n            key={child.id}\n            onClick={onClose}\n          >\n            {renderMenuItem(child, 'vertical', size, false, minimal, 0, onItemClick)}\n          </Box>\n        );\n      })}\n    </List>\n  </Popover>\n);\n\n// Label, badge/chip and the expand chevron, faded out when the rail collapses.\nconst MenuItemLabel: React.FC<{\n  item: NavigationMenuItem;\n  collapsed?: boolean;\n  minimal?: boolean;\n  open: boolean;\n  hasChildren?: boolean;\n  size?: string;\n  variant?: string;\n}> = ({ item, collapsed, open, hasChildren, size, variant }) => (\n  <Fade in={!collapsed} timeout={400}>\n    <Box sx={{ display: 'flex', alignItems: 'center', width: '100%', gap: 1 }}>\n      <ListItemText\n        primary={item.label}\n        secondary={item.description}\n        sx={{\n          flex: 1,\n          minWidth: 0, // Allows text truncation if needed\n        }}\n        slotProps={{\n          primary: {\n            variant: size === 'sm' ? 'body2' : size === 'lg' ? 'h6' : 'body1',\n            sx: {\n              fontWeight: item.active ? 600 : 400,\n              transition: 'all 0.3s ease' } },\n          secondary: {\n            sx: {\n              opacity: 0.7,\n              transition: 'all 0.3s ease' } } }}\n      />\n      {item.badge && (\n        <Box\n          component=\"span\"\n          sx={{\n            flexShrink: 0,\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minWidth: 20,\n            height: 20,\n            px: 0.75,\n            borderRadius: '10px',\n            fontSize: '0.75rem',\n            fontWeight: 600,\n            color: '#fff',\n            background: 'linear-gradient(135deg, #ff5252 0%, #ff1744 100%)',\n            boxShadow: '0 2px 8px rgba(255, 23, 68, 0.4)',\n            animation:\n              typeof item.badge === 'number' && item.badge > 0\n                ? `${pulseGlow} 2s infinite`\n                : 'none' }}\n        >\n          {item.badge}\n        </Box>\n      )}\n      {hasChildren && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexShrink: 0, // Prevents expand icon from shrinking\n            transition: 'transform 0.3s ease',\n            transform: open ? 'rotate(180deg)' : 'rotate(0deg)' }}\n        >\n          {variant === 'horizontal' ? <ChevronRight fontSize=\"small\" /> : <ExpandMore />}\n        </Box>\n      )}\n    </Box>\n  </Fade>\n);\n\n// The row itself: icon, label, badge and the expand chevron.\nconst MenuItemContent: React.FC<{\n  item: NavigationMenuItem;\n  variant?: string;\n  size?: string;\n  active?: boolean;\n  collapsed?: boolean;\n  minimal?: boolean;\n  level: number;\n  open: boolean;\n  hasChildren?: boolean;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseLeave: () => void;\n}> = ({\n  item,\n  variant,\n  size,\n  active: _active,\n  collapsed,\n  minimal,\n  level,\n  open,\n  hasChildren,\n  onClick,\n  onMouseEnter,\n  onMouseLeave }) => (\n<StyledListItem key={item.id} variant={variant} active={item.active} size={size} level={level}>\n      <StyledListItemButton\n        variant={variant}\n        active={item.active}\n        size={size}\n        collapsed={collapsed}\n        minimal={minimal}\n        disabled={item.disabled}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        {...(item.href && !hasChildren\n          ? {\n              component: 'a' as React.ElementType,\n              href: item.href,\n              target: item.target }\n          : {})}\n      >\n        {item.icon && (\n          <ListItemIcon\n            sx={{\n              minWidth: collapsed ? 0 : 40,\n              justifyContent: 'center',\n              transition: 'all 0.3s ease',\n              '& svg': {\n                filter: item.active ? 'drop-shadow(0 2px 8px rgba(0,0,0,0.15))' : 'none',\n                transition: 'all 0.3s ease' } }}\n          >\n            <Grow in={true} timeout={600}>\n              <Box>{item.icon}</Box>\n            </Grow>\n          </ListItemIcon>\n        )}\n        {!collapsed && (\n          <MenuItemLabel\n            item={item}\n            collapsed={collapsed}\n            minimal={minimal}\n            open={open}\n            hasChildren={hasChildren}\n            size={size}\n            variant={variant}\n          />\n        )}\n      </StyledListItemButton>\n    </StyledListItem>\n);\n\nconst MenuItemRenderer: React.FC<MenuItemRendererProps> = ({\n  item,\n  variant,\n  size,\n  collapsed,\n  minimal,\n  level,\n  onItemClick }) => {\n  const {\n    open,\n    anchorEl,\n    hasChildren,\n    handleClick,\n    handleMouseEnter,\n    handleMouseLeave,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n    closePopover } = useMenuItemState({ item, variant, onItemClick });\n\n  const itemContent = (\n    <MenuItemContent\n      item={item}\n      variant={variant}\n      size={size}\n      active={item.active}\n      collapsed={collapsed}\n      minimal={minimal}\n      level={level}\n      open={open}\n      hasChildren={hasChildren}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    />\n  );\n\n  // Horizontal variant with children - use Popover\n  if (hasChildren && variant === 'horizontal') {\n    return (\n      <React.Fragment key={item.id}>\n        {itemContent}\n        <MenuItemPopover\n          anchorEl={anchorEl}\n          item={item}\n          size={size}\n          minimal={minimal}\n          onClose={closePopover}\n          onMouseEnter={handlePopoverMouseEnter}\n          onMouseLeave={handlePopoverMouseLeave}\n          onItemClick={onItemClick}\n        />\n      </React.Fragment>\n    );\n  }\n\n  // Vertical variant with children - use Collapse\n  if (hasChildren && variant !== 'horizontal') {\n    return (\n      <React.Fragment key={item.id}>\n        {itemContent}\n        {!collapsed && (\n          <Collapse in={open} timeout=\"auto\" unmountOnExit>\n            <List component=\"div\" disablePadding>\n              {item.children?.map((child) =>\n                renderMenuItem(child, variant, size, collapsed, minimal, level + 1, onItemClick),\n              )}\n            </List>\n          </Collapse>\n        )}\n      </React.Fragment>\n    );\n  }\n\n  return itemContent;\n};\n\nexport const renderMenuItem = (\n  item: NavigationMenuItem,\n  variant: string = 'vertical',\n  size: string = 'md',\n  collapsed: boolean = false,\n  minimal: boolean = false,\n  level: number = 0,\n  onItemClick?: (item: NavigationMenuItem) => void,\n): React.ReactNode => (\n    <MenuItemRenderer\n      key={item.id}\n      item={item}\n      variant={variant}\n      size={size}\n      collapsed={collapsed}\n      minimal={minimal}\n      level={level}\n      onItemClick={onItemClick}\n    />\n  );\n"],"mappings":"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","names":[]}

package/dist/chunk-S5LE2ARG.js

@@ -0,0 +1,252 @@
+import {
+  backdropSxOf,
+  variantStylesOf
+} from "./chunk-6PRA45LC.js";
+
+// src/components/feedback/Dialog/Dialog.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import Backdrop from "@mui/material/Backdrop/index.js";
+import Box from "@mui/material/Box/index.js";
+import MuiDialog from "@mui/material/Dialog/index.js";
+import MuiDialogActions from "@mui/material/DialogActions/index.js";
+import MuiDialogContent from "@mui/material/DialogContent/index.js";
+import MuiDialogTitle from "@mui/material/DialogTitle/index.js";
+import Drawer from "@mui/material/Drawer/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function hasSpacingSlot(children) {
+  return React.Children.toArray(children).some((child) => {
+    if (!React.isValidElement(child)) return false;
+    if (child.type === DialogContent || child.type === DialogActions) return true;
+    if (child.type !== React.Fragment) return false;
+    return hasSpacingSlot(child.props.children);
+  });
+}
+var BODY_SX = {
+  px: 3,
+  pb: 2.5,
+  "&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)": {
+    display: "contents"
+  }
+};
+function bodyOf(children, hasTitle) {
+  if (hasSpacingSlot(children)) return children;
+  return /* @__PURE__ */ jsx(Box, { sx: { ...BODY_SX, pt: hasTitle ? 0.5 : 2.5 }, children });
+}
+var DIALOG_DEFAULTS = {
+  variant: "default",
+  size: "md",
+  showCloseButton: true,
+  backdrop: true,
+  persistent: false,
+  glass: false,
+  gradient: false,
+  glow: false,
+  pulse: false,
+  borderRadius: "lg"
+};
+function withDialogDefaults(props) {
+  const merged = { ...props };
+  for (const [key, value] of Object.entries(DIALOG_DEFAULTS)) {
+    if (merged[key] === void 0) merged[key] = value;
+  }
+  return merged;
+}
+var Dialog = (rawProps) => {
+  const {
+    children,
+    variant,
+    size,
+    title,
+    description,
+    showCloseButton,
+    backdrop,
+    persistent,
+    glass,
+    gradient,
+    glow,
+    pulse,
+    borderRadius,
+    onClose,
+    open,
+    dataTestId,
+    ...props
+  } = withDialogDefaults(rawProps);
+  const theme = useTheme();
+  const testId = dataTestId || "dialog";
+  const paperSx = variantStylesOf(theme, {
+    variant,
+    size,
+    borderRadius,
+    glass,
+    gradient,
+    glow,
+    pulse
+  });
+  const handleClose = (event, reason) => {
+    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
+      return;
+    }
+    onClose?.();
+  };
+  const header = title ? /* @__PURE__ */ jsx(
+    DialogHeader,
+    {
+      title,
+      subtitle: description,
+      showCloseButton,
+      onClose,
+      dataTestId
+    }
+  ) : null;
+  const body = bodyOf(children, Boolean(title));
+  if (variant === "drawer") {
+    return /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        anchor: "right",
+        open,
+        onClose,
+        "data-testid": testId,
+        ...props,
+        children: /* @__PURE__ */ jsxs(Box, { sx: { ...paperSx, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
+          header,
+          body
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    MuiDialog,
+    {
+      open,
+      onClose: handleClose,
+      fullScreen: variant === "fullscreen",
+      BackdropComponent: backdrop ? Backdrop : void 0,
+      BackdropProps: { sx: backdropSxOf(theme, glass) },
+      PaperProps: { sx: paperSx, "data-testid": testId },
+      ...props,
+      children: [
+        header,
+        body
+      ]
+    }
+  );
+};
+var DialogHeader = ({
+  children,
+  title,
+  subtitle,
+  showCloseButton = true,
+  onClose,
+  dataTestId
+}) => {
+  if (children) {
+    return /* @__PURE__ */ jsx(Box, { sx: { p: 2, borderBottom: "1px solid", borderColor: "divider" }, children });
+  }
+  return /* @__PURE__ */ jsxs(
+    MuiDialogTitle,
+    {
+      "data-testid": dataTestId ? `${dataTestId}-title` : "dialog-title",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        pb: subtitle ? 1 : 2
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "div", children: title }),
+          subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: subtitle })
+        ] }),
+        showCloseButton && onClose && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": "close",
+            onClick: onClose,
+            "data-testid": dataTestId ? `${dataTestId}-close` : "dialog-close",
+            sx: {
+              color: "text.secondary",
+              "&:hover": {
+                backgroundColor: "action.hover"
+              }
+            },
+            children: /* @__PURE__ */ jsx(CloseIcon, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var TITLED_BODY_PADDING_TOP = 1.5;
+var TITLED_BODY_SELECTOR = ".MuiDialogTitle-root + &.MuiDialogContent-root";
+var DialogContent = ({
+  children,
+  dividers = false,
+  dense = false,
+  dataTestId,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  MuiDialogContent,
+  {
+    "data-testid": dataTestId ? `${dataTestId}-content` : "dialog-content",
+    dividers,
+    sx: {
+      padding: dense ? 1.5 : 3,
+      [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },
+      "&.MuiDialogContent-dividers": {
+        borderTop: dividers ? "1px solid" : "none",
+        borderBottom: dividers ? "1px solid" : "none",
+        borderColor: "divider"
+      }
+    },
+    ...props,
+    children
+  }
+);
+var DialogActions = ({
+  children,
+  alignment = "right",
+  spacing = 1,
+  dataTestId,
+  ...props
+}) => {
+  const getJustifyContent = () => {
+    switch (alignment) {
+      case "left":
+        return "flex-start";
+      case "center":
+        return "center";
+      case "right":
+        return "flex-end";
+      case "space-between":
+        return "space-between";
+      default:
+        return "flex-end";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    MuiDialogActions,
+    {
+      "data-testid": dataTestId ? `${dataTestId}-actions` : "dialog-actions",
+      sx: {
+        justifyContent: getJustifyContent(),
+        gap: spacing,
+        p: 2
+      },
+      ...props,
+      children
+    }
+  );
+};
+
+export {
+  Dialog,
+  DialogHeader,
+  DialogContent,
+  DialogActions
+};
+//# sourceMappingURL=chunk-S5LE2ARG.js.map

package/dist/chunk-S5LE2ARG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport MuiDialog from '@mui/material/Dialog/index.js';\nimport MuiDialogActions from '@mui/material/DialogActions/index.js';\nimport MuiDialogContent from '@mui/material/DialogContent/index.js';\nimport MuiDialogTitle from '@mui/material/DialogTitle/index.js';\nimport Drawer from '@mui/material/Drawer/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { backdropSxOf, variantStylesOf } from './Dialog.styles';\nimport type {\n  DialogActionsProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogProps,\n} from './Dialog.types';\n\n/**\n * Does this hand us a spacing slot? Fragments are transparent: `<>` is a way of\n * passing several children, not a child that owns them, and a consumer who\n * groups a `DialogContent` and a `DialogActions` in one has still passed both.\n *\n * Only the slots themselves count, and only at the top. A `DialogContent`\n * genuinely nested inside a `<div>` is that div's content, and the dialog\n * padding the div is right.\n */\nfunction hasSpacingSlot(children: React.ReactNode): boolean {\n  return React.Children.toArray(children).some((child) => {\n    if (!React.isValidElement(child)) return false;\n    if (child.type === DialogContent || child.type === DialogActions) return true;\n    if (child.type !== React.Fragment) return false;\n    return hasSpacingSlot((child.props as { children?: React.ReactNode }).children);\n  });\n}\n\n/**\n * The padding a dialog gives children that are not managing their own — and the\n * rule that takes it back when it turns out they are.\n *\n * `:has()` is doing what {@link hasSpacingSlot} cannot. A slot passed through a\n * COMPONENT (`<Body />` rendering a `DialogContent`) is invisible to any check\n * on element type: React does not know what a component renders until it has\n * rendered it, and by then the wrapper is already in the tree. The selector\n * asks the question one step later, of the DOM, where the answer exists.\n *\n * `display: contents` rather than `padding: 0`, because the padding is only\n * half of what a wrapper does. The other half is standing between the paper and\n * its children: MUI's `scroll=\"paper\"` makes the paper a flex column with\n * `overflow-y: auto`, so a `DialogContent` that is no longer its direct child\n * cannot be the thing that scrolls — the whole dialog scrolls instead and\n * carries the `DialogActions` off the bottom with it. An element with\n * `display: contents` generates no box at all: its children become the paper's\n * flex items, and its padding is never applied. Both halves, one declaration.\n *\n * A browser without `:has()` falls back to the padded box — the layout this\n * had before, not a broken one.\n */\nconst BODY_SX = {\n  px: 3,\n  pb: 2.5,\n  '&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)': {\n    display: 'contents',\n  },\n} as const;\n\n/**\n * The dialog body. Consumers that pass raw children (no <DialogContent>) used\n * to render them flush against the paper edges — give them comfortable default\n * padding; <DialogContent>/<DialogActions> users keep managing their own\n * spacing.\n */\nfunction bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {\n  if (hasSpacingSlot(children)) return children;\n  return <Box sx={{ ...BODY_SX, pt: hasTitle ? 0.5 : 2.5 }}>{children}</Box>;\n}\n\nconst DIALOG_DEFAULTS = {\n  variant: 'default',\n  size: 'md',\n  showCloseButton: true,\n  backdrop: true,\n  persistent: false,\n  glass: false,\n  gradient: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'lg',\n} as const satisfies Partial<DialogProps>;\n\n/** DialogProps with every defaulted field guaranteed present (wide types). */\ntype DialogPropsWithDefaults = DialogProps &\n  Required<Pick<DialogProps, keyof typeof DIALOG_DEFAULTS>>;\n\n/**\n * Apply {@link DIALOG_DEFAULTS} exactly like parameter defaults would: only a\n * missing/`undefined` prop falls back (a loop, so the component's cyclomatic\n * complexity doesn't pay one branch per defaulted prop).\n */\nfunction withDialogDefaults(props: DialogProps): DialogPropsWithDefaults {\n  const merged: Record<string, unknown> = { ...props };\n  for (const [key, value] of Object.entries(DIALOG_DEFAULTS)) {\n    if (merged[key] === undefined) merged[key] = value;\n  }\n  return merged as unknown as DialogPropsWithDefaults;\n}\n\nexport const Dialog: React.FC<DialogProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    size,\n    title,\n    description,\n    showCloseButton,\n    backdrop,\n    persistent,\n    glass,\n    gradient,\n    glow,\n    pulse,\n    borderRadius,\n    onClose,\n    open,\n    dataTestId,\n    ...props\n  } = withDialogDefaults(rawProps);\n  const theme = useTheme();\n  const testId = dataTestId || 'dialog';\n  const paperSx = variantStylesOf(theme, {\n    variant, size, borderRadius, glass, gradient, glow, pulse,\n  });\n\n  const handleClose = (event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n\n  const header = title ? (\n    <DialogHeader\n      title={title}\n      subtitle={description}\n      showCloseButton={showCloseButton}\n      onClose={onClose}\n      dataTestId={dataTestId}\n    />\n  ) : null;\n  const body = bodyOf(children, Boolean(title));\n\n  if (variant === 'drawer') {\n    return (\n      <Drawer\n        anchor=\"right\"\n        open={open}\n        onClose={onClose}\n        data-testid={testId}\n        {...props}\n      >\n        <Box sx={{ ...paperSx, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>\n          {header}\n          {body}\n        </Box>\n      </Drawer>\n    );\n  }\n\n  return (\n    <MuiDialog\n      open={open}\n      onClose={handleClose}\n      fullScreen={variant === 'fullscreen'}\n      BackdropComponent={backdrop ? Backdrop : undefined}\n      BackdropProps={{ sx: backdropSxOf(theme, glass) }}\n      PaperProps={{ sx: paperSx, 'data-testid': testId }}\n      {...props}\n    >\n      {header}\n      {body}\n    </MuiDialog>\n  );\n};\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({\n  children,\n  title,\n  subtitle,\n  showCloseButton = true,\n  onClose,\n  dataTestId,\n}) => {\n  if (children) {\n    return (\n      <Box sx={{ p: 2, borderBottom: '1px solid', borderColor: 'divider' }}>\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <MuiDialogTitle\n      data-testid={dataTestId ? `${dataTestId}-title` : 'dialog-title'}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        pb: subtitle ? 1 : 2,\n      }}\n    >\n      <Box>\n        <Typography variant=\"h6\" component=\"div\">\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      {showCloseButton && onClose && (\n        <IconButton\n          aria-label=\"close\"\n          onClick={onClose}\n          data-testid={dataTestId ? `${dataTestId}-close` : 'dialog-close'}\n          sx={{\n            color: 'text.secondary',\n            '&:hover': {\n              backgroundColor: 'action.hover',\n            },\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      )}\n    </MuiDialogTitle>\n  );\n};\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there (`.MuiDialogTitle-root + &` on a non-`dividers` content),\n * assuming the title's own bottom padding is the whole gap. That assumption\n * breaks for a body opening with an outlined field: a filled field floats its\n * label ABOVE the input's border box, and `DialogContent` is `overflow-y: auto`\n * — a clipping box — so the label gets sliced in half (FUT-544: \"Tipo\" in the\n * \"Novo insumo\" dialog).\n *\n * Reserve the overhang rather than restore the full 24px: the title already\n * contributes its bottom padding, so a shrunk label's `translate(…, -9px)` is\n * all that is missing. 12px clears it and leaves the gap visually tight.\n */\nconst TITLED_BODY_PADDING_TOP = 1.5;\n\n/**\n * `.MuiDialogTitle-root + &` is `(0,2,0)`-specific and a plain `sx` entry is\n * `(0,1,0)`, so the padding above only survives the cascade by naming the class\n * again — `(0,3,0)`. Scoped to the title-following case so an untitled dialog\n * keeps MUI's roomier default.\n */\nconst TITLED_BODY_SELECTOR = '.MuiDialogTitle-root + &.MuiDialogContent-root';\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  children,\n  dividers = false,\n  dense = false,\n  dataTestId,\n  ...props\n}) => (\n    <MuiDialogContent\n      data-testid={dataTestId ? `${dataTestId}-content` : 'dialog-content'}\n      dividers={dividers}\n      sx={{\n        padding: dense ? 1.5 : 3,\n        [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },\n        '&.MuiDialogContent-dividers': {\n          borderTop: dividers ? '1px solid' : 'none',\n          borderBottom: dividers ? '1px solid' : 'none',\n          borderColor: 'divider',\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </MuiDialogContent>\n  );\n\nexport const DialogActions: React.FC<DialogActionsProps> = ({\n  children,\n  alignment = 'right',\n  spacing = 1,\n  dataTestId,\n  ...props\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'left': return 'flex-start';\n      case 'center': return 'center';\n      case 'right': return 'flex-end';\n      case 'space-between': return 'space-between';\n      default: return 'flex-end';\n    }\n  };\n\n  return (\n    <MuiDialogActions\n      data-testid={dataTestId ? `${dataTestId}-actions` : 'dialog-actions'}\n      sx={{\n        justifyContent: getJustifyContent(),\n        gap: spacing,\n        p: 2,\n      }}\n      {...props}\n    >\n      {children}\n    </MuiDialogActions>\n  );\n};"],"mappings":"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","names":[]}