@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-N74IYYRU.js

@@ -1,183 +0,0 @@
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
-import {
-  buildBadgeContent
-} from "./chunk-IOEF32HX.js";
-import {
-  badgeStyles,
-  getAnchorOrigin
-} from "./chunk-5RHMLOIA.js";
-import {
-  CLOSE_DELAY_MS,
-  MOUNT_ANIMATION_MS
-} from "./chunk-XV2TDULR.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/data-display/Badge/Badge.tsx
-import MuiBadge from "@mui/material/Badge/index.js";
-import Zoom from "@mui/material/Zoom/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React, { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledBadge = styled(MuiBadge, {
-  shouldForwardProp: (prop) => ![
-    "customVariant",
-    "customSize",
-    "customColor",
-    "glow",
-    "pulse",
-    "animate",
-    "shimmer",
-    "bounce",
-    "hasIcon"
-  ].includes(prop)
-})(({
-  theme,
-  customVariant,
-  customSize = "md",
-  customColor = "primary",
-  glow,
-  pulse,
-  animate,
-  shimmer,
-  bounce,
-  hasIcon
-}) => {
-  return badgeStyles({
-    theme,
-    customVariant,
-    customSize,
-    customColor,
-    glow,
-    pulse,
-    animate,
-    shimmer,
-    bounce,
-    hasIcon
-  });
-});
-var useMountAnimation = (enabled) => {
-  const [isAnimating, setIsAnimating] = useState(false);
-  useEffect(() => {
-    if (!enabled) return;
-    setIsAnimating(true);
-    const timer = window.setTimeout(() => setIsAnimating(false), MOUNT_ANIMATION_MS);
-    return () => window.clearTimeout(timer);
-  }, [enabled]);
-  return isAnimating;
-};
-var BadgeSurface = ({ innerRef, isVisible, isAnimating, shouldBeInvisible, finalBadgeContent, aria, rest, ...p }) => {
-  const testId = p["data-testid"];
-  return /* @__PURE__ */ jsx(Zoom, { in: isVisible, timeout: CLOSE_DELAY_MS, children: /* @__PURE__ */ jsx(
-    StyledBadge,
-    {
-      ref: innerRef,
-      className: p.className,
-      customVariant: p.variant,
-      customSize: p.size,
-      customColor: p.color,
-      glow: p.glow,
-      pulse: p.pulse,
-      animate: p.animate,
-      shimmer: p.shimmer,
-      bounce: p.bounce && isAnimating,
-      hasIcon: Boolean(p.icon),
-      badgeContent: finalBadgeContent,
-      variant: p.variant === "dot" ? "dot" : "standard",
-      anchorOrigin: getAnchorOrigin(p.position),
-      invisible: shouldBeInvisible,
-      "data-testid": testId || "badge",
-      slotProps: {
-        badge: {
-          ...aria,
-          // @ts-expect-error - MUI Badge slotProps doesn't include data-testid in types, but it works at runtime
-          "data-testid": testId ? `${testId}-content-wrapper` : "badge-content-wrapper"
-        }
-      },
-      ...rest,
-      children: p.children
-    }
-  ) });
-};
-var Badge = React.forwardRef((componentProps, ref) => {
-  const resolved = resolveBadgeProps(componentProps);
-  const {
-    variant,
-    size,
-    color: _color,
-    glow: _glow,
-    pulse: _pulse,
-    animate,
-    shimmer: _shimmer,
-    bounce,
-    max,
-    showZero,
-    position: _position,
-    children: _children,
-    invisible,
-    closable,
-    onClose,
-    icon,
-    "aria-label": ariaLabel,
-    "aria-live": ariaLive = "polite",
-    "aria-atomic": ariaAtomic = true,
-    "data-testid": _domTestId,
-    // The house and React Native spellings of the same id; they name the
-    // component on both sides and must not reach the DOM as attributes.
-    testID: _testID,
-    dataTestId: _dataTestId,
-    className: _className,
-    content: _content,
-    badgeContent: _badgeContent,
-    ...props
-  } = resolved;
-  const [isVisible, setIsVisible] = useState(true);
-  const isAnimating = useMountAnimation(animate || bounce);
-  const handleClose = (event) => {
-    event.stopPropagation();
-    setIsVisible(false);
-    window.setTimeout(() => onClose?.(), CLOSE_DELAY_MS);
-  };
-  const badgeId = resolveTestId(resolved);
-  const rawContent = badgeContentOf(resolved);
-  const finalBadgeContent = buildBadgeContent({
-    variant,
-    size,
-    icon,
-    closable,
-    dataTestId: badgeId,
-    baseContent: variant === "count" ? formatCount(rawContent, { max, showZero }) : rawContent,
-    onClose: handleClose
-  });
-  const shouldBeInvisible = invisible || variant === "count" && finalBadgeContent === null && !showZero || !isVisible;
-  return /* @__PURE__ */ jsx(
-    BadgeSurface,
-    {
-      ...resolved,
-      "data-testid": badgeId,
-      innerRef: ref,
-      isVisible,
-      isAnimating,
-      shouldBeInvisible,
-      finalBadgeContent,
-      aria: definedAria({
-        "aria-label": ariaLabel,
-        "aria-live": ariaLive,
-        "aria-atomic": ariaAtomic
-      }),
-      rest: props
-    }
-  );
-});
-Badge.displayName = "Badge";
-
-export {
-  Badge
-};
-//# sourceMappingURL=chunk-N74IYYRU.js.map

