@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-MO47Y26B.js

@@ -1,270 +0,0 @@
-import {
-  VARIANT_ICON
-} from "./chunk-L7VH6IMR.js";
-import {
-  ACTION_SLOT,
-  ALERT_EASING,
-  ALERT_PADDING_UNITS,
-  ALERT_TRANSITION_MS,
-  FADE_IN,
-  GLASS,
-  GLOW,
-  GRADIENT,
-  ICON_SLOT,
-  ICON_SPIN,
-  MESSAGE_BUTTON,
-  MESSAGE_FONT_SIZE,
-  MESSAGE_GAP_UNITS,
-  MESSAGE_LINE_HEIGHT,
-  PULSE,
-  SEMANTIC_SURFACE,
-  SEMANTIC_VARIANTS,
-  seconds
-} from "./chunk-P2UIXDEG.js";
-import {
-  sheen,
-  softNeutral
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem,
-  rems
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Alert/Alert.styles.tsx
-import Error from "@mui/icons-material/Error";
-import Info from "@mui/icons-material/Info";
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Warning from "@mui/icons-material/Warning";
-import { alpha, darken, keyframes, lighten } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var pulseAnimation = (theme) => keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 ${rem(theme, PULSE.spread)} currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var shimmerAnimation = (theme) => keyframes`
-  0% {
-    background-position: ${rem(theme, -GRADIENT.shimmerTravel)} 0;
-  }
-  100% {
-    background-position: ${rem(theme, GRADIENT.shimmerTravel)} 0;
-  }
-`;
-var fadeInScale = (theme) => keyframes`
-  from {
-    opacity: 0;
-    transform: scale(${FADE_IN.scale}) translateY(${rem(theme, -FADE_IN.lift)});
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-`;
-var iconRotate = keyframes`
-  0% {
-    transform: rotate(0deg) scale(${ICON_SPIN.from});
-  }
-  50% {
-    transform: rotate(180deg) scale(${ICON_SPIN.mid});
-  }
-  100% {
-    transform: rotate(360deg) scale(1);
-  }
-`;
-var getColorFromTheme = (theme, variant) => {
-  const soft = softNeutral(theme);
-  const colorMap = {
-    info: theme.palette.info,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    danger: theme.palette.error,
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    neutral: { main: soft.main, light: soft.light, dark: soft.dark }
-  };
-  return colorMap[variant] || theme.palette.info;
-};
-var VARIANT_ICONS = {
-  Info: /* @__PURE__ */ jsx(Info, {}),
-  CheckCircle: /* @__PURE__ */ jsx(CheckCircle, {}),
-  Warning: /* @__PURE__ */ jsx(Warning, {}),
-  Error: /* @__PURE__ */ jsx(Error, {})
-};
-var getVariantIcon = (variant) => {
-  const name = VARIANT_ICON[variant];
-  return name ? VARIANT_ICONS[name] : void 0;
-};
-var alertLayoutStyles = (theme, colorPalette, animate) => ({
-  // ROOM TO READ.
-  //
-  // MUI's `6px 16px` is sized for one line of text and nothing else. This Alert
-  // routinely carries three things stacked — a sentence, a smaller explanation,
-  // then a control — and at 6px they touched top and bottom and ran together
-  // vertically, so the whole card read as one dense block instead of as a
-  // message with parts. The generosity is what makes the structure legible; it
-  // is not decoration.
-  //
-  // Padding stays overridable by an `sx` (a full-bleed strip legitimately wants
-  // it tight), because this is a default rather than a rule.
-  padding: theme.spacing(ALERT_PADDING_UNITS.vertical, ALERT_PADDING_UNITS.horizontal),
-  ".MuiAlert-message": {
-    display: "flex",
-    flexDirection: "column",
-    // 0.5 put a title, its explanation and a button 4px apart, which reads as a
-    // spacing bug rather than as a group. 1 separates the lines; the extra
-    // margin below goes to whatever CONTROL sits at the end, because the gap
-    // between prose and a thing you press has to be bigger than the gap between
-    // two lines of prose or the button looks like part of the text.
-    gap: theme.spacing(MESSAGE_GAP_UNITS),
-    fontSize: rem(theme, MESSAGE_FONT_SIZE),
-    lineHeight: MESSAGE_LINE_HEIGHT,
-    // No padding of its own — the root's is now doing that job, and MUI's
-    // default `8px 0` on top of it would double the vertical space.
-    padding: 0,
-    // A CONTROL ON A TINTED PANEL NEEDS AN EDGE.
-    //
-    // `ghost` and `text` paint no background and no border — bare labels, which
-    // works on white where the surrounding page is obviously not clickable.
-    // Inside a coloured Alert it stops working: the label is one more coloured
-    // phrase among several, and a "Cancelar" beside two lines of prose reads as
-    // part of the prose.
-    //
-    // Only the BORDER is set, never the background or the colour, and that is
-    // what makes it safe to apply to every button rather than just the bare
-    // ones: a `solid` keeps its fill and its light label and gains a hairline
-    // in the same hue, while a `ghost` gains the whole affordance.
-    ".MuiButton-root": {
-      marginTop: theme.spacing(MESSAGE_BUTTON.marginTopUnits),
-      border: `1px solid ${alpha(colorPalette.main, MESSAGE_BUTTON.borderAlpha)}`
-    }
-  },
-  ".MuiAlert-icon": {
-    transition: `transform ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`,
-    alignItems: "center",
-    // Clear of the words rather than nearly touching them, and aligned to the
-    // FIRST line instead of centred on the whole block — an icon floating
-    // halfway down a three-line message points at nothing.
-    alignSelf: "flex-start",
-    marginRight: theme.spacing(ICON_SLOT.marginRightUnits),
-    paddingTop: theme.spacing(ICON_SLOT.paddingTopUnits),
-    animation: animate ? `${iconRotate} ${seconds(ICON_SPIN.ms)} ease-out` : "none"
-  },
-  // The close button, kept off the text it sits beside.
-  ".MuiAlert-action": {
-    alignItems: "flex-start",
-    paddingLeft: theme.spacing(ACTION_SLOT.paddingLeftUnits)
-  }
-});
-var semanticSurface = (theme, colorPalette) => {
-  const dark = theme.palette.mode === "dark";
-  return {
-    backgroundColor: dark ? darken(colorPalette.main, SEMANTIC_SURFACE.tint.dark) : lighten(colorPalette.main, SEMANTIC_SURFACE.tint.light),
-    color: dark ? lighten(colorPalette.main, SEMANTIC_SURFACE.ink) : darken(colorPalette.main, SEMANTIC_SURFACE.ink),
-    border: `1px solid ${alpha(colorPalette.main, SEMANTIC_SURFACE.borderAlpha)}`,
-    ".MuiAlert-icon": {
-      color: colorPalette.main
-    }
-  };
-};
-var alertVariantStyles = (theme, customVariant, colorPalette) => ({
-  ...customVariant !== void 0 && SEMANTIC_VARIANTS.has(customVariant) && semanticSurface(theme, colorPalette),
-  ...customVariant === "glass" && {
-    // 85%, not 10%. This is the variant that is MEANT to be see-through, and it
-    // was the same mistake in a costume: at 0.1 the blur had almost nothing to
-    // sit on, so `glass` was not frosted, it was a window. A frosted pane has to
-    // be mostly pane — the backdrop should be legible AS texture behind the
-    // text, never as competition with it.
-    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),
-    backdropFilter: `blur(${rem(theme, GLASS.blur)}) saturate(${GLASS.saturatePercent}%)`,
-    WebkitBackdropFilter: `blur(${rem(theme, GLASS.blur)}) saturate(${GLASS.saturatePercent}%)`,
-    border: `1px solid ${alpha(theme.palette.divider, GLASS.borderAlpha)}`,
-    color: theme.palette.text.primary,
-    ".MuiAlert-icon": {
-      color: theme.palette.primary.main
-    },
-    // Safari before 18 and Firefox with the filter disabled paint the declared
-    // alpha with nothing blurred behind it — the see-through banner this is
-    // fixing. There is no degraded frost to fall back to, so it falls back to an
-    // opaque pane: less pretty, still readable.
-    [`@supports not ((backdrop-filter: blur(${rem(theme, 1)})) or (-webkit-backdrop-filter: blur(${rem(theme, 1)})))`]: {
-      backgroundColor: theme.palette.background.paper
-    }
-  },
-  ...customVariant === "gradient" && {
-    background: `linear-gradient(${GRADIENT.angleDeg}deg, ${alpha(colorPalette.light || colorPalette.main, GRADIENT.stopAlpha)}, ${alpha(colorPalette.dark || colorPalette.main, GRADIENT.stopAlpha)})`,
-    color: theme.palette.getContrastText(colorPalette.main),
-    border: "none",
-    position: "relative",
-    overflow: "hidden",
-    ".MuiAlert-icon": {
-      color: theme.palette.getContrastText(colorPalette.main)
-    },
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: rem(theme, -GRADIENT.shimmerTravel),
-      width: "100%",
-      height: "100%",
-      background: `linear-gradient(90deg, transparent, ${sheen(theme, GRADIENT.shimmerAlpha)}, transparent)`,
-      animation: `${shimmerAnimation(theme)} ${seconds(GRADIENT.shimmerMs)} infinite`
-    }
-  }
-});
-var glowStyles = (theme, colorPalette) => ({
-  // No `!important`: the pointer states paint their tint as an INSET shadow on
-  // the same property, and compose this one alongside it rather than fighting
-  // it. `glowShadow` in `Alert.tsx` is the other half of that pair.
-  boxShadow: `0 0 ${rems(theme, GLOW.blur, GLOW.spread)} ${alpha(colorPalette.main, GLOW.alpha)}`,
-  filter: `brightness(${GLOW.brightness})`
-});
-var pulseAfter = (theme, colorPalette) => ({
-  content: '""',
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  borderRadius: "inherit",
-  backgroundColor: colorPalette.main,
-  opacity: PULSE.alpha,
-  animation: `${pulseAnimation(theme)} ${seconds(PULSE.ms)} infinite`,
-  pointerEvents: "none",
-  zIndex: -1
-});
-var alertEmphasisStyles = (theme, colorPalette, glow, pulse) => ({
-  ...glow && !pulse && glowStyles(theme, colorPalette),
-  // Pulse animation
-  ...pulse && !glow && {
-    position: "relative",
-    "&::after": pulseAfter(theme, colorPalette)
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    position: "relative",
-    ...glowStyles(theme, colorPalette),
-    "&::after": pulseAfter(theme, colorPalette)
-  }
-});
-
-export {
-  pulseAnimation,
-  shimmerAnimation,
-  fadeInScale,
-  iconRotate,
-  getColorFromTheme,
-  getVariantIcon,
-  alertLayoutStyles,
-  alertVariantStyles,
-  alertEmphasisStyles
-};
-//# sourceMappingURL=chunk-MO47Y26B.js.map

