@12-apps/ui 6.33.0 → 6.34.0

package/dist/chunk-X2QLWUND.js

@@ -1,145 +0,0 @@
-import {
-  LabelBody
-} from "./chunk-BMEJN27K.js";
-import {
-  SR_ONLY_SX,
-  labelStyles,
-  sizeStyles,
-  textColor
-} from "./chunk-XI2BXMBX.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Label/Label.tsx
-import Box from "@mui/material/Box/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  required: false,
-  disabled: false,
-  error: false,
-  variant: "default",
-  size: "md",
-  color: "neutral",
-  glow: false,
-  pulse: false,
-  ripple: false,
-  loading: false,
-  asteriskPlacement: "end",
-  iconPosition: "start",
-  srOnly: false,
-  weight: "regular",
-  transform: "none",
-  align: "left",
-  nowrap: false,
-  truncate: false
-};
-var Label = forwardRef((props, ref) => {
-  const {
-    children,
-    htmlFor,
-    required,
-    disabled,
-    error,
-    variant,
-    size,
-    color,
-    glow,
-    pulse,
-    ripple,
-    loading,
-    className,
-    style,
-    tooltip,
-    helperText,
-    asteriskPlacement,
-    icon,
-    iconPosition,
-    onClick,
-    onFocus,
-    onBlur,
-    srOnly,
-    weight,
-    transform,
-    align,
-    nowrap,
-    truncate,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const flags = {
-    variant,
-    size,
-    color,
-    weight,
-    transform,
-    align,
-    error,
-    disabled,
-    glow,
-    pulse,
-    ripple,
-    srOnly,
-    nowrap,
-    truncate,
-    clickable: Boolean(onClick)
-  };
-  const labelContent = /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "label",
-      ref,
-      htmlFor,
-      onClick,
-      onFocus,
-      onBlur,
-      className,
-      "data-testid": dataTestId,
-      sx: { ...labelStyles(theme, flags), ...style },
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        LabelBody,
-        {
-          required,
-          asteriskPlacement,
-          icon,
-          iconPosition,
-          loading,
-          fontSize: sizeStyles(theme, size).fontSize,
-          color: textColor(theme, flags),
-          children
-        }
-      )
-    }
-  );
-  if (srOnly) {
-    return /* @__PURE__ */ jsx(Box, { component: "label", htmlFor, "data-testid": dataTestId, sx: SR_ONLY_SX, children });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    tooltip ? /* @__PURE__ */ jsx(Tooltip, { title: tooltip, arrow: true, children: labelContent }) : labelContent,
-    helperText && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "caption",
-        sx: {
-          display: "block",
-          color: error ? theme.palette.error.main : theme.palette.text.secondary,
-          marginTop: theme.spacing(0.5),
-          fontSize: "0.75rem"
-        },
-        children: helperText
-      }
-    )
-  ] });
-});
-Label.displayName = "Label";
-
-export {
-  Label
-};
-//# sourceMappingURL=chunk-X2QLWUND.js.map

package/dist/chunk-X4XYUNRL.js

@@ -1,55 +0,0 @@
-import {
-  buildGridColumns,
-  buildRowActionsColumn,
-  isActionsColumn
-} from "./chunk-7FWXG2KF.js";
-
-// src/components/data-display/DataViews/data-views-columns.ts
-import { useMemo } from "react";
-function computeHideableColumns(columns) {
-  return columns.filter((col) => col.hideable !== false && typeof col.header === "string" && col.header !== "").map((col) => ({ id: col.id, label: col.header }));
-}
-function appendActionsColumn(columns, opts) {
-  const { rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId } = opts;
-  if (!rowActions && !renderRowMenu || columns.some(isActionsColumn)) return columns;
-  return [
-    ...columns,
-    buildRowActionsColumn({
-      rowActions: rowActions ?? [],
-      leading: rowActionsLeading,
-      testIdPrefix,
-      getRowId,
-      renderRowMenu
-    })
-  ];
-}
-function useColumnsWithActions(columns, opts) {
-  const { rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId } = opts;
-  const columnsWithActions = useMemo(
-    () => appendActionsColumn(columns, { rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId }),
-    [columns, rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId]
-  );
-  const allColumnIds = useMemo(() => columnsWithActions.map((col) => col.id), [columnsWithActions]);
-  return { columnsWithActions, allColumnIds };
-}
-function applyOrder(columns, order) {
-  if (!order || order.length === 0) return columns;
-  const byId = new Map(columns.map((column) => [column.id, column]));
-  const ordered = order.map((id) => byId.get(id)).filter((c) => Boolean(c));
-  const seen = new Set(ordered.map((column) => column.id));
-  return [...ordered, ...columns.filter((column) => !seen.has(column.id))];
-}
-function useRenderedColumns(columnsWithActions, visibleColumns, onRowClick, order) {
-  const gridColumns = useMemo(
-    () => buildGridColumns(applyOrder(columnsWithActions, order), visibleColumns, onRowClick),
-    [columnsWithActions, onRowClick, visibleColumns, order]
-  );
-  const hideableColumns = useMemo(() => computeHideableColumns(columnsWithActions), [columnsWithActions]);
-  return { gridColumns, hideableColumns };
-}
-
-export {
-  useColumnsWithActions,
-  useRenderedColumns
-};
-//# sourceMappingURL=chunk-X4XYUNRL.js.map