package/dist/chunk-NARIG5FL.js

@@ -1,98 +0,0 @@
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/form/Textarea/Textarea.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var glowAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 5px currentColor;
-  }
-  50% {
-    box-shadow: 0 0 20px currentColor, 0 0 30px currentColor;
-  }
-  100% {
-    box-shadow: 0 0 5px currentColor;
-  }
-`;
-var floatAnimation = keyframes`
-  0% {
-    transform: translateY(0px);
-  }
-  50% {
-    transform: translateY(-3px);
-  }
-  100% {
-    transform: translateY(0px);
-  }
-`;
-var neutralPalette = (theme) => {
-  const grey = theme.palette.grey;
-  return {
-    main: grey?.[700] || "#616161",
-    dark: grey?.[800] || "#424242",
-    light: grey?.[500] || "#9e9e9e",
-    contrastText: "#fff"
-  };
-};
-var pick = (...candidates) => candidates.find(Boolean) ?? "";
-var withFallbacks = (theme, palette) => ({
-  main: pick(palette?.main, theme.palette.primary.main),
-  dark: pick(palette?.dark, palette?.main, theme.palette.primary.dark),
-  light: pick(palette?.light, palette?.main, theme.palette.primary.light),
-  contrastText: pick(palette?.contrastText, "#fff")
-});
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") return neutralPalette(theme);
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  return withFallbacks(theme, colorMap[color] || theme.palette.primary);
-};
-var textareaEmphasisStyles = ({
-  theme,
-  colorPalette,
-  glass,
-  gradient,
-  glow
-}) => {
-  const glassStyles = glass ? {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${fieldEdge(theme)}`,
-    "&:hover": {
-      backgroundColor: alpha(theme.palette.background.paper, 0.15),
-      backdropFilter: "blur(25px)"
-    },
-    "&:focus": {
-      backgroundColor: alpha(theme.palette.background.paper, 0.2),
-      backdropFilter: "blur(30px)"
-    }
-  } : {};
-  const gradientStyles = gradient ? {
-    background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
-               linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light}) border-box`,
-    border: "2px solid transparent",
-    "&:focus": {
-      background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
-                 linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark}) border-box`
-    }
-  } : {};
-  const glowStyles = glow ? {
-    animation: `${glowAnimation} 2s ease-in-out infinite`,
-    boxShadow: `0 0 10px ${alpha(colorPalette.main, 0.3)}`
-  } : {};
-  return { ...glassStyles, ...gradientStyles, ...glowStyles };
-};
-
-export {
-  floatAnimation,
-  getColorFromTheme,
-  textareaEmphasisStyles
-};
-//# sourceMappingURL=chunk-NARIG5FL.js.map