package/dist/chunk-MQ277OLB.js

@@ -1,306 +0,0 @@
-import {
-  backdropSxOf,
-  variantStylesOf
-} from "./chunk-ST7B54JN.js";
-import {
-  mergedBackdropSlot,
-  mergedPaperSlot,
-  mergedTransitionSlot
-} from "./chunk-Z2JH5KW5.js";
-import {
-  DIALOG_ACTIONS,
-  DIALOG_BODY_PADDING_UNITS,
-  DIALOG_CONTENT_PADDING_UNITS,
-  DIALOG_HEADER_CHILDREN_PADDING_UNITS,
-  DIALOG_TITLE,
-  DIALOG_TITLED_BODY_PADDING_TOP_UNITS
-} from "./chunk-GVGJMH77.js";
-import {
-  hasSpacingSlot,
-  withDialogDefaults
-} from "./chunk-GYXUCS37.js";
-import {
-  focusDialogOnEntered
-} from "./chunk-LV7LSPBF.js";
-import {
-  childTestId,
-  resolveTestId,
-  slotTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.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 { jsx, jsxs } from "react/jsx-runtime";
-var BODY_SX = {
-  px: DIALOG_BODY_PADDING_UNITS.horizontal,
-  pb: DIALOG_BODY_PADDING_UNITS.bottom,
-  "&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)": {
-    display: "contents"
-  }
-};
-function bodyOf(children, hasTitle) {
-  if (hasSpacingSlot(children, [DialogContent, DialogActions])) return children;
-  const pt = hasTitle ? DIALOG_BODY_PADDING_UNITS.topUnderTitle : DIALOG_BODY_PADDING_UNITS.top;
-  return /* @__PURE__ */ jsx(Box, { sx: { ...BODY_SX, pt }, children });
-}
-function closeHandlerOf(persistent, onClose) {
-  return (_event, reason) => {
-    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
-      return;
-    }
-    onClose?.();
-  };
-}
-function ModalDialog({
-  paperSx,
-  backdropSx,
-  testId,
-  dialogProps,
-  children
-}) {
-  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, TransitionProps: callerTransition, slotProps, ...rest } = dialogProps;
-  return /* @__PURE__ */ jsx(
-    MuiDialog,
-    {
-      ...rest,
-      slotProps: {
-        ...slotProps,
-        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),
-        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),
-        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition)
-      },
-      children
-    }
-  );
-}
-function DrawerDialog({
-  paperSx,
-  backdropSx,
-  testId,
-  drawerProps,
-  children
-}) {
-  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, SlideProps: callerTransition, slotProps, ...rest } = drawerProps;
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      anchor: "right",
-      "data-testid": testId,
-      ...rest,
-      slotProps: {
-        ...slotProps,
-        paper: mergedPaperSlot(paperSx, void 0, callerPaper, slotProps?.paper),
-        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),
-        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition)
-      },
-      children
-    }
-  );
-}
-var Dialog = (rawProps) => {
-  const {
-    children,
-    variant,
-    size,
-    title,
-    description,
-    showCloseButton,
-    backdrop,
-    persistent,
-    glass,
-    gradient,
-    glow,
-    pulse,
-    borderRadius,
-    onClose,
-    open,
-    ...others
-  } = withDialogDefaults(rawProps);
-  const theme = useTheme();
-  const testId = resolveTestId(others, "dialog");
-  const props = withoutTestIdProps(others);
-  const looks = {
-    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),
-    backdropSx: backdropSxOf(theme, glass),
-    testId
-  };
-  const handleClose = closeHandlerOf(persistent, onClose);
-  const header = title ? /* @__PURE__ */ jsx(
-    DialogHeader,
-    {
-      title,
-      subtitle: description,
-      showCloseButton,
-      onClose,
-      dataTestId: testId
-    }
-  ) : null;
-  const body = bodyOf(children, Boolean(title));
-  if (variant === "drawer") {
-    return /* @__PURE__ */ jsxs(DrawerDialog, { ...looks, drawerProps: { ...props, open, onClose: handleClose }, children: [
-      header,
-      body
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(
-    ModalDialog,
-    {
-      ...looks,
-      dialogProps: {
-        open,
-        onClose: handleClose,
-        fullScreen: variant === "fullscreen",
-        BackdropComponent: backdrop ? Backdrop : void 0,
-        ...props
-      },
-      children: [
-        header,
-        body
-      ]
-    }
-  );
-};
-var DialogHeader = ({
-  children,
-  title,
-  subtitle,
-  showCloseButton = true,
-  onClose,
-  ...others
-}) => {
-  const props = withoutTestIdProps(others);
-  if (children) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        "data-testid": slotTestId(others, "header", "dialog"),
-        sx: {
-          p: DIALOG_HEADER_CHILDREN_PADDING_UNITS,
-          borderBottom: "1px solid",
-          borderColor: "divider"
-        },
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    MuiDialogTitle,
-    {
-      "data-testid": slotTestId(others, "title", "dialog"),
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        pb: subtitle ? DIALOG_TITLE.paddingBottomUnits.withSubtitle : DIALOG_TITLE.paddingBottomUnits.plain
-      },
-      ...props,
-      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: DIALOG_TITLE.subtitleGapUnits },
-              children: subtitle
-            }
-          )
-        ] }),
-        showCloseButton && onClose && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            "aria-label": "close",
-            onClick: onClose,
-            "data-testid": childTestId(others, "close", "dialog"),
-            sx: {
-              color: "text.secondary",
-              "&:hover": {
-                backgroundColor: "action.hover"
-              }
-            },
-            children: /* @__PURE__ */ jsx(CloseIcon, {})
-          }
-        )
-      ]
-    }
-  );
-};
-var TITLED_BODY_PADDING_TOP = DIALOG_TITLED_BODY_PADDING_TOP_UNITS;
-var TITLED_BODY_SELECTOR = ".MuiDialogTitle-root + &.MuiDialogContent-root";
-var DialogContent = ({
-  children,
-  dividers = false,
-  dense = false,
-  ...others
-}) => /* @__PURE__ */ jsx(
-  MuiDialogContent,
-  {
-    "data-testid": slotTestId(others, "content", "dialog"),
-    dividers,
-    sx: {
-      padding: dense ? DIALOG_CONTENT_PADDING_UNITS.dense : DIALOG_CONTENT_PADDING_UNITS.normal,
-      [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },
-      "&.MuiDialogContent-dividers": {
-        borderTop: dividers ? "1px solid" : "none",
-        borderBottom: dividers ? "1px solid" : "none",
-        borderColor: "divider"
-      }
-    },
-    ...withoutTestIdProps(others),
-    children
-  }
-);
-var DialogActions = ({
-  children,
-  alignment = "right",
-  spacing = DIALOG_ACTIONS.defaultSpacingUnits,
-  ...others
-}) => {
-  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": slotTestId(others, "actions", "dialog"),
-      sx: {
-        justifyContent: getJustifyContent(),
-        gap: spacing,
-        p: DIALOG_ACTIONS.paddingUnits
-      },
-      ...withoutTestIdProps(others),
-      children
-    }
-  );
-};
-
-export {
-  Dialog,
-  DialogHeader,
-  DialogContent,
-  DialogActions
-};
-//# sourceMappingURL=chunk-MQ277OLB.js.map