package/dist/chunk-XCP5L665.js

@@ -1,22 +0,0 @@
-// src/tokens/scales.ts
-function accentFor(theme, color) {
-  if (color === "neutral") {
-    const grey = theme.palette.grey;
-    return {
-      // Explicit fallbacks: the ramp is indexed, and under
-      // `noUncheckedIndexedAccess` every stop is `string | undefined`.
-      main: grey[600] ?? "#757575",
-      light: grey[400] ?? "#bdbdbd",
-      dark: grey[800] ?? "#424242",
-      // Grey 600 carries white text in both themes.
-      contrastText: "#fff"
-    };
-  }
-  const key = color === "danger" ? "error" : color;
-  return theme.palette[key];
-}
-
-export {
-  accentFor
-};
-//# sourceMappingURL=chunk-XCP5L665.js.map

package/dist/chunk-XCP5L665.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { ColorValue, MuiColor } from './vocabulary';\n\n/**\n * `@12-apps/ui/tokens` keeps its whole surface here. The vocabulary itself —\n * the size and colour unions and their runtime lists — lives in\n * `./vocabulary`, which imports nothing, so the native renderer can read it\n * without this file's MUI `Theme` import following it into `dist/types-native`.\n */\nexport * from './vocabulary';\nexport { headingMetrics } from './typography';\n// The renderer-neutral theme and the colour arithmetic behind it, so a web\n// host can build a `UiTheme` from the same module path a native one does.\nexport * from './theme';\nexport * from './color';\n// The relative-size vocabulary every component writes its sizes in (FUT-2585).\nexport { rem, rems, remPx, resetRootFontCache, sxRem } from './relative';\nexport { DEFAULT_FIELD_RADIUS, fieldRadius, fieldRadiusOverrides, fieldRadiusPx, fieldRootStyles } from './field-radius';\nexport {\n  asFieldSize,\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldBorder,\n  fieldControlStyles,\n  fieldHeight,\n  fieldHeightOverrides,\n  fieldHeightPx,\n  fieldHeightRem,\n  fieldOverrides,\n  fieldTextFieldStyles,\n} from './field-height';\n\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AAyCO,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}

package/dist/chunk-XI2BXMBX.js

@@ -1,146 +0,0 @@
-import {
-  accentFor
-} from "./chunk-XCP5L665.js";
-
-// src/components/form/Label/Label.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZES = {
-  xs: (theme) => ({ fontSize: "0.75rem", lineHeight: 1.2, padding: theme.spacing(0.25, 0.5) }),
-  sm: (theme) => ({ fontSize: "0.875rem", lineHeight: 1.3, padding: theme.spacing(0.5, 0.75) }),
-  md: (theme) => ({ fontSize: "1rem", lineHeight: 1.5, padding: theme.spacing(0.75, 1) }),
-  lg: (theme) => ({ fontSize: "1.125rem", lineHeight: 1.6, padding: theme.spacing(1, 1.25) }),
-  xl: (theme) => ({ fontSize: "1.25rem", lineHeight: 1.7, padding: theme.spacing(1.25, 1.5) })
-};
-var sizeStyles = (theme, size) => (SIZES[size] ?? SIZES.md)(theme);
-var WEIGHTS = {
-  light: 300,
-  regular: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700
-};
-var fontWeight = (weight) => WEIGHTS[weight] ?? WEIGHTS.regular;
-var textColor = (theme, flags) => {
-  if (flags.error) return theme.palette.error.main;
-  if (flags.disabled) return theme.palette.text.disabled;
-  if (flags.color === "neutral") return theme.palette.text.primary;
-  return accentFor(theme, flags.color).main;
-};
-var rippleStyles = (theme) => ({
-  overflow: "hidden",
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: 0,
-    height: 0,
-    borderRadius: "50%",
-    backgroundColor: alpha(theme.palette.primary.main, 0.3),
-    transform: "translate(-50%, -50%)",
-    transition: "width 0.6s, height 0.6s"
-  },
-  "&:active::after": { width: "300%", height: "300%" }
-});
-var SURFACES = {
-  filled: ({ theme, flags, accent }) => ({
-    backgroundColor: alpha(accent, 0.1),
-    borderRadius: theme.spacing(0.5),
-    "&:hover": flags.clickable ? { backgroundColor: alpha(accent, 0.15) } : {}
-  }),
-  outlined: ({ theme, flags, accent }) => ({
-    border: `1px solid ${alpha(accent, 0.5)}`,
-    borderRadius: theme.spacing(0.5),
-    "&:hover": flags.clickable ? { borderColor: accent, backgroundColor: alpha(accent, 0.05) } : {}
-  }),
-  glass: ({ theme, flags }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(10px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    borderRadius: theme.spacing(0.5),
-    "&:hover": flags.clickable ? {
-      backgroundColor: alpha(theme.palette.background.paper, 0.15),
-      borderColor: alpha(theme.palette.primary.main, 0.3)
-    } : {}
-  }),
-  gradient: ({ theme, flags }) => {
-    const accent = accentFor(theme, flags.color === "neutral" ? "primary" : flags.color);
-    const clip = {
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      backgroundClip: "text"
-    };
-    return {
-      background: `linear-gradient(135deg, ${accent.light}, ${accent.main})`,
-      ...clip,
-      "&:hover": flags.clickable ? {
-        background: `linear-gradient(135deg, ${accent.main}, ${accent.dark})`,
-        ...clip
-      } : {}
-    };
-  },
-  minimal: ({ theme, flags }) => ({
-    padding: 0,
-    "&:hover": flags.clickable ? { color: theme.palette.primary.main } : {}
-  }),
-  default: () => ({})
-};
-var textLayout = (theme, flags) => {
-  const { srOnly, clickable, align, weight, transform, nowrap, truncate } = flags;
-  return {
-    display: srOnly ? "none" : "inline-flex",
-    alignItems: "center",
-    gap: theme.spacing(0.5),
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    cursor: clickable ? "pointer" : "default",
-    textAlign: align,
-    fontWeight: fontWeight(weight),
-    textTransform: transform,
-    whiteSpace: nowrap ? "nowrap" : "normal",
-    overflow: truncate ? "hidden" : "visible",
-    textOverflow: truncate ? "ellipsis" : "clip",
-    position: "relative"
-  };
-};
-var labelStyles = (theme, flags) => {
-  const { variant, size, clickable } = flags;
-  const color = textColor(theme, flags);
-  const accent = color || theme.palette.primary.main;
-  return {
-    ...textLayout(theme, flags),
-    ...sizeStyles(theme, size),
-    color,
-    ...flags.glow && { textShadow: `0 0 10px ${alpha(accent, 0.5)}` },
-    ...flags.pulse && {
-      animation: "pulse 2s infinite",
-      "@keyframes pulse": {
-        "0%": { opacity: 1 },
-        "50%": { opacity: 0.6 },
-        "100%": { opacity: 1 }
-      }
-    },
-    ...flags.ripple && clickable && rippleStyles(theme),
-    ...(SURFACES[variant] ?? SURFACES.default)({ theme, flags, accent })
-  };
-};
-var SR_ONLY_SX = {
-  position: "absolute",
-  width: "1px",
-  height: "1px",
-  padding: 0,
-  margin: "-1px",
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  border: 0
-};
-
-export {
-  sizeStyles,
-  textColor,
-  labelStyles,
-  SR_ONLY_SX
-};
-//# sourceMappingURL=chunk-XI2BXMBX.js.map