package/dist/chunk-NARIG5FL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Textarea/Textarea.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\n\nconst glowAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 20px currentColor, 0 0 30px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor;\n  }\n`;\n\n// Ripple animation for buttons (commented out - not currently used)\n// const rippleAnimation = keyframes`\n//   0% {\n//     transform: scale(0);\n//     opacity: 1;\n//   }\n//   100% {\n//     transform: scale(4);\n//     opacity: 0;\n//   }\n// `;\n\n// Float animation for rich text toolbar\nexport const floatAnimation = keyframes`\n  0% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(-3px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n`;\n\ntype ResolvedPalette = {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n};\n\ntype PartialPalette = { main: string; dark?: string; light?: string; contrastText?: string };\n\n// grey is indexed by weight rather than main/dark/light, so neutral is built by\n// hand. The literals are the MUI grey values, used if the theme omits a weight.\nconst neutralPalette = (theme: Theme): ResolvedPalette => {\n  const grey = theme.palette.grey as unknown as Record<number, string>;\n\n  return {\n    main: grey?.[700] || '#616161',\n    dark: grey?.[800] || '#424242',\n    light: grey?.[500] || '#9e9e9e',\n    contrastText: '#fff',\n  };\n};\n\n// Each slot falls back to the palette's own main, then to primary — a custom\n// theme can define main without dark or light.\nconst pick = (...candidates: Array<string | undefined>): string =>\n  candidates.find(Boolean) ?? '';\n\nconst withFallbacks = (theme: Theme, palette: PartialPalette): ResolvedPalette => ({\n  main: pick(palette?.main, theme.palette.primary.main),\n  dark: pick(palette?.dark, palette?.main, theme.palette.primary.dark),\n  light: pick(palette?.light, palette?.main, theme.palette.primary.light),\n  contrastText: pick(palette?.contrastText, '#fff'),\n});\n\nexport const getColorFromTheme = (theme: Theme, color: string): ResolvedPalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, PartialPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return withFallbacks(theme, colorMap[color] || theme.palette.primary);\n};\n\n// glass, gradient and glow are independent flags that each layer styles onto the\n// base. Spelled out here rather than inline so the styled() callback keeps one\n// branch instead of three.\nexport const textareaEmphasisStyles = ({\n  theme,\n  colorPalette,\n  glass,\n  gradient,\n  glow,\n}: {\n  theme: Theme;\n  colorPalette: { main: string; light?: string; dark?: string };\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n}): CSSObject => {\nconst glassStyles = glass\n  ? {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${fieldEdge(theme)}`,\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.background.paper, 0.15),\n        backdropFilter: 'blur(25px)',\n      },\n      '&:focus': {\n        backgroundColor: alpha(theme.palette.background.paper, 0.2),\n        backdropFilter: 'blur(30px)',\n      },\n    }\n  : {};\n\n// Gradient border effect\nconst gradientStyles = gradient\n  ? {\n      background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,\n               linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light}) border-box`,\n      border: '2px solid transparent',\n      '&:focus': {\n        background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,\n                 linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark}) border-box`,\n      },\n    }\n  : {};\n\n// Glow effect\nconst glowStyles = glow\n  ? {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 10px ${alpha(colorPalette.main, 0.3)}`,\n    }\n  : {};\n\n  return { ...glassStyles, ...gradientStyles, ...glowStyles };\n};\n"],"mappings":";;;;;AAAA,SAAS,OAAO,iBAAiB;AAKjC,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuB9B,IAAM,iBAAiB,CAAC,UAAkC;AACxD,QAAM,OAAO,MAAM,QAAQ;AAE3B,SAAO;AAAA,IACL,MAAM,OAAO,GAAG,KAAK;AAAA,IACrB,MAAM,OAAO,GAAG,KAAK;AAAA,IACrB,OAAO,OAAO,GAAG,KAAK;AAAA,IACtB,cAAc;AAAA,EAChB;AACF;AAIA,IAAM,OAAO,IAAI,eACf,WAAW,KAAK,OAAO,KAAK;AAE9B,IAAM,gBAAgB,CAAC,OAAc,aAA8C;AAAA,EACjF,MAAM,KAAK,SAAS,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,EACpD,MAAM,KAAK,SAAS,MAAM,SAAS,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,EACnE,OAAO,KAAK,SAAS,OAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,KAAK;AAAA,EACtE,cAAc,KAAK,SAAS,cAAc,MAAM;AAClD;AAEO,IAAM,oBAAoB,CAAC,OAAc,UAAmC;AACjF,MAAI,UAAU,UAAW,QAAO,eAAe,KAAK;AAEpD,QAAM,WAA2C;AAAA,IAC/C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,cAAc,OAAO,SAAS,KAAK,KAAK,MAAM,QAAQ,OAAO;AACtE;AAKO,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMiB;AACjB,QAAM,cAAc,QAChB;AAAA,IACE,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,QAAQ,aAAa,UAAU,KAAK,CAAC;AAAA,IACrC,WAAW;AAAA,MACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,MAC3D,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC1D,gBAAgB;AAAA,IAClB;AAAA,EACF,IACA,CAAC;AAGL,QAAM,iBAAiB,WACnB;AAAA,IACE,YAAY,mBAAmB,MAAM,QAAQ,WAAW,KAAK,KAAK,MAAM,QAAQ,WAAW,KAAK;AAAA,yCAC7D,aAAa,IAAI,KAAK,aAAa,KAAK;AAAA,IAC3E,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,YAAY,mBAAmB,MAAM,QAAQ,WAAW,KAAK,KAAK,MAAM,QAAQ,WAAW,KAAK;AAAA,2CAC7D,aAAa,IAAI,KAAK,aAAa,IAAI;AAAA,IAC5E;AAAA,EACF,IACA,CAAC;AAGL,QAAM,aAAa,OACf;AAAA,IACE,WAAW,GAAG,aAAa;AAAA,IAC3B,WAAW,YAAY,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,EACtD,IACA,CAAC;AAEH,SAAO,EAAE,GAAG,aAAa,GAAG,gBAAgB,GAAG,WAAW;AAC5D;","names":[]}

