@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-X2IJI2BG.js

@@ -1,72 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-O4PKQ46C.js";
-import {
-  default as default2
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/DeleteViewDialog.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DeleteViewDialog({
-  view,
-  onClose,
-  onConfirm,
-  /** What this table holds, for the "your records are safe" line. */
-  entityLabel = "Os registros",
-  testIdPrefix = "view"
-}) {
-  const copy = useDataViewsCopy();
-  if (!view) return null;
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open: true,
-      onClose,
-      title: copy.deleteView.title,
-      size: "sm",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-delete-modal`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default2, { spacing: 1.5, children: [
-        /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", "data-testid": `${testIdPrefix}-delete-target`, children: copy.deleteView.target(view.name) }),
-        view.shared && /* @__PURE__ */ jsx(Text, { variant: "body", color: "warning", as: "p", "data-testid": `${testIdPrefix}-delete-shared`, children: copy.deleteView.sharedWarning }),
-        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel) }),
-        /* @__PURE__ */ jsxs(default2, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end", pt: 0.5 }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              color: "neutral",
-              onClick: onClose,
-              dataTestId: `${testIdPrefix}-delete-cancel`,
-              children: copy.deleteView.cancel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              color: "danger",
-              onClick: () => onConfirm(view),
-              dataTestId: `${testIdPrefix}-delete-confirm`,
-              children: copy.deleteView.confirm
-            }
-          )
-        ] })
-      ] }) })
-    }
-  );
-}
-
-export {
-  DeleteViewDialog
-};
-//# sourceMappingURL=chunk-X2IJI2BG.js.map

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