@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-DBS74X2C.js

@@ -1,193 +0,0 @@
-import {
-  bounceAnimation,
-  breatheAnimation,
-  fadeInOutAnimation,
-  flipAnimation,
-  floatAnimation,
-  glowPulseAnimation,
-  heartbeatAnimation,
-  jelloAnimation,
-  morphAnimation,
-  neonFlickerAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  rotateAnimation,
-  shakeAnimation,
-  spinAnimation,
-  swingAnimation,
-  translateAnimation,
-  wobbleAnimation
-} from "./chunk-3T5Z5HXF.js";
-
-// src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var sizeConfigs = {
-  xs: { size: 12, fontSize: 10 },
-  sm: { size: 24, fontSize: 20 },
-  md: { size: 32, fontSize: 28 },
-  lg: { size: 48, fontSize: 44 },
-  xl: { size: 64, fontSize: 60 }
-};
-var ANIMATIONS = {
-  rotate: { keyframes: `${rotateAnimation}`, easing: "linear", scale: 1 },
-  pulse: { keyframes: `${pulseAnimation}`, easing: "ease-in-out", scale: 1 },
-  translate: { keyframes: `${translateAnimation}`, easing: "ease-in-out", scale: 1 },
-  bounce: { keyframes: `${bounceAnimation}`, easing: "ease-in-out", scale: 1 },
-  shake: { keyframes: `${shakeAnimation}`, easing: "ease-in-out", scale: 1 },
-  flip: { keyframes: `${flipAnimation}`, easing: "ease-in-out", scale: 1 },
-  spin: { keyframes: `${spinAnimation}`, easing: "ease-in-out", scale: 1 },
-  fadeInOut: { keyframes: `${fadeInOutAnimation}`, easing: "ease-in-out", scale: 1 },
-  heartbeat: { keyframes: `${heartbeatAnimation}`, easing: "ease-in-out", scale: 1 },
-  wobble: { keyframes: `${wobbleAnimation}`, easing: "ease-in-out", scale: 1 },
-  morph: { keyframes: `${morphAnimation}`, easing: "ease-in-out", scale: 1 },
-  swing: { keyframes: `${swingAnimation}`, easing: "ease-in-out", scale: 1 },
-  jello: { keyframes: `${jelloAnimation}`, easing: "ease-in-out", scale: 1 },
-  float: { keyframes: `${floatAnimation}`, easing: "ease-in-out", scale: 2 },
-  neonFlicker: { keyframes: `${neonFlickerAnimation}`, easing: "ease-in-out", scale: 2 },
-  breathe: { keyframes: `${breatheAnimation}`, easing: "ease-in-out", scale: 1.5 }
-};
-var animationFor = (variant, duration, delay, loop) => {
-  const spec = ANIMATIONS[variant];
-  if (!spec) return "none";
-  const iterationCount = loop ? "infinite" : "1";
-  return `${spec.keyframes} ${duration * spec.scale}s ${spec.easing} ${iterationCount} ${delay > 0 ? `${delay}s` : "0s"}`;
-};
-var SHADOWS = {
-  soft: (theme) => `0 4px 20px ${alpha(theme.palette.common.black, 0.15)}`,
-  hard: (theme) => `4px 4px 0px ${alpha(theme.palette.common.black, 0.25)}`,
-  elevated: (theme) => `0 10px 40px ${alpha(theme.palette.common.black, 0.2)}, 0 2px 10px ${alpha(theme.palette.common.black, 0.1)}`
-};
-var effectStyles = (theme, flags, animation, color) => {
-  const { $glass, $metallic, $gradient, $neon, $holographic } = flags;
-  return {
-    ...$glass && {
-      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.2)}, ${alpha(theme.palette.background.paper, 0.1)})`,
-      backdropFilter: "blur(10px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.3)}, 0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-    },
-    ...$metallic && {
-      background: `linear-gradient(145deg,
-      ${theme.palette.grey[300]} 0%,
-      ${theme.palette.grey[500]} 25%,
-      ${theme.palette.grey[400]} 50%,
-      ${theme.palette.grey[600]} 75%,
-      ${theme.palette.grey[400]} 100%)`,
-      backgroundSize: "200% 200%",
-      animation: `${animation}, ${breatheAnimation} 4s ease-in-out infinite`,
-      boxShadow: `inset 0 2px 4px ${alpha(theme.palette.common.white, 0.5)},
-                inset 0 -2px 4px ${alpha(theme.palette.common.black, 0.3)},
-                0 4px 8px ${alpha(theme.palette.common.black, 0.2)}`
-    },
-    ...$gradient && {
-      background: `linear-gradient(135deg,
-      ${theme.palette.primary.main} 0%,
-      ${theme.palette.secondary.main} 100%)`,
-      backgroundSize: "200% 200%",
-      animation: `${animation}, ${breatheAnimation} 3s ease-in-out infinite`
-    },
-    ...$neon && {
-      color,
-      textShadow: `0 0 10px ${color}, 0 0 20px ${color}, 0 0 30px ${color}`,
-      filter: `brightness(1.2) contrast(1.2)`,
-      animation: `${animation}, ${neonFlickerAnimation} 3s ease-in-out infinite`
-    },
-    ...$holographic && {
-      background: `linear-gradient(45deg,
-      ${theme.palette.primary.main} 0%,
-      ${theme.palette.secondary.main} 25%,
-      ${theme.palette.error.main} 50%,
-      ${theme.palette.warning.main} 75%,
-      ${theme.palette.primary.main} 100%)`,
-      backgroundSize: "400% 400%",
-      animation: `${animation}, ${floatAnimation} 6s ease-in-out infinite`,
-      backgroundClip: "text",
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      filter: `hue-rotate(0deg)`,
-      "@keyframes hueRotate": {
-        "0%": { filter: "hue-rotate(0deg)" },
-        "100%": { filter: "hue-rotate(360deg)" }
-      },
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        inset: -2,
-        borderRadius: "50%",
-        background: "inherit",
-        filter: "blur(10px)",
-        opacity: 0.5,
-        zIndex: -1
-      }
-    }
-  };
-};
-var iconSx = (theme, flags) => {
-  const {
-    $size,
-    $fontSize,
-    $animationVariant,
-    $duration,
-    $delay,
-    $loop,
-    $glow,
-    $glowColor,
-    $customColor,
-    $shadow,
-    $ripple,
-    $neon
-  } = flags;
-  const color = $customColor || theme.palette.primary.main;
-  const glowColor = $glowColor || color;
-  const animation = animationFor($animationVariant, $duration, $delay, $loop);
-  const glyphSize = { fontSize: $fontSize, width: $fontSize, height: $fontSize };
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: $size,
-    height: $size,
-    color,
-    animation,
-    position: "relative",
-    cursor: "default",
-    borderRadius: "50%",
-    transition: "all 0.3s ease",
-    boxShadow: SHADOWS[$shadow ?? "none"]?.(theme) ?? "none",
-    ...$glow && {
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        inset: -8,
-        borderRadius: "50%",
-        background: `radial-gradient(circle, ${alpha(glowColor, 0.3)} 0%, transparent 70%)`,
-        animation: `${glowPulseAnimation} ${$duration * 1.2}s ease-in-out infinite`,
-        zIndex: -1
-      },
-      filter: `drop-shadow(0 0 8px ${alpha(glowColor, 0.5)})`
-    },
-    ...effectStyles(theme, flags, animation, color),
-    ...$ripple && {
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        borderRadius: "50%",
-        border: `2px solid ${color}`,
-        animation: `${rippleAnimation} ${$duration * 1.5}s ease-out infinite`
-      }
-    },
-    "& .MuiSvgIcon-root": glyphSize,
-    "& svg": glyphSize,
-    "&:hover": {
-      transform: "scale(1.05)",
-      filter: $neon ? `brightness(1.4) contrast(1.3)` : void 0
-    }
-  };
-};
-
-export {
-  sizeConfigs,
-  iconSx
-};
-//# sourceMappingURL=chunk-DBS74X2C.js.map

package/dist/chunk-DBS74X2C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  bounceAnimation,\n  breatheAnimation,\n  fadeInOutAnimation,\n  flipAnimation,\n  floatAnimation,\n  glowPulseAnimation,\n  heartbeatAnimation,\n  jelloAnimation,\n  morphAnimation,\n  neonFlickerAnimation,\n  pulseAnimation,\n  rippleAnimation,\n  rotateAnimation,\n  shakeAnimation,\n  spinAnimation,\n  swingAnimation,\n  translateAnimation,\n  wobbleAnimation,\n} from './AnimatedIcon.animations';\nimport type { AnimationSize, AnimationVariant } from './AnimatedIcon.types';\n\nexport const sizeConfigs: Record<AnimationSize, { size: number; fontSize: number }> = {\n  xs: { size: 12, fontSize: 10 },\n  sm: { size: 24, fontSize: 20 },\n  md: { size: 32, fontSize: 28 },\n  lg: { size: 48, fontSize: 44 },\n  xl: { size: 64, fontSize: 60 },\n};\n\n/**\n * Every variant produces the same shorthand — keyframes, duration, easing,\n * iteration count, delay — so only the three things that actually differ are\n * tabulated. `scale` multiplies the caller's duration for the variants that\n * read as slower than the rest.\n */\nconst ANIMATIONS: Record<string, { keyframes: string; easing: string; scale: number }> = {\n  rotate: { keyframes: `${rotateAnimation}`, easing: 'linear', scale: 1 },\n  pulse: { keyframes: `${pulseAnimation}`, easing: 'ease-in-out', scale: 1 },\n  translate: { keyframes: `${translateAnimation}`, easing: 'ease-in-out', scale: 1 },\n  bounce: { keyframes: `${bounceAnimation}`, easing: 'ease-in-out', scale: 1 },\n  shake: { keyframes: `${shakeAnimation}`, easing: 'ease-in-out', scale: 1 },\n  flip: { keyframes: `${flipAnimation}`, easing: 'ease-in-out', scale: 1 },\n  spin: { keyframes: `${spinAnimation}`, easing: 'ease-in-out', scale: 1 },\n  fadeInOut: { keyframes: `${fadeInOutAnimation}`, easing: 'ease-in-out', scale: 1 },\n  heartbeat: { keyframes: `${heartbeatAnimation}`, easing: 'ease-in-out', scale: 1 },\n  wobble: { keyframes: `${wobbleAnimation}`, easing: 'ease-in-out', scale: 1 },\n  morph: { keyframes: `${morphAnimation}`, easing: 'ease-in-out', scale: 1 },\n  swing: { keyframes: `${swingAnimation}`, easing: 'ease-in-out', scale: 1 },\n  jello: { keyframes: `${jelloAnimation}`, easing: 'ease-in-out', scale: 1 },\n  float: { keyframes: `${floatAnimation}`, easing: 'ease-in-out', scale: 2 },\n  neonFlicker: { keyframes: `${neonFlickerAnimation}`, easing: 'ease-in-out', scale: 2 },\n  breathe: { keyframes: `${breatheAnimation}`, easing: 'ease-in-out', scale: 1.5 },\n};\n\nconst animationFor = (\n  variant: AnimationVariant,\n  duration: number,\n  delay: number,\n  loop: boolean,\n) => {\n  const spec = ANIMATIONS[variant];\n  if (!spec) return 'none';\n\n  const iterationCount = loop ? 'infinite' : '1';\n  return `${spec.keyframes} ${duration * spec.scale}s ${spec.easing} ${iterationCount} ${delay > 0 ? `${delay}s` : '0s'}`;\n};\n\nconst SHADOWS: Record<string, (theme: Theme) => string> = {\n  soft: (theme) => `0 4px 20px ${alpha(theme.palette.common.black, 0.15)}`,\n  hard: (theme) => `4px 4px 0px ${alpha(theme.palette.common.black, 0.25)}`,\n  elevated: (theme) =>\n    `0 10px 40px ${alpha(theme.palette.common.black, 0.2)}, 0 2px 10px ${alpha(theme.palette.common.black, 0.1)}`,\n};\n\nexport interface IconStyleFlags {\n  $size: number;\n  $fontSize: number;\n  $animationVariant: AnimationVariant;\n  $duration: number;\n  $delay: number;\n  $loop: boolean;\n  $glow: boolean;\n  $glass: boolean;\n  $glowColor?: string;\n  $customColor?: string;\n  $metallic?: boolean;\n  $gradient?: boolean;\n  $shadow?: 'soft' | 'hard' | 'elevated' | 'none';\n  $ripple?: boolean;\n  $neon?: boolean;\n  $holographic?: boolean;\n}\n\n/**\n * The four surface treatments that paint the icon themselves — metallic,\n * gradient, neon and holographic — each run a second animation alongside the\n * chosen one, so they all need the base animation string.\n */\nconst effectStyles = (\n  theme: Theme,\n  flags: IconStyleFlags,\n  animation: string,\n  color: string,\n): CSSObject => {\n  const { $glass, $metallic, $gradient, $neon, $holographic } = flags;\n\n  return {\n    ...($glass && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.2)}, ${alpha(theme.palette.background.paper, 0.1)})`,\n      backdropFilter: 'blur(10px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.3)}, 0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n    }),\n    ...($metallic && {\n      background: `linear-gradient(145deg,\n      ${theme.palette.grey[300]} 0%,\n      ${theme.palette.grey[500]} 25%,\n      ${theme.palette.grey[400]} 50%,\n      ${theme.palette.grey[600]} 75%,\n      ${theme.palette.grey[400]} 100%)`,\n      backgroundSize: '200% 200%',\n      animation: `${animation}, ${breatheAnimation} 4s ease-in-out infinite`,\n      boxShadow: `inset 0 2px 4px ${alpha(theme.palette.common.white, 0.5)},\n                inset 0 -2px 4px ${alpha(theme.palette.common.black, 0.3)},\n                0 4px 8px ${alpha(theme.palette.common.black, 0.2)}`,\n    }),\n    ...($gradient && {\n      background: `linear-gradient(135deg,\n      ${theme.palette.primary.main} 0%,\n      ${theme.palette.secondary.main} 100%)`,\n      backgroundSize: '200% 200%',\n      animation: `${animation}, ${breatheAnimation} 3s ease-in-out infinite`,\n    }),\n    ...($neon && {\n      color,\n      textShadow: `0 0 10px ${color}, 0 0 20px ${color}, 0 0 30px ${color}`,\n      filter: `brightness(1.2) contrast(1.2)`,\n      animation: `${animation}, ${neonFlickerAnimation} 3s ease-in-out infinite`,\n    }),\n    ...($holographic && {\n      background: `linear-gradient(45deg,\n      ${theme.palette.primary.main} 0%,\n      ${theme.palette.secondary.main} 25%,\n      ${theme.palette.error.main} 50%,\n      ${theme.palette.warning.main} 75%,\n      ${theme.palette.primary.main} 100%)`,\n      backgroundSize: '400% 400%',\n      animation: `${animation}, ${floatAnimation} 6s ease-in-out infinite`,\n      backgroundClip: 'text',\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      filter: `hue-rotate(0deg)`,\n      '@keyframes hueRotate': {\n        '0%': { filter: 'hue-rotate(0deg)' },\n        '100%': { filter: 'hue-rotate(360deg)' },\n      },\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: -2,\n        borderRadius: '50%',\n        background: 'inherit',\n        filter: 'blur(10px)',\n        opacity: 0.5,\n        zIndex: -1,\n      },\n    }),\n  };\n};\n\nexport const iconSx = (theme: Theme, flags: IconStyleFlags): CSSObject => {\n  const {\n    $size, $fontSize, $animationVariant, $duration, $delay, $loop,\n    $glow, $glowColor, $customColor, $shadow, $ripple, $neon,\n  } = flags;\n\n  const color = $customColor || theme.palette.primary.main;\n  const glowColor = $glowColor || color;\n  const animation = animationFor($animationVariant, $duration, $delay, $loop);\n\n  // Both selectors size the same glyph — MUI icons render an MuiSvgIcon-root,\n  // a bare child renders an svg.\n  const glyphSize = { fontSize: $fontSize, width: $fontSize, height: $fontSize };\n\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: $size,\n    height: $size,\n    color,\n    animation,\n    position: 'relative' as const,\n    cursor: 'default',\n    borderRadius: '50%',\n    transition: 'all 0.3s ease',\n    boxShadow: SHADOWS[$shadow ?? 'none']?.(theme) ?? 'none',\n    ...($glow && {\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: -8,\n        borderRadius: '50%',\n        background: `radial-gradient(circle, ${alpha(glowColor, 0.3)} 0%, transparent 70%)`,\n        animation: `${glowPulseAnimation} ${$duration * 1.2}s ease-in-out infinite`,\n        zIndex: -1,\n      },\n      filter: `drop-shadow(0 0 8px ${alpha(glowColor, 0.5)})`,\n    }),\n    ...effectStyles(theme, flags, animation, color),\n    ...($ripple && {\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: 0,\n        borderRadius: '50%',\n        border: `2px solid ${color}`,\n        animation: `${rippleAnimation} ${$duration * 1.5}s ease-out infinite`,\n      },\n    }),\n    '& .MuiSvgIcon-root': glyphSize,\n    '& svg': glyphSize,\n    '&:hover': {\n      transform: 'scale(1.05)',\n      filter: $neon ? `brightness(1.4) contrast(1.3)` : undefined,\n    },\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-DIWC6AQL.js