package/dist/chunk-NFGVP3HN.js

@@ -1,88 +0,0 @@
-import {
-  asFieldSize,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/form/InputOTP/InputOTP.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var neutralPalette = (theme) => ({
-  main: theme.palette.grey[700],
-  dark: theme.palette.grey[800],
-  light: theme.palette.grey[500],
-  contrastText: "#fff"
-});
-var namedPalette = (theme, color) => {
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return neutralPalette(theme);
-  }
-  const palette = namedPalette(theme, color);
-  const { primary } = theme.palette;
-  return {
-    main: palette.main || primary.main,
-    dark: palette.dark || palette.main || primary.dark,
-    light: palette.light || palette.main || primary.light,
-    contrastText: palette.contrastText || "#fff"
-  };
-};
-var SIZES = {
-  xs: { fontSize: "0.75rem" },
-  sm: { fontSize: "0.875rem" },
-  md: { fontSize: "1rem" },
-  lg: { fontSize: "1.125rem" },
-  xl: { fontSize: "1.25rem" }
-};
-var otpSlotSx = (theme, flags) => {
-  const { customColor = "primary", customSize = "md", glass, gradient } = flags;
-  const palette = getColorFromTheme(theme, customColor);
-  const { fontSize } = SIZES[customSize] ?? SIZES.md;
-  const side = fieldHeight(theme, asFieldSize(customSize));
-  return {
-    width: side,
-    height: side,
-    "& .MuiOutlinedInput-root": {
-      width: side,
-      height: side,
-      fontSize,
-      fontWeight: 600,
-      textAlign: "center",
-      borderRadius: fieldRadius(theme),
-      ...glass && {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        "& fieldset": { border: `1px solid ${fieldEdge(theme)}` }
-      },
-      ...gradient && {
-        "&.Mui-focused fieldset": {
-          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,
-          borderWidth: "2px"
-        }
-      },
-      "& input": { textAlign: "center", padding: 0, fontWeight: "inherit" },
-      ...!glass && { "& fieldset": { borderColor: fieldEdge(theme) } },
-      "&:hover fieldset": { borderColor: palette.main },
-      "&.Mui-focused fieldset": { borderColor: palette.main, borderWidth: "2px" }
-    }
-  };
-};
-
-export {
-  otpSlotSx
-};
-//# sourceMappingURL=chunk-NFGVP3HN.js.map

package/dist/chunk-NFGVP3HN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey[700],\n  dark: theme.palette.grey[800],\n  light: theme.palette.grey[500],\n  contrastText: '#fff',\n});\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || '#fff',\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Each slot's type. Its side is the theme's field height for the size (a square). */\nconst SIZES: Record<SizeKey, { fontSize: string }> = {\n  xs: { fontSize: '0.75rem' },\n  sm: { fontSize: '0.875rem' },\n  md: { fontSize: '1rem' },\n  lg: { fontSize: '1.125rem' },\n  xl: { fontSize: '1.25rem' },\n};\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n}\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const { fontSize } = SIZES[customSize as SizeKey] ?? SIZES.md;\n  // A slot is a field: a square of the theme's field height for its size.\n  const side = fieldHeight(theme, asFieldSize(customSize));\n\n  return {\n    width: side,\n    height: side,\n    '& .MuiOutlinedInput-root': {\n      width: side,\n      height: side,\n      fontSize,\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: fieldRadius(theme),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        '& fieldset': { border: `1px solid ${fieldEdge(theme)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: '2px',\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      ...(!glass && { '& fieldset': { borderColor: fieldEdge(theme) } }),\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: '2px' },\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,aAAa;AAetB,IAAM,iBAAiB,CAAC,WAAgC;AAAA,EACtD,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC7B,cAAc;AAChB;AAGA,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAKA,IAAM,QAA+C;AAAA,EACnD,IAAI,EAAE,UAAU,UAAU;AAAA,EAC1B,IAAI,EAAE,UAAU,WAAW;AAAA,EAC3B,IAAI,EAAE,UAAU,OAAO;AAAA,EACvB,IAAI,EAAE,UAAU,WAAW;AAAA,EAC3B,IAAI,EAAE,UAAU,UAAU;AAC5B;AASO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,SAAS,IAAI;AACxE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,EAAE,SAAS,IAAI,MAAM,UAAqB,KAAK,MAAM;AAE3D,QAAM,OAAO,YAAY,OAAO,YAAY,UAAU,CAAC;AAEvD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,4BAA4B;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,YAAY,KAAK;AAAA,MAC/B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,cAAc,EAAE,QAAQ,aAAa,UAAU,KAAK,CAAC,GAAG;AAAA,MAC1D;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,GAAI,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,UAAU,KAAK,EAAE,EAAE;AAAA,MAChE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,MAAM;AAAA,IAC5E;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-NKIAP6ZL.js