package/dist/chunk-XJKMH3RX.js

@@ -1,233 +0,0 @@
-import {
-  glowAnimation,
-  gradientShiftAnimation,
-  pulseAnimation
-} from "./chunk-D2HKCPEH.js";
-
-// src/components/form/Slider/Slider.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: { height: 4, thumbSize: 16, markHeight: 8 },
-  sm: { height: 6, thumbSize: 18, markHeight: 10 },
-  md: { height: 8, thumbSize: 20, markHeight: 12 },
-  lg: { height: 10, thumbSize: 24, markHeight: 14 },
-  xl: { height: 12, thumbSize: 28, markHeight: 16 }
-};
-var LABEL_SCALE = {
-  xs: { fontSize: 10, box: 28, markFont: "0.65rem" },
-  sm: { fontSize: 11, box: 30, markFont: "0.7rem" }
-};
-var LABEL_DEFAULT = { fontSize: 12, box: 32, markFont: "0.75rem" };
-var trackPart = ({ flags, palette, geometry }) => {
-  const { gradient, glow, glass, customVariant } = flags;
-  const isGradientVariant = customVariant === "gradient";
-  return {
-    border: "none",
-    height: geometry.height,
-    borderRadius: geometry.height / 2,
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    position: "relative",
-    overflow: "hidden",
-    ...gradient && {
-      background: isGradientVariant ? `linear-gradient(90deg,
-              ${palette.light} 0%,
-              ${palette.main} 50%,
-              ${palette.dark} 100%)` : `linear-gradient(90deg, ${palette.light}, ${palette.main})`,
-      backgroundSize: "200% 100%",
-      animation: isGradientVariant ? `${gradientShiftAnimation} 3s ease infinite` : "none",
-      // A sheen that travels the filled portion while the gradient shifts.
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        background: `linear-gradient(90deg, transparent, ${alpha("#fff", 0.2)}, transparent)`,
-        animation: `${gradientShiftAnimation} 2s linear infinite`
-      }
-    },
-    ...glow && {
-      animation: `${glowAnimation} 2s ease-in-out infinite`,
-      boxShadow: `0 0 10px ${alpha(palette.main, 0.6)}, inset 0 0 10px ${alpha(palette.main, 0.2)}`
-    },
-    ...glass && {
-      backgroundColor: alpha(palette.main, 0.8),
-      backdropFilter: "blur(10px)",
-      border: `1px solid ${alpha(palette.light || palette.main, 0.3)}`
-    }
-  };
-};
-var railPart = ({ theme, flags, geometry }) => ({
-  color: alpha(theme.palette.action.disabled, 0.3),
-  opacity: 1,
-  height: geometry.height,
-  borderRadius: geometry.height / 2,
-  transition: "all 0.3s ease",
-  ...flags.glass && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-  },
-  ...flags.customVariant === "gradient" && {
-    background: `linear-gradient(90deg,
-          ${alpha(theme.palette.action.disabled, 0.2)},
-          ${alpha(theme.palette.action.disabled, 0.3)},
-          ${alpha(theme.palette.action.disabled, 0.2)})`
-  }
-});
-var thumbPart = ({ theme, flags, palette, geometry }) => {
-  const { gradient, glow, glass } = flags;
-  return {
-    height: geometry.thumbSize,
-    width: geometry.thumbSize,
-    backgroundColor: gradient ? palette.main : "#fff",
-    border: `2px solid ${palette.main}`,
-    boxShadow: `${theme.shadows[2]}, 0 0 0 0 ${alpha(palette.main, 0.2)}`,
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    position: "relative",
-    // Sits invisible until focus or hover runs the pulse keyframes over it.
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      width: "100%",
-      height: "100%",
-      borderRadius: "50%",
-      backgroundColor: palette.main,
-      opacity: 0
-    },
-    "&:focus, &:hover, &.Mui-active, &.Mui-focusVisible": {
-      boxShadow: glow ? `${theme.shadows[4]}, 0 0 20px ${alpha(palette.main, 0.6)}, 0 0 0 8px ${alpha(palette.main, 0.15)}` : `${theme.shadows[4]}, 0 0 0 8px ${alpha(palette.main, 0.15)}`,
-      transform: "scale(1.15)",
-      "&::before": { animation: `${pulseAnimation} 0.6s ease-out` }
-    },
-    "&:active": { transform: "scale(1.05)" },
-    ...glass && {
-      backgroundColor: alpha(theme.palette.background.paper, 0.9),
-      backdropFilter: "blur(10px)",
-      border: `2px solid ${alpha(palette.main, 0.8)}`
-    },
-    ...gradient && {
-      background: `linear-gradient(135deg, ${palette.light}, ${palette.main})`,
-      border: "none",
-      color: "#fff"
-    }
-  };
-};
-var bubbleBackground = (palette, gradient, glass) => {
-  if (gradient) return "transparent";
-  return glass ? alpha(palette.main, 0.9) : palette.main;
-};
-var bubbleTransformFor = (gradient) => {
-  const base = gradient ? "translate(50%, -150%)" : "translate(50%, -100%) rotate(-45deg)";
-  return { hidden: `${base} scale(0)`, shown: `${base} scale(1)` };
-};
-var valueLabelPart = ({ theme, flags, palette }) => {
-  const { gradient, glass, customSize } = flags;
-  const scale = LABEL_SCALE[customSize ?? ""] ?? LABEL_DEFAULT;
-  const bubbleTransform = bubbleTransformFor(Boolean(gradient));
-  return {
-    lineHeight: 1.2,
-    fontSize: scale.fontSize,
-    padding: 0,
-    width: scale.box,
-    height: scale.box,
-    borderRadius: gradient ? "8px" : "50% 50% 50% 0",
-    backgroundColor: bubbleBackground(palette, Boolean(gradient), Boolean(glass)),
-    background: gradient ? `linear-gradient(135deg, ${palette.light}, ${palette.main})` : "unset",
-    backdropFilter: glass ? "blur(10px)" : "none",
-    transformOrigin: "bottom left",
-    transform: bubbleTransform.hidden,
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    boxShadow: `${theme.shadows[2]}, 0 0 10px ${alpha(palette.main, 0.2)}`,
-    "&:before": { display: "none" },
-    "&.MuiSlider-valueLabelOpen": { transform: bubbleTransform.shown },
-    "& > *": { transform: gradient ? "none" : "rotate(45deg)", fontWeight: 600 }
-  };
-};
-var markPart = ({ theme, flags, palette, geometry }) => {
-  const { gradient, glow, customVariant } = flags;
-  const isMarksVariant = customVariant === "marks";
-  const { markHeight, height } = geometry;
-  return {
-    backgroundColor: alpha(theme.palette.action.disabled, 0.5),
-    height: markHeight,
-    width: isMarksVariant ? 3 : 2,
-    // Centred on the rail rather than hanging below it.
-    marginTop: -(markHeight - height) / 2,
-    borderRadius: 1,
-    transition: "all 0.3s ease",
-    "&.MuiSlider-markActive": {
-      backgroundColor: gradient ? palette.light : palette.main,
-      width: isMarksVariant ? 4 : 2,
-      height: markHeight + 2,
-      marginTop: -(markHeight + 2 - height) / 2,
-      ...glow && { boxShadow: `0 0 8px ${alpha(palette.main, 0.5)}` }
-    }
-  };
-};
-var markLabelPart = ({ theme, flags, palette }) => ({
-  fontSize: (LABEL_SCALE[flags.customSize ?? ""] ?? LABEL_DEFAULT).markFont,
-  color: theme.palette.text.secondary,
-  marginTop: theme.spacing(1.5),
-  fontWeight: 500,
-  transition: "all 0.3s ease",
-  "&.MuiSlider-markLabelActive": {
-    color: palette.main,
-    fontWeight: 600,
-    transform: "scale(1.05)"
-  }
-});
-var sliderSx = (theme, flags) => {
-  const palette = getColorFromTheme(theme, flags.customColor ?? "primary");
-  const geometry = SIZES[flags.customSize] ?? SIZES.md;
-  const input = { theme, flags, palette, geometry };
-  return {
-    color: palette.main,
-    height: geometry.height,
-    "& .MuiSlider-track": trackPart(input),
-    "& .MuiSlider-rail": railPart(input),
-    "& .MuiSlider-thumb": thumbPart(input),
-    "& .MuiSlider-valueLabel": valueLabelPart(input),
-    "& .MuiSlider-mark": markPart(input),
-    "& .MuiSlider-markLabel": markLabelPart(input)
-  };
-};
-
-export {
-  sliderSx
-};
-//# sourceMappingURL=chunk-XJKMH3RX.js.map