@@ -1,173 +0,0 @@
-import {
-  EditorToolbar
-} from "./chunk-4V7DBU4H.js";
-import {
-  useCodeEditor
-} from "./chunk-ZSXV3ERD.js";
-import {
-  makeTestId,
-  resolveCodeEditorProps
-} from "./chunk-CSSCGM27.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/form/CodeEditor/CodeEditor.tsx
-import Editor from "@monaco-editor/react";
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditorContainer = styled(Paper)(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
-  backdropFilter: "blur(10px)",
-  WebkitBackdropFilter: "blur(10px)",
-  border: `1px solid ${fieldEdge(theme)}`,
-  borderRadius: fieldRadius(theme),
-  overflow: "hidden"
-}));
-var EditorWrapper = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "fullscreen"
-})(({ theme, fullscreen }) => ({
-  position: "relative",
-  flex: 1,
-  minHeight: 200,
-  ...fullscreen && {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: theme.zIndex.modal,
-    background: theme.palette.background.paper
-  }
-}));
-var PlaceholderOverlay = styled(Box)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(2),
-  left: theme.spacing(8),
-  color: theme.palette.text.disabled,
-  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
-  fontSize: "0.875rem",
-  pointerEvents: "none",
-  userSelect: "none"
-}));
-var EditorLoading = ({ label }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "100%",
-      color: "text.secondary"
-    },
-    children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: label })
-  }
-);
-var buildEditorOptions = ({
-  minimap,
-  fontSize,
-  isWrapped,
-  lineNumbers,
-  readOnly
-}) => ({
-  readOnly,
-  // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value
-  // This prevents undefined from being interpreted differently in various environments
-  minimap: { enabled: minimap === true },
-  fontSize,
-  wordWrap: isWrapped ? "on" : "off",
-  lineNumbers: lineNumbers ? "on" : "off",
-  scrollBeyondLastLine: false,
-  automaticLayout: true,
-  tabSize: 2,
-  insertSpaces: true,
-  folding: true,
-  foldingStrategy: "indentation",
-  showFoldingControls: "mouseover",
-  smoothScrolling: true,
-  cursorBlinking: "smooth",
-  cursorSmoothCaretAnimation: "on",
-  renderWhitespace: "selection",
-  renderLineHighlight: "all",
-  selectOnLineNumbers: true,
-  roundedSelection: true,
-  padding: { top: 16, bottom: 16 },
-  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
-  fontLigatures: true
-});
-var CodeEditor = (componentProps) => {
-  const {
-    language,
-    height,
-    theme: themeProp,
-    value,
-    onChange,
-    readOnly,
-    lineNumbers,
-    minimap,
-    fontSize,
-    wordWrap,
-    showToolbar,
-    autoFormat,
-    placeholder,
-    onSave,
-    dataTestId,
-    copy
-  } = resolveCodeEditorProps(componentProps);
-  const testId = makeTestId(dataTestId);
-  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });
-  const editorOptions = buildEditorOptions({
-    minimap,
-    fontSize,
-    isWrapped: editor.isWrapped,
-    lineNumbers,
-    readOnly
-  });
-  return /* @__PURE__ */ jsxs(EditorContainer, { elevation: 2, "data-testid": dataTestId || "code-editor", children: [
-    showToolbar && /* @__PURE__ */ jsx(
-      EditorToolbar,
-      {
-        copy,
-        language,
-        readOnly,
-        isWrapped: editor.isWrapped,
-        isCopied: editor.isCopied,
-        isFullscreen: editor.isFullscreen,
-        dataTestId,
-        onFormat: editor.handleFormat,
-        onCopy: editor.handleCopy,
-        onWrapToggle: editor.handleWrapToggle,
-        onFullscreenToggle: editor.handleFullscreenToggle
-      }
-    ),
-    /* @__PURE__ */ jsxs(EditorWrapper, { fullscreen: editor.isFullscreen, "data-testid": testId("editor-wrapper"), children: [
-      placeholder && !value && /* @__PURE__ */ jsx(PlaceholderOverlay, { "data-testid": testId("placeholder"), children: placeholder }),
-      /* @__PURE__ */ jsx(
-        Editor,
-        {
-          height: editor.isFullscreen ? "100vh" : height,
-          language,
-          value,
-          onChange: (newValue) => onChange?.(newValue || ""),
-          theme: editor.editorTheme,
-          options: editorOptions,
-          onMount: editor.handleEditorDidMount,
-          loading: /* @__PURE__ */ jsx(EditorLoading, { label: copy.loading })
-        }
-      )
-    ] })
-  ] });
-};
-
-export {
-  CodeEditor
-};
-//# sourceMappingURL=chunk-DIWC6AQL.js.map