@@ -1,173 +0,0 @@
-import {
-  RichTextEditorToolbar
-} from "./chunk-SE6ERQY5.js";
-import {
-  useRichTextEditor
-} from "./chunk-774B27QA.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/form/RichTextEditor/RichTextEditor.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_TOOLBAR = {
-  bold: true,
-  italic: true,
-  underline: true,
-  strikethrough: false,
-  orderedList: true,
-  unorderedList: true,
-  link: true,
-  image: false,
-  codeBlock: false,
-  quote: false,
-  customItems: []
-};
-var RICH_TEXT_DEFAULTS = {
-  value: "",
-  placeholder: "Start typing...",
-  disabled: false,
-  readOnly: false,
-  toolbar: {},
-  height: 300
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, v]) => v !== void 0)
-);
-var editorContentSx = (theme, disabled, placeholder, height) => ({
-  minHeight: typeof height === "number" ? `${height}px` : height,
-  p: 2,
-  outline: "none",
-  cursor: disabled ? "not-allowed" : "text",
-  "&:empty::before": {
-    content: `"${placeholder}"`,
-    color: theme.palette.text.disabled,
-    pointerEvents: "none"
-  },
-  "& p": {
-    margin: "8px 0",
-    "&:first-of-type": { marginTop: 0 },
-    "&:last-of-type": { marginBottom: 0 }
-  },
-  "& ul, & ol": { marginLeft: theme.spacing(2) },
-  "& blockquote": {
-    borderLeft: `4px solid ${theme.palette.primary.main}`,
-    paddingLeft: theme.spacing(2),
-    margin: `${theme.spacing(1)} 0`,
-    fontStyle: "italic",
-    backgroundColor: alpha(theme.palette.primary.main, 0.05)
-  },
-  "& pre": {
-    backgroundColor: alpha(theme.palette.text.primary, 0.08),
-    padding: theme.spacing(1),
-    borderRadius: 1,
-    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
-    fontSize: "0.875rem",
-    overflow: "auto"
-  },
-  "& a": { color: theme.palette.primary.main, textDecoration: "underline" }
-});
-var shellSx = (theme, isFocused, disabled) => ({
-  border: `1px solid ${fieldEdge(theme)}`,
-  borderRadius: fieldRadiusPx(theme),
-  overflow: "hidden",
-  transition: "border-color 0.2s ease-in-out",
-  ...isFocused && {
-    borderColor: theme.palette.primary.main,
-    boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}`
-  },
-  ...disabled && {
-    backgroundColor: theme.palette.action.disabledBackground,
-    color: theme.palette.text.disabled
-  }
-});
-var RichTextEditor = forwardRef(
-  (editorProps, ref) => {
-    const {
-      value,
-      onChange,
-      placeholder,
-      disabled,
-      readOnly,
-      toolbar,
-      height,
-      maxLength,
-      onFocus,
-      onBlur,
-      className,
-      "data-testid": testId,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedBy,
-      ...props
-    } = { ...RICH_TEXT_DEFAULTS, ...definedProps(editorProps) };
-    const theme = useTheme();
-    const toolbarConfig = { ...DEFAULT_TOOLBAR, ...toolbar };
-    const editor = useRichTextEditor({
-      value,
-      onChange,
-      onFocus,
-      onBlur,
-      disabled,
-      readOnly,
-      maxLength
-    });
-    return /* @__PURE__ */ jsxs(
-      Paper,
-      {
-        ref,
-        className,
-        "data-testid": testId || "rich-text-editor",
-        elevation: 1,
-        sx: shellSx(theme, editor.isFocused, Boolean(disabled)),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            RichTextEditorToolbar,
-            {
-              config: toolbarConfig,
-              disabled: Boolean(disabled),
-              readOnly: Boolean(readOnly),
-              maxLength,
-              characterCount: editor.characterCount,
-              editorRef: editor.editorRef,
-              onFormat: editor.applyFormat
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              ref: editor.editorRef,
-              contentEditable: !disabled && !readOnly,
-              onInput: editor.handleContentChange,
-              onFocus: editor.handleFocus,
-              onBlur: editor.handleBlur,
-              role: "textbox",
-              "aria-label": ariaLabel || "Rich text editor",
-              "aria-describedby": ariaDescribedBy,
-              "aria-multiline": "true",
-              tabIndex: disabled ? -1 : 0,
-              "data-testid": "editor-content",
-              suppressContentEditableWarning: true,
-              sx: editorContentSx(theme, Boolean(disabled), placeholder, height)
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-RichTextEditor.displayName = "RichTextEditor";
-var RichTextEditor_default = RichTextEditor;
-
-export {
-  RichTextEditor,
-  RichTextEditor_default
-};
-//# sourceMappingURL=chunk-NKIAP6ZL.js.map

package/dist/chunk-NKIAP6ZL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { useRichTextEditor } from './RichTextEditor.hooks';\nimport type { RichTextEditorProps, ToolbarConfig } from './RichTextEditor.types';\nimport { RichTextEditorToolbar } from './RichTextEditorToolbar';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\nconst DEFAULT_TOOLBAR: Required<Omit<ToolbarConfig, 'customItems'>> & Pick<ToolbarConfig, 'customItems'> = {\n  bold: true,\n  italic: true,\n  underline: true,\n  strikethrough: false,\n  orderedList: true,\n  unorderedList: true,\n  link: true,\n  image: false,\n  codeBlock: false,\n  quote: false,\n  customItems: [] };\n\nconst RICH_TEXT_DEFAULTS: Partial<RichTextEditorProps> = {\n  value: '',\n  placeholder: 'Start typing...',\n  disabled: false,\n  readOnly: false,\n  toolbar: {},\n  height: 300 };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: RichTextEditorProps): Partial<RichTextEditorProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, v]) => v !== undefined),\n  ) as Partial<RichTextEditorProps>;\n\n// Simple inline formats are a tag swap; lists and the value-carrying formats\n// need their own handling. This was one nine-case switch.\nconst editorContentSx = (theme: Theme, disabled: boolean, placeholder?: string, height?: string | number) => ({\n  minHeight: typeof height === 'number' ? `${height}px` : height,\n  p: 2,\n  outline: 'none',\n  cursor: disabled ? 'not-allowed' : 'text',\n  '&:empty::before': {\n    content: `\"${placeholder}\"`,\n    color: theme.palette.text.disabled,\n    pointerEvents: 'none' },\n  '& p': {\n    margin: '8px 0',\n    '&:first-of-type': { marginTop: 0 },\n    '&:last-of-type': { marginBottom: 0 } },\n  '& ul, & ol': { marginLeft: theme.spacing(2) },\n  '& blockquote': {\n    borderLeft: `4px solid ${theme.palette.primary.main}`,\n    paddingLeft: theme.spacing(2),\n    margin: `${theme.spacing(1)} 0`,\n    fontStyle: 'italic',\n    backgroundColor: alpha(theme.palette.primary.main, 0.05) },\n  '& pre': {\n    backgroundColor: alpha(theme.palette.text.primary, 0.08),\n    padding: theme.spacing(1),\n    borderRadius: 1,\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", monospace',\n    fontSize: '0.875rem',\n    overflow: 'auto' },\n  '& a': { color: theme.palette.primary.main, textDecoration: 'underline' } });\n\nconst shellSx = (theme: Theme, isFocused: boolean, disabled: boolean) => ({\n  border: `1px solid ${fieldEdge(theme)}`,\n  borderRadius: fieldRadiusPx(theme),\n  overflow: 'hidden',\n  transition: 'border-color 0.2s ease-in-out',\n  ...(isFocused && {\n    borderColor: theme.palette.primary.main,\n    boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}` }),\n  ...(disabled && {\n    backgroundColor: theme.palette.action.disabledBackground,\n    color: theme.palette.text.disabled }) });\n\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (editorProps, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      readOnly,\n      toolbar,\n      height,\n      maxLength,\n      onFocus,\n      onBlur,\n      className,\n      'data-testid': testId,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    } = { ...RICH_TEXT_DEFAULTS, ...definedProps(editorProps) } as RichTextEditorProps;\n\n    const theme = useTheme();\n    const toolbarConfig = { ...DEFAULT_TOOLBAR, ...toolbar };\n    const editor = useRichTextEditor({\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      disabled,\n      readOnly,\n      maxLength });\n\n    return (\n      <Paper\n        ref={ref}\n        className={className}\n        data-testid={testId || 'rich-text-editor'}\n        elevation={1}\n        sx={shellSx(theme, editor.isFocused, Boolean(disabled))}\n        {...props}\n      >\n        <RichTextEditorToolbar\n          config={toolbarConfig}\n          disabled={Boolean(disabled)}\n          readOnly={Boolean(readOnly)}\n          maxLength={maxLength}\n          characterCount={editor.characterCount}\n          editorRef={editor.editorRef}\n          onFormat={editor.applyFormat}\n        />\n\n        <Box\n          ref={editor.editorRef}\n          contentEditable={!disabled && !readOnly}\n          onInput={editor.handleContentChange}\n          onFocus={editor.handleFocus}\n          onBlur={editor.handleBlur}\n          role=\"textbox\"\n          aria-label={ariaLabel || 'Rich text editor'}\n          aria-describedby={ariaDescribedBy}\n          aria-multiline=\"true\"\n          tabIndex={disabled ? -1 : 0}\n          data-testid=\"editor-content\"\n          suppressContentEditableWarning\n          sx={editorContentSx(theme, Boolean(disabled), placeholder, height)}\n        />\n      </Paper>\n    );\n  },\n);\n\nRichTextEditor.displayName = 'RichTextEditor';\n\nexport default RichTextEditor;"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,SAAS,OAAO,gBAAgB;AAChC,SAAgB,kBAAkB;AAiH5B,SAQE,KARF;AAvGN,IAAM,kBAAqG;AAAA,EACzG,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa;AAAA,EACb,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa,CAAC;AAAE;AAElB,IAAM,qBAAmD;AAAA,EACvD,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS,CAAC;AAAA,EACV,QAAQ;AAAI;AAId,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,MAAM,MAAM,MAAS;AACzD;AAIF,IAAM,kBAAkB,CAAC,OAAc,UAAmB,aAAsB,YAA8B;AAAA,EAC5G,WAAW,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AAAA,EACxD,GAAG;AAAA,EACH,SAAS;AAAA,EACT,QAAQ,WAAW,gBAAgB;AAAA,EACnC,mBAAmB;AAAA,IACjB,SAAS,IAAI,WAAW;AAAA,IACxB,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC1B,eAAe;AAAA,EAAO;AAAA,EACxB,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,mBAAmB,EAAE,WAAW,EAAE;AAAA,IAClC,kBAAkB,EAAE,cAAc,EAAE;AAAA,EAAE;AAAA,EACxC,cAAc,EAAE,YAAY,MAAM,QAAQ,CAAC,EAAE;AAAA,EAC7C,gBAAgB;AAAA,IACd,YAAY,aAAa,MAAM,QAAQ,QAAQ,IAAI;AAAA,IACnD,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC;AAAA,IAC3B,WAAW;AAAA,IACX,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,EAAE;AAAA,EAC3D,SAAS;AAAA,IACP,iBAAiB,MAAM,MAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,IACvD,SAAS,MAAM,QAAQ,CAAC;AAAA,IACxB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,EAAO;AAAA,EACnB,OAAO,EAAE,OAAO,MAAM,QAAQ,QAAQ,MAAM,gBAAgB,YAAY;AAAE;AAE5E,IAAM,UAAU,CAAC,OAAc,WAAoB,cAAuB;AAAA,EACxE,QAAQ,aAAa,UAAU,KAAK,CAAC;AAAA,EACrC,cAAc,cAAc,KAAK;AAAA,EACjC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAI,aAAa;AAAA,IACf,aAAa,MAAM,QAAQ,QAAQ;AAAA,IACnC,WAAW,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,EAAG;AAAA,EACnE,GAAI,YAAY;AAAA,IACd,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IACtC,OAAO,MAAM,QAAQ,KAAK;AAAA,EAAS;AAAG;AAEnC,IAAM,iBAAiB;AAAA,EAC5B,CAAC,aAAa,QAAQ;AACpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI,EAAE,GAAG,oBAAoB,GAAG,aAAa,WAAW,EAAE;AAE1D,UAAM,QAAQ,SAAS;AACvB,UAAM,gBAAgB,EAAE,GAAG,iBAAiB,GAAG,QAAQ;AACvD,UAAM,SAAS,kBAAkB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAU,CAAC;AAEb,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,UAAU;AAAA,QACvB,WAAW;AAAA,QACX,IAAI,QAAQ,OAAO,OAAO,WAAW,QAAQ,QAAQ,CAAC;AAAA,QACrD,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ;AAAA,cACR,UAAU,QAAQ,QAAQ;AAAA,cAC1B,UAAU,QAAQ,QAAQ;AAAA,cAC1B;AAAA,cACA,gBAAgB,OAAO;AAAA,cACvB,WAAW,OAAO;AAAA,cAClB,UAAU,OAAO;AAAA;AAAA,UACnB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,OAAO;AAAA,cACZ,iBAAiB,CAAC,YAAY,CAAC;AAAA,cAC/B,SAAS,OAAO;AAAA,cAChB,SAAS,OAAO;AAAA,cAChB,QAAQ,OAAO;AAAA,cACf,MAAK;AAAA,cACL,cAAY,aAAa;AAAA,cACzB,oBAAkB;AAAA,cAClB,kBAAe;AAAA,cACf,UAAU,WAAW,KAAK;AAAA,cAC1B,eAAY;AAAA,cACZ,gCAA8B;AAAA,cAC9B,IAAI,gBAAgB,OAAO,QAAQ,QAAQ,GAAG,aAAa,MAAM;AAAA;AAAA,UACnE;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;","names":[]}