package/dist/chunk-XJKMH3RX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Slider/Slider.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { glowAnimation, gradientShiftAnimation, pulseAnimation } from './Slider.animations';\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\ninterface Geometry {\n  height: number;\n  thumbSize: number;\n  markHeight: number;\n}\n\nconst SIZES: Record<SizeKey, Geometry> = {\n  xs: { height: 4, thumbSize: 16, markHeight: 8 },\n  sm: { height: 6, thumbSize: 18, markHeight: 10 },\n  md: { height: 8, thumbSize: 20, markHeight: 12 },\n  lg: { height: 10, thumbSize: 24, markHeight: 14 },\n  xl: { height: 12, thumbSize: 28, markHeight: 16 },\n};\n\n/** The value bubble and mark labels shrink at the two smallest sizes only. */\nconst LABEL_SCALE: Record<string, { fontSize: number; box: number; markFont: string }> = {\n  xs: { fontSize: 10, box: 28, markFont: '0.65rem' },\n  sm: { fontSize: 11, box: 30, markFont: '0.7rem' },\n};\nconst LABEL_DEFAULT = { fontSize: 12, box: 32, markFont: '0.75rem' };\n\nexport interface SliderFlags {\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n  customVariant?: string;\n}\n\ninterface PartInput {\n  theme: Theme;\n  flags: SliderFlags;\n  palette: ColorPalette;\n  geometry: Geometry;\n}\n\nconst trackPart = ({ flags, palette, geometry }: PartInput): CSSObject => {\n  const { gradient, glow, glass, customVariant } = flags;\n  const isGradientVariant = customVariant === 'gradient';\n\n  return {\n    border: 'none',\n    height: geometry.height,\n    borderRadius: geometry.height / 2,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    overflow: 'hidden',\n    ...(gradient && {\n      background: isGradientVariant\n        ? `linear-gradient(90deg,\n              ${palette.light} 0%,\n              ${palette.main} 50%,\n              ${palette.dark} 100%)`\n        : `linear-gradient(90deg, ${palette.light}, ${palette.main})`,\n      backgroundSize: '200% 100%',\n      animation: isGradientVariant ? `${gradientShiftAnimation} 3s ease infinite` : 'none',\n      // A sheen that travels the filled portion while the gradient shifts.\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: `linear-gradient(90deg, transparent, ${alpha('#fff', 0.2)}, transparent)`,\n        animation: `${gradientShiftAnimation} 2s linear infinite`,\n      },\n    }),\n    ...(glow && {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 10px ${alpha(palette.main, 0.6)}, inset 0 0 10px ${alpha(palette.main, 0.2)}`,\n    }),\n    ...(glass && {\n      backgroundColor: alpha(palette.main, 0.8),\n      backdropFilter: 'blur(10px)',\n      border: `1px solid ${alpha(palette.light || palette.main, 0.3)}`,\n    }),\n  };\n};\n\nconst railPart = ({ theme, flags, geometry }: PartInput): CSSObject => ({\n  color: alpha(theme.palette.action.disabled, 0.3),\n  opacity: 1,\n  height: geometry.height,\n  borderRadius: geometry.height / 2,\n  transition: 'all 0.3s ease',\n  ...(flags.glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n  ...(flags.customVariant === 'gradient' && {\n    background: `linear-gradient(90deg,\n          ${alpha(theme.palette.action.disabled, 0.2)},\n          ${alpha(theme.palette.action.disabled, 0.3)},\n          ${alpha(theme.palette.action.disabled, 0.2)})`,\n  }),\n});\n\nconst thumbPart = ({ theme, flags, palette, geometry }: PartInput): CSSObject => {\n  const { gradient, glow, glass } = flags;\n\n  return {\n    height: geometry.thumbSize,\n    width: geometry.thumbSize,\n    backgroundColor: gradient ? palette.main : '#fff',\n    border: `2px solid ${palette.main}`,\n    boxShadow: `${theme.shadows[2]}, 0 0 0 0 ${alpha(palette.main, 0.2)}`,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    // Sits invisible until focus or hover runs the pulse keyframes over it.\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      width: '100%',\n      height: '100%',\n      borderRadius: '50%',\n      backgroundColor: palette.main,\n      opacity: 0,\n    },\n    '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {\n      boxShadow: glow\n        ? `${theme.shadows[4]}, 0 0 20px ${alpha(palette.main, 0.6)}, 0 0 0 8px ${alpha(palette.main, 0.15)}`\n        : `${theme.shadows[4]}, 0 0 0 8px ${alpha(palette.main, 0.15)}`,\n      transform: 'scale(1.15)',\n      '&::before': { animation: `${pulseAnimation} 0.6s ease-out` },\n    },\n    '&:active': { transform: 'scale(1.05)' },\n    ...(glass && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.9),\n      backdropFilter: 'blur(10px)',\n      border: `2px solid ${alpha(palette.main, 0.8)}`,\n    }),\n    ...(gradient && {\n      background: `linear-gradient(135deg, ${palette.light}, ${palette.main})`,\n      border: 'none',\n      color: '#fff',\n    }),\n  };\n};\n\n/** Transparent under a gradient (the gradient itself paints it), else the accent. */\nconst bubbleBackground = (palette: ColorPalette, gradient: boolean, glass: boolean) => {\n  if (gradient) return 'transparent';\n  return glass ? alpha(palette.main, 0.9) : palette.main;\n};\n\n/** The bubble's closed and open transforms; only the scale differs between them. */\nconst bubbleTransformFor = (gradient: boolean) => {\n  const base = gradient ? 'translate(50%, -150%)' : 'translate(50%, -100%) rotate(-45deg)';\n  return { hidden: `${base} scale(0)`, shown: `${base} scale(1)` };\n};\n\n/**\n * The value bubble. Without `gradient` it is MUI's teardrop — a rotated square\n * with one square corner — so its contents are counter-rotated; the gradient\n * look is a plain rounded box and needs neither rotation.\n */\nconst valueLabelPart = ({ theme, flags, palette }: PartInput): CSSObject => {\n  const { gradient, glass, customSize } = flags;\n  const scale = LABEL_SCALE[customSize ?? ''] ?? LABEL_DEFAULT;\n  const bubbleTransform = bubbleTransformFor(Boolean(gradient));\n\n  return {\n    lineHeight: 1.2,\n    fontSize: scale.fontSize,\n    padding: 0,\n    width: scale.box,\n    height: scale.box,\n    borderRadius: gradient ? '8px' : '50% 50% 50% 0',\n    backgroundColor: bubbleBackground(palette, Boolean(gradient), Boolean(glass)),\n    background: gradient\n      ? `linear-gradient(135deg, ${palette.light}, ${palette.main})`\n      : 'unset',\n    backdropFilter: glass ? 'blur(10px)' : 'none',\n    transformOrigin: 'bottom left',\n    transform: bubbleTransform.hidden,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    boxShadow: `${theme.shadows[2]}, 0 0 10px ${alpha(palette.main, 0.2)}`,\n    '&:before': { display: 'none' },\n    '&.MuiSlider-valueLabelOpen': { transform: bubbleTransform.shown },\n    '& > *': { transform: gradient ? 'none' : 'rotate(45deg)', fontWeight: 600 },\n  };\n};\n\nconst markPart = ({ theme, flags, palette, geometry }: PartInput): CSSObject => {\n  const { gradient, glow, customVariant } = flags;\n  const isMarksVariant = customVariant === 'marks';\n  const { markHeight, height } = geometry;\n\n  return {\n    backgroundColor: alpha(theme.palette.action.disabled, 0.5),\n    height: markHeight,\n    width: isMarksVariant ? 3 : 2,\n    // Centred on the rail rather than hanging below it.\n    marginTop: -(markHeight - height) / 2,\n    borderRadius: 1,\n    transition: 'all 0.3s ease',\n    '&.MuiSlider-markActive': {\n      backgroundColor: gradient ? palette.light : palette.main,\n      width: isMarksVariant ? 4 : 2,\n      height: markHeight + 2,\n      marginTop: -(markHeight + 2 - height) / 2,\n      ...(glow && { boxShadow: `0 0 8px ${alpha(palette.main, 0.5)}` }),\n    },\n  };\n};\n\nconst markLabelPart = ({ theme, flags, palette }: PartInput): CSSObject => ({\n  fontSize: (LABEL_SCALE[flags.customSize ?? ''] ?? LABEL_DEFAULT).markFont,\n  color: theme.palette.text.secondary,\n  marginTop: theme.spacing(1.5),\n  fontWeight: 500,\n  transition: 'all 0.3s ease',\n  '&.MuiSlider-markLabelActive': {\n    color: palette.main,\n    fontWeight: 600,\n    transform: 'scale(1.05)',\n  },\n});\n\nexport const sliderSx = (theme: Theme, flags: SliderFlags): CSSObject => {\n  const palette = getColorFromTheme(theme, flags.customColor ?? 'primary');\n  const geometry = SIZES[flags.customSize as SizeKey] ?? SIZES.md;\n  const input: PartInput = { theme, flags, palette, geometry };\n\n  return {\n    color: palette.main,\n    height: geometry.height,\n    '& .MuiSlider-track': trackPart(input),\n    '& .MuiSlider-rail': railPart(input),\n    '& .MuiSlider-thumb': thumbPart(input),\n    '& .MuiSlider-valueLabel': valueLabelPart(input),\n    '& .MuiSlider-mark': markPart(input),\n    '& .MuiSlider-markLabel': markLabelPart(input),\n  };\n};\n"],"mappings":";;;;;;;AAAA,SAAS,aAAa;AAatB,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;AAUA,IAAM,QAAmC;AAAA,EACvC,IAAI,EAAE,QAAQ,GAAG,WAAW,IAAI,YAAY,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,GAAG,WAAW,IAAI,YAAY,GAAG;AAAA,EAC/C,IAAI,EAAE,QAAQ,GAAG,WAAW,IAAI,YAAY,GAAG;AAAA,EAC/C,IAAI,EAAE,QAAQ,IAAI,WAAW,IAAI,YAAY,GAAG;AAAA,EAChD,IAAI,EAAE,QAAQ,IAAI,WAAW,IAAI,YAAY,GAAG;AAClD;AAGA,IAAM,cAAmF;AAAA,EACvF,IAAI,EAAE,UAAU,IAAI,KAAK,IAAI,UAAU,UAAU;AAAA,EACjD,IAAI,EAAE,UAAU,IAAI,KAAK,IAAI,UAAU,SAAS;AAClD;AACA,IAAM,gBAAgB,EAAE,UAAU,IAAI,KAAK,IAAI,UAAU,UAAU;AAkBnE,IAAM,YAAY,CAAC,EAAE,OAAO,SAAS,SAAS,MAA4B;AACxE,QAAM,EAAE,UAAU,MAAM,OAAO,cAAc,IAAI;AACjD,QAAM,oBAAoB,kBAAkB;AAE5C,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ,SAAS;AAAA,IACjB,cAAc,SAAS,SAAS;AAAA,IAChC,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAI,YAAY;AAAA,MACd,YAAY,oBACR;AAAA,gBACM,QAAQ,KAAK;AAAA,gBACb,QAAQ,IAAI;AAAA,gBACZ,QAAQ,IAAI,WAClB,0BAA0B,QAAQ,KAAK,KAAK,QAAQ,IAAI;AAAA,MAC5D,gBAAgB;AAAA,MAChB,WAAW,oBAAoB,GAAG,sBAAsB,sBAAsB;AAAA;AAAA,MAE9E,YAAY;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,uCAAuC,MAAM,QAAQ,GAAG,CAAC;AAAA,QACrE,WAAW,GAAG,sBAAsB;AAAA,MACtC;AAAA,IACF;AAAA,IACA,GAAI,QAAQ;AAAA,MACV,WAAW,GAAG,aAAa;AAAA,MAC3B,WAAW,YAAY,MAAM,QAAQ,MAAM,GAAG,CAAC,oBAAoB,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC7F;AAAA,IACA,GAAI,SAAS;AAAA,MACX,iBAAiB,MAAM,QAAQ,MAAM,GAAG;AAAA,MACxC,gBAAgB;AAAA,MAChB,QAAQ,aAAa,MAAM,QAAQ,SAAS,QAAQ,MAAM,GAAG,CAAC;AAAA,IAChE;AAAA,EACF;AACF;AAEA,IAAM,WAAW,CAAC,EAAE,OAAO,OAAO,SAAS,OAA6B;AAAA,EACtE,OAAO,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,EAC/C,SAAS;AAAA,EACT,QAAQ,SAAS;AAAA,EACjB,cAAc,SAAS,SAAS;AAAA,EAChC,YAAY;AAAA,EACZ,GAAI,MAAM,SAAS;AAAA,IACjB,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACxD;AAAA,EACA,GAAI,MAAM,kBAAkB,cAAc;AAAA,IACxC,YAAY;AAAA,YACJ,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG,CAAC;AAAA,YACzC,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG,CAAC;AAAA,YACzC,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG,CAAC;AAAA,EACnD;AACF;AAEA,IAAM,YAAY,CAAC,EAAE,OAAO,OAAO,SAAS,SAAS,MAA4B;AAC/E,QAAM,EAAE,UAAU,MAAM,MAAM,IAAI;AAElC,SAAO;AAAA,IACL,QAAQ,SAAS;AAAA,IACjB,OAAO,SAAS;AAAA,IAChB,iBAAiB,WAAW,QAAQ,OAAO;AAAA,IAC3C,QAAQ,aAAa,QAAQ,IAAI;AAAA,IACjC,WAAW,GAAG,MAAM,QAAQ,CAAC,CAAC,aAAa,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IACnE,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,IAEV,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB,QAAQ;AAAA,MACzB,SAAS;AAAA,IACX;AAAA,IACA,sDAAsD;AAAA,MACpD,WAAW,OACP,GAAG,MAAM,QAAQ,CAAC,CAAC,cAAc,MAAM,QAAQ,MAAM,GAAG,CAAC,eAAe,MAAM,QAAQ,MAAM,IAAI,CAAC,KACjG,GAAG,MAAM,QAAQ,CAAC,CAAC,eAAe,MAAM,QAAQ,MAAM,IAAI,CAAC;AAAA,MAC/D,WAAW;AAAA,MACX,aAAa,EAAE,WAAW,GAAG,cAAc,iBAAiB;AAAA,IAC9D;AAAA,IACA,YAAY,EAAE,WAAW,cAAc;AAAA,IACvC,GAAI,SAAS;AAAA,MACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC1D,gBAAgB;AAAA,MAChB,QAAQ,aAAa,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC/C;AAAA,IACA,GAAI,YAAY;AAAA,MACd,YAAY,2BAA2B,QAAQ,KAAK,KAAK,QAAQ,IAAI;AAAA,MACrE,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAGA,IAAM,mBAAmB,CAAC,SAAuB,UAAmB,UAAmB;AACrF,MAAI,SAAU,QAAO;AACrB,SAAO,QAAQ,MAAM,QAAQ,MAAM,GAAG,IAAI,QAAQ;AACpD;AAGA,IAAM,qBAAqB,CAAC,aAAsB;AAChD,QAAM,OAAO,WAAW,0BAA0B;AAClD,SAAO,EAAE,QAAQ,GAAG,IAAI,aAAa,OAAO,GAAG,IAAI,YAAY;AACjE;AAOA,IAAM,iBAAiB,CAAC,EAAE,OAAO,OAAO,QAAQ,MAA4B;AAC1E,QAAM,EAAE,UAAU,OAAO,WAAW,IAAI;AACxC,QAAM,QAAQ,YAAY,cAAc,EAAE,KAAK;AAC/C,QAAM,kBAAkB,mBAAmB,QAAQ,QAAQ,CAAC;AAE5D,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,IACT,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd,cAAc,WAAW,QAAQ;AAAA,IACjC,iBAAiB,iBAAiB,SAAS,QAAQ,QAAQ,GAAG,QAAQ,KAAK,CAAC;AAAA,IAC5E,YAAY,WACR,2BAA2B,QAAQ,KAAK,KAAK,QAAQ,IAAI,MACzD;AAAA,IACJ,gBAAgB,QAAQ,eAAe;AAAA,IACvC,iBAAiB;AAAA,IACjB,WAAW,gBAAgB;AAAA,IAC3B,YAAY;AAAA,IACZ,WAAW,GAAG,MAAM,QAAQ,CAAC,CAAC,cAAc,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IACpE,YAAY,EAAE,SAAS,OAAO;AAAA,IAC9B,8BAA8B,EAAE,WAAW,gBAAgB,MAAM;AAAA,IACjE,SAAS,EAAE,WAAW,WAAW,SAAS,iBAAiB,YAAY,IAAI;AAAA,EAC7E;AACF;AAEA,IAAM,WAAW,CAAC,EAAE,OAAO,OAAO,SAAS,SAAS,MAA4B;AAC9E,QAAM,EAAE,UAAU,MAAM,cAAc,IAAI;AAC1C,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,YAAY,OAAO,IAAI;AAE/B,SAAO;AAAA,IACL,iBAAiB,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,IACzD,QAAQ;AAAA,IACR,OAAO,iBAAiB,IAAI;AAAA;AAAA,IAE5B,WAAW,EAAE,aAAa,UAAU;AAAA,IACpC,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,0BAA0B;AAAA,MACxB,iBAAiB,WAAW,QAAQ,QAAQ,QAAQ;AAAA,MACpD,OAAO,iBAAiB,IAAI;AAAA,MAC5B,QAAQ,aAAa;AAAA,MACrB,WAAW,EAAE,aAAa,IAAI,UAAU;AAAA,MACxC,GAAI,QAAQ,EAAE,WAAW,WAAW,MAAM,QAAQ,MAAM,GAAG,CAAC,GAAG;AAAA,IACjE;AAAA,EACF;AACF;AAEA,IAAM,gBAAgB,CAAC,EAAE,OAAO,OAAO,QAAQ,OAA6B;AAAA,EAC1E,WAAW,YAAY,MAAM,cAAc,EAAE,KAAK,eAAe;AAAA,EACjE,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC1B,WAAW,MAAM,QAAQ,GAAG;AAAA,EAC5B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,+BAA+B;AAAA,IAC7B,OAAO,QAAQ;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,IAAM,WAAW,CAAC,OAAc,UAAkC;AACvE,QAAM,UAAU,kBAAkB,OAAO,MAAM,eAAe,SAAS;AACvE,QAAM,WAAW,MAAM,MAAM,UAAqB,KAAK,MAAM;AAC7D,QAAM,QAAmB,EAAE,OAAO,OAAO,SAAS,SAAS;AAE3D,SAAO;AAAA,IACL,OAAO,QAAQ;AAAA,IACf,QAAQ,SAAS;AAAA,IACjB,sBAAsB,UAAU,KAAK;AAAA,IACrC,qBAAqB,SAAS,KAAK;AAAA,IACnC,sBAAsB,UAAU,KAAK;AAAA,IACrC,2BAA2B,eAAe,KAAK;AAAA,IAC/C,qBAAqB,SAAS,KAAK;AAAA,IACnC,0BAA0B,cAAc,KAAK;AAAA,EAC/C;AACF;","names":[]}