package/dist/chunk-DO3UNZAU.js

@@ -1,269 +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,
-  NEUTRAL_GREY,
-  PULSE,
-  SEMANTIC_SURFACE,
-  SEMANTIC_VARIANTS,
-  seconds
-} from "./chunk-PTP3CZL4.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.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 = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 ${PULSE.spread}px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -${GRADIENT.shimmerTravel}px 0;
-  }
-  100% {
-    background-position: ${GRADIENT.shimmerTravel}px 0;
-  }
-`;
-var fadeInScale = keyframes`
-  from {
-    opacity: 0;
-    transform: scale(${FADE_IN.scale}) translateY(-${FADE_IN.lift}px);
-  }
-  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 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: theme.palette.grey[NEUTRAL_GREY.main] || "#9E9E9E",
-      light: theme.palette.grey[NEUTRAL_GREY.light] || "#E0E0E0",
-      dark: theme.palette.grey[NEUTRAL_GREY.dark] || "#616161"
-    }
-  };
-  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: px(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(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
-    WebkitBackdropFilter: `blur(${GLASS.blur}px) 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(1px)) or (-webkit-backdrop-filter: blur(1px)))": {
-      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: `-${GRADIENT.shimmerTravel}px`,
-      width: "100%",
-      height: "100%",
-      background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, GRADIENT.shimmerAlpha)}, transparent)`,
-      animation: `${shimmerAnimation} ${seconds(GRADIENT.shimmerMs)} infinite`
-    }
-  }
-});
-var glowStyles = (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 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,
-  filter: `brightness(${GLOW.brightness})`
-});
-var pulseAfter = (colorPalette) => ({
-  content: '""',
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  borderRadius: "inherit",
-  backgroundColor: colorPalette.main,
-  opacity: PULSE.alpha,
-  animation: `${pulseAnimation} ${seconds(PULSE.ms)} infinite`,
-  pointerEvents: "none",
-  zIndex: -1
-});
-var alertEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && !pulse && glowStyles(colorPalette),
-  // Pulse animation
-  ...pulse && !glow && {
-    position: "relative",
-    "&::after": pulseAfter(colorPalette)
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    position: "relative",
-    ...glowStyles(colorPalette),
-    "&::after": pulseAfter(colorPalette)
-  }
-});
-
-export {
-  pulseAnimation,
-  shimmerAnimation,
-  fadeInScale,
-  iconRotate,
-  getColorFromTheme,
-  getVariantIcon,
-  alertLayoutStyles,
-  alertVariantStyles,
-  alertEmphasisStyles
-};
-//# sourceMappingURL=chunk-DO3UNZAU.js.map