@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-4RDJMIWL.js.map

@@ -0,0 +1 @@
+{"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';\nimport { absoluteInk, controlNeutral } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nconst glowAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 ${rem(theme, 5)} currentColor;\n  }\n  50% {\n    box-shadow: 0 0 ${rem(theme, 20)} currentColor, 0 0 ${rem(theme, 30)} currentColor;\n  }\n  100% {\n    box-shadow: 0 0 ${rem(theme, 5)} 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 = (theme: Theme) => keyframes`\n  0% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(${rem(theme, -3)});\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// `neutral` is not a MUI palette entry, so it is the controls' neutral tone.\nconst neutralPalette = (theme: Theme): ResolvedPalette => controlNeutral(theme);\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, absoluteInk(theme).white),\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(${rem(theme, 20)})`,\n      border: `1px solid ${fieldEdge(theme)}`,\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.background.paper, 0.15),\n        backdropFilter: `blur(${rem(theme, 25)})`,\n      },\n      '&:focus': {\n        backgroundColor: alpha(theme.palette.background.paper, 0.2),\n        backdropFilter: `blur(${rem(theme, 30)})`,\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: `${rem(theme, 2)} 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(theme)} 2s ease-in-out infinite`,\n      boxShadow: `0 0 ${rem(theme, 10)} ${alpha(colorPalette.main, 0.3)}`,\n    }\n  : {};\n\n  return { ...glassStyles, ...gradientStyles, ...glowStyles };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,OAAO,iBAAiB;AAOjC,IAAM,gBAAgB,CAAC,UAAiB;AAAA;AAAA,sBAElB,IAAI,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,sBAGb,IAAI,OAAO,EAAE,CAAC,sBAAsB,IAAI,OAAO,EAAE,CAAC;AAAA;AAAA;AAAA,sBAGlD,IAAI,OAAO,CAAC,CAAC;AAAA;AAAA;AAiB5B,IAAM,iBAAiB,CAAC,UAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKpB,IAAI,OAAO,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB1C,IAAM,iBAAiB,CAAC,UAAkC,eAAe,KAAK;AAI9E,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,YAAY,KAAK,EAAE,KAAK;AACpE;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,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACtC,QAAQ,aAAa,UAAU,KAAK,CAAC;AAAA,IACrC,WAAW;AAAA,MACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,MAC3D,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACxC;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC1D,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACxC;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,GAAG,IAAI,OAAO,CAAC,CAAC;AAAA,IACxB,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,cAAc,KAAK,CAAC;AAAA,IAClC,WAAW,OAAO,IAAI,OAAO,EAAE,CAAC,IAAI,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,EACnE,IACA,CAAC;AAEH,SAAO,EAAE,GAAG,aAAa,GAAG,gBAAgB,GAAG,WAAW;AAC5D;","names":[]}

package/dist/chunk-4RWPGWJW.js

@@ -0,0 +1,237 @@
+import {
+  glowAnimation,
+  gradientShiftAnimation,
+  pulseAnimation
+} from "./chunk-6LOGBWLG.js";
+import {
+  absoluteInk,
+  controlNeutral,
+  onMedia,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/Slider/Slider.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var neutralPalette = (theme) => controlNeutral(theme);
+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 || absoluteInk(theme).white
+  };
+};
+var SIZES = {
+  xs: { heightPx: 4, thumbSizePx: 16, markHeightPx: 8 },
+  sm: { heightPx: 6, thumbSizePx: 18, markHeightPx: 10 },
+  md: { heightPx: 8, thumbSizePx: 20, markHeightPx: 12 },
+  lg: { heightPx: 10, thumbSizePx: 24, markHeightPx: 14 },
+  xl: { heightPx: 12, thumbSizePx: 28, markHeightPx: 16 }
+};
+var LABEL_SCALE = {
+  xs: { fontPx: 10, boxPx: 28, markFont: 10.4 },
+  sm: { fontPx: 11, boxPx: 30, markFont: 11.2 }
+};
+var LABEL_DEFAULT = { fontPx: 12, boxPx: 32, markFont: 12 };
+var trackPart = ({ theme, flags, palette, geometry }) => {
+  const { gradient, glow, glass, customVariant } = flags;
+  const isGradientVariant = customVariant === "gradient";
+  return {
+    border: "none",
+    height: rem(theme, geometry.heightPx),
+    borderRadius: rem(theme, geometry.heightPx / 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, ${sheen(theme, 0.2)}, transparent)`,
+        animation: `${gradientShiftAnimation} 2s linear infinite`
+      }
+    },
+    ...glow && {
+      animation: `${glowAnimation(theme)} 2s ease-in-out infinite`,
+      boxShadow: `0 0 ${rem(theme, 10)} ${alpha(palette.main, 0.6)}, inset 0 0 ${rem(theme, 10)} ${alpha(palette.main, 0.2)}`
+    },
+    ...glass && {
+      backgroundColor: alpha(palette.main, 0.8),
+      backdropFilter: `blur(${rem(theme, 10)})`,
+      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: rem(theme, geometry.heightPx),
+  borderRadius: rem(theme, geometry.heightPx / 2),
+  transition: "all 0.3s ease",
+  ...flags.glass && {
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: `blur(${rem(theme, 20)})`,
+    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: rem(theme, geometry.thumbSizePx),
+    width: rem(theme, geometry.thumbSizePx),
+    backgroundColor: gradient ? palette.main : absoluteInk(theme).white,
+    border: `${rem(theme, 2)} 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 ${rem(theme, 20)} ${alpha(palette.main, 0.6)}, 0 0 0 ${rem(theme, 8)} ${alpha(palette.main, 0.15)}` : `${theme.shadows[4]}, 0 0 0 ${rem(theme, 8)} ${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(${rem(theme, 10)})`,
+      border: `${rem(theme, 2)} solid ${alpha(palette.main, 0.8)}`
+    },
+    ...gradient && {
+      background: `linear-gradient(135deg, ${palette.light}, ${palette.main})`,
+      border: "none",
+      color: onMedia(theme)
+    }
+  };
+};
+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: rem(theme, scale.fontPx),
+    padding: 0,
+    width: rem(theme, scale.boxPx),
+    height: rem(theme, scale.boxPx),
+    borderRadius: gradient ? rem(theme, 8) : "50% 50% 50% 0",
+    backgroundColor: bubbleBackground(palette, Boolean(gradient), Boolean(glass)),
+    background: gradient ? `linear-gradient(135deg, ${palette.light}, ${palette.main})` : "unset",
+    backdropFilter: glass ? `blur(${rem(theme, 10)})` : "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 ${rem(theme, 10)} ${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 { markHeightPx, heightPx } = geometry;
+  return {
+    backgroundColor: alpha(theme.palette.action.disabled, 0.5),
+    height: rem(theme, markHeightPx),
+    width: rem(theme, isMarksVariant ? 3 : 2),
+    // Centred on the rail rather than hanging below it.
+    marginTop: rem(theme, -(markHeightPx - heightPx) / 2),
+    borderRadius: rem(theme, 1),
+    transition: "all 0.3s ease",
+    "&.MuiSlider-markActive": {
+      backgroundColor: gradient ? palette.light : palette.main,
+      width: rem(theme, isMarksVariant ? 4 : 2),
+      height: rem(theme, markHeightPx + 2),
+      marginTop: rem(theme, -(markHeightPx + 2 - heightPx) / 2),
+      ...glow && { boxShadow: `0 0 ${rem(theme, 8)} ${alpha(palette.main, 0.5)}` }
+    }
+  };
+};
+var markLabelPart = ({ theme, flags, palette }) => ({
+  fontSize: rem(theme, (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: rem(theme, geometry.heightPx),
+    "& .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-4RWPGWJW.js.map

package/dist/chunk-4RWPGWJW.js.map

@@ -0,0 +1 @@
+{"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';\nimport { rem } from '../../../tokens/relative';\n\nimport { absoluteInk, controlNeutral, onMedia, sheen } from '../../../tokens/ink';\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 => controlNeutral(theme);\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 || absoluteInk(theme).white,\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Design px, converted through the type scale where each is read. */\ninterface Geometry {\n  heightPx: number;\n  thumbSizePx: number;\n  markHeightPx: number;\n}\n\nconst SIZES: Record<SizeKey, Geometry> = {\n  xs: { heightPx: 4, thumbSizePx: 16, markHeightPx: 8 },\n  sm: { heightPx: 6, thumbSizePx: 18, markHeightPx: 10 },\n  md: { heightPx: 8, thumbSizePx: 20, markHeightPx: 12 },\n  lg: { heightPx: 10, thumbSizePx: 24, markHeightPx: 14 },\n  xl: { heightPx: 12, thumbSizePx: 28, markHeightPx: 16 },\n};\n\n/**\n * The value bubble and mark labels shrink at the two smallest sizes only. The\n * two fonts are design px, read through the type scale.\n */\nconst LABEL_SCALE: Record<string, { fontPx: number; boxPx: number; markFont: number }> = {\n  xs: { fontPx: 10, boxPx: 28, markFont: 10.4 },\n  sm: { fontPx: 11, boxPx: 30, markFont: 11.2 },\n};\nconst LABEL_DEFAULT = { fontPx: 12, boxPx: 32, markFont: 12 };\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 = ({ theme, 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: rem(theme, geometry.heightPx),\n    borderRadius: rem(theme, geometry.heightPx / 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, ${sheen(theme, 0.2)}, transparent)`,\n        animation: `${gradientShiftAnimation} 2s linear infinite`,\n      },\n    }),\n    ...(glow && {\n      animation: `${glowAnimation(theme)} 2s ease-in-out infinite`,\n      boxShadow: `0 0 ${rem(theme, 10)} ${alpha(palette.main, 0.6)}, inset 0 0 ${rem(theme, 10)} ${alpha(palette.main, 0.2)}`,\n    }),\n    ...(glass && {\n      backgroundColor: alpha(palette.main, 0.8),\n      backdropFilter: `blur(${rem(theme, 10)})`,\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: rem(theme, geometry.heightPx),\n  borderRadius: rem(theme, geometry.heightPx / 2),\n  transition: 'all 0.3s ease',\n  ...(flags.glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: `blur(${rem(theme, 20)})`,\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: rem(theme, geometry.thumbSizePx),\n    width: rem(theme, geometry.thumbSizePx),\n    backgroundColor: gradient ? palette.main : absoluteInk(theme).white,\n    border: `${rem(theme, 2)} 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 ${rem(theme, 20)} ${alpha(palette.main, 0.6)}, 0 0 0 ${rem(theme, 8)} ${alpha(palette.main, 0.15)}`\n        : `${theme.shadows[4]}, 0 0 0 ${rem(theme, 8)} ${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(${rem(theme, 10)})`,\n      border: `${rem(theme, 2)} solid ${alpha(palette.main, 0.8)}`,\n    }),\n    ...(gradient && {\n      background: `linear-gradient(135deg, ${palette.light}, ${palette.main})`,\n      border: 'none',\n      color: onMedia(theme),\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: rem(theme, scale.fontPx),\n    padding: 0,\n    width: rem(theme, scale.boxPx),\n    height: rem(theme, scale.boxPx),\n    borderRadius: gradient ? rem(theme, 8) : '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(${rem(theme, 10)})` : '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 ${rem(theme, 10)} ${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 { markHeightPx, heightPx } = geometry;\n\n  return {\n    backgroundColor: alpha(theme.palette.action.disabled, 0.5),\n    height: rem(theme, markHeightPx),\n    width: rem(theme, isMarksVariant ? 3 : 2),\n    // Centred on the rail rather than hanging below it.\n    marginTop: rem(theme, -(markHeightPx - heightPx) / 2),\n    borderRadius: rem(theme, 1),\n    transition: 'all 0.3s ease',\n    '&.MuiSlider-markActive': {\n      backgroundColor: gradient ? palette.light : palette.main,\n      width: rem(theme, isMarksVariant ? 4 : 2),\n      height: rem(theme, markHeightPx + 2),\n      marginTop: rem(theme, -(markHeightPx + 2 - heightPx) / 2),\n      ...(glow && { boxShadow: `0 0 ${rem(theme, 8)} ${alpha(palette.main, 0.5)}` }),\n    },\n  };\n};\n\nconst markLabelPart = ({ theme, flags, palette }: PartInput): CSSObject => ({\n  fontSize: rem(theme, (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: rem(theme, geometry.heightPx),\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":"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","names":[]}

package/dist/chunk-4T6UIYJB.js

@@ -0,0 +1,77 @@
+import {
+  AddressTextField
+} from "./chunk-RDCHT2WN.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/AddressAutocomplete/AddressInputField.tsx
+import CurrentLocationIcon from "@mui/icons-material/MyLocation";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import InputAdornment from "@mui/material/InputAdornment/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CurrentLocationButton = ({ disabled, onClick, currentLocationLabel }) => /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+  IconButton,
+  {
+    edge: "end",
+    onClick,
+    size: "small",
+    title: currentLocationLabel,
+    disabled,
+    "data-testid": "address-current-location-button",
+    children: /* @__PURE__ */ jsx(CurrentLocationIcon, {})
+  }
+) });
+var AddressInputField = ({
+  copy,
+  params,
+  addressVariant,
+  label,
+  placeholder,
+  icon,
+  error,
+  helperText,
+  required,
+  disabled,
+  loading,
+  showCurrentLocation,
+  onGetCurrentLocation
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    AddressTextField,
+    {
+      ...params,
+      addressVariant,
+      label,
+      placeholder,
+      error,
+      helperText,
+      required,
+      InputProps: {
+        ...params.InputProps,
+        startAdornment: icon && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: icon }),
+        endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+          loading && /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: rem(theme, 20), "data-testid": "address-loading" }),
+          showCurrentLocation && /* @__PURE__ */ jsx(
+            CurrentLocationButton,
+            {
+              disabled,
+              onClick: onGetCurrentLocation,
+              currentLocationLabel: copy.useCurrentLocation
+            }
+          ),
+          params.InputProps.endAdornment
+        ] })
+      },
+      inputProps: { ...params.inputProps, "data-testid": "address-input" }
+    }
+  );
+};
+
+export {
+  AddressInputField
+};
+//# sourceMappingURL=chunk-4T6UIYJB.js.map

package/dist/chunk-4T6UIYJB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressInputField.tsx"],"sourcesContent":["import CurrentLocationIcon from '@mui/icons-material/MyLocation';\nimport type { AutocompleteRenderInputParams } from '@mui/material/Autocomplete/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport type { AddressAutocompleteProps } from './AddressAutocomplete.types';\nimport { AddressTextField } from './AddressTextField';\n\nimport { rem } from '../../../tokens/relative';\n\nconst CurrentLocationButton: FC<{\n  disabled: boolean;\n  onClick: () => void;\n  currentLocationLabel: string;\n}> = ({ disabled, onClick, currentLocationLabel }) => (\n  <InputAdornment position=\"end\">\n    <IconButton\n      edge=\"end\"\n      onClick={onClick}\n      size=\"small\"\n      title={currentLocationLabel}\n      disabled={disabled}\n      data-testid=\"address-current-location-button\"\n    >\n      <CurrentLocationIcon />\n    </IconButton>\n  </InputAdornment>\n);\n\nexport interface AddressInputFieldProps {\n  copy: AddressAutocompleteProps['copy'];\n  params: AutocompleteRenderInputParams;\n  addressVariant: AddressAutocompleteProps['variant'];\n  label?: string;\n  placeholder?: string;\n  icon?: ReactNode;\n  error: boolean;\n  helperText?: string;\n  required: boolean;\n  disabled: boolean;\n  loading: boolean;\n  showCurrentLocation: boolean;\n  onGetCurrentLocation: () => void;\n}\n\nexport const AddressInputField: FC<AddressInputFieldProps> = ({\n  copy,\n  params,\n  addressVariant,\n  label,\n  placeholder,\n  icon,\n  error,\n  helperText,\n  required,\n  disabled,\n  loading,\n  showCurrentLocation,\n  onGetCurrentLocation,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <AddressTextField\n      {...params}\n      addressVariant={addressVariant}\n      label={label}\n      placeholder={placeholder}\n      error={error}\n      helperText={helperText}\n      required={required}\n      InputProps={{\n        ...params.InputProps,\n        startAdornment: icon && <InputAdornment position=\"start\">{icon}</InputAdornment>,\n        endAdornment: (\n          <>\n            {loading && <CircularProgress color=\"inherit\" size={rem(theme, 20)} data-testid=\"address-loading\" />}\n            {showCurrentLocation && (\n              <CurrentLocationButton\n                disabled={disabled}\n                onClick={onGetCurrentLocation}\n                currentLocationLabel={copy.useCurrentLocation}\n              />\n            )}\n            {params.InputProps.endAdornment}\n          </>\n        ),\n      }}\n      inputProps={{ ...params.inputProps, 'data-testid': 'address-input' }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,yBAAyB;AAEhC,OAAO,sBAAsB;AAC7B,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAC3B,SAAS,gBAAgB;AAuBnB,SAmDI,UAnDJ,KAmDI,YAnDJ;AAdN,IAAM,wBAID,CAAC,EAAE,UAAU,SAAS,qBAAqB,MAC9C,oBAAC,kBAAe,UAAS,OACvB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,MAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA,eAAY;AAAA,IAEZ,8BAAC,uBAAoB;AAAA;AACvB,GACF;AAmBK,IAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,GAAG,OAAO;AAAA,QACV,gBAAgB,QAAQ,oBAAC,kBAAe,UAAS,SAAS,gBAAK;AAAA,QAC/D,cACE,iCACG;AAAA,qBAAW,oBAAC,oBAAiB,OAAM,WAAU,MAAM,IAAI,OAAO,EAAE,GAAG,eAAY,mBAAkB;AAAA,UACjG,uBACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,SAAS;AAAA,cACT,sBAAsB,KAAK;AAAA;AAAA,UAC7B;AAAA,UAED,OAAO,WAAW;AAAA,WACrB;AAAA,MAEJ;AAAA,MACA,YAAY,EAAE,GAAG,OAAO,YAAY,eAAe,gBAAgB;AAAA;AAAA,EACrE;AAEJ;","names":[]}

package/dist/chunk-4WCDMCIS.js

@@ -0,0 +1,43 @@
+import {
+  ConfirmActionDialog
+} from "./chunk-BJZOBG24.js";
+import {
+  useConfirmAction
+} from "./chunk-EMYESBIT.js";
+
+// src/components/feedback/ConfirmAction/with-confirmation.tsx
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function resolveOptions(defaults, instance) {
+  if (instance === false) return null;
+  const merged = { ...defaults, ...instance };
+  if (!merged.title || !merged.confirmText) return null;
+  return { ...merged, title: merged.title, confirmText: merged.confirmText };
+}
+function useGuardedHandler(onClick) {
+  return React.useCallback(() => {
+    const result = onClick?.();
+    return result instanceof Promise ? result : void 0;
+  }, [onClick]);
+}
+function withConfirmation(Wrapped, defaults) {
+  function WithConfirmation(props) {
+    const { confirm, onClick } = props;
+    const options = resolveOptions(defaults, confirm);
+    const state = useConfirmAction(useGuardedHandler(onClick), defaults.errorText);
+    const { confirm: _confirm, ...rest } = props;
+    const forwarded = rest;
+    if (!options) return /* @__PURE__ */ jsx(Wrapped, { ...forwarded });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Wrapped, { ...forwarded, onClick: state.request }),
+      /* @__PURE__ */ jsx(ConfirmActionDialog, { state, ...options, copy: defaults.copy })
+    ] });
+  }
+  WithConfirmation.displayName = `withConfirmation(${Wrapped.displayName ?? Wrapped.name ?? "Component"})`;
+  return WithConfirmation;
+}
+
+export {
+  withConfirmation
+};
+//# sourceMappingURL=chunk-4WCDMCIS.js.map

package/dist/chunk-4WNFOBTH.js

@@ -0,0 +1,220 @@
+import {
+  BUTTON_SIZES,
+  ICON_ONLY_PADDING
+} from "./chunk-LN46DSMF.js";
+import {
+  asFieldSize,
+  fieldBorder,
+  fieldHeight
+} from "./chunk-CGO452DC.js";
+import {
+  inkOver
+} from "./chunk-2BYKTBDL.js";
+import {
+  absoluteInk,
+  controlNeutral
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/Button/Button.styles.ts
+import { alpha, darken, keyframes, lighten } from "@mui/material/styles/index.js";
+var pulseAnimation = (theme) => keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var shade = (palette, key, fallback) => palette?.[key] || palette?.main || fallback[key];
+var neutralPalette = (theme) => controlNeutral(theme);
+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
+  };
+  const fallback = theme.palette.primary;
+  const palette = colorMap[color] || fallback;
+  return {
+    main: palette?.main || fallback.main,
+    dark: shade(palette, "dark", fallback),
+    light: shade(palette, "light", fallback),
+    contrastText: palette?.contrastText || absoluteInk(theme).white
+  };
+};
+var SIZE_MAP = Object.fromEntries(
+  Object.entries(BUTTON_SIZES).map(([size, m]) => [
+    size,
+    { paddingYPx: m.paddingVertical, paddingXPx: m.paddingHorizontal, fontPx: m.fontSize }
+  ])
+);
+var DEFAULT_SIZE = SIZE_MAP.md;
+var sizeOf = (size) => SIZE_MAP[size] ?? DEFAULT_SIZE;
+var iconOnlyPadding = (theme, size) => {
+  const bySize = ICON_ONLY_PADDING;
+  return rem(theme, bySize[size] ?? ICON_ONLY_PADDING.md);
+};
+var iconOnlySize = (theme, size) => ({
+  minWidth: 0,
+  padding: iconOnlyPadding(theme, size),
+  fontSize: rem(theme, sizeOf(size).fontPx),
+  "& .MuiButton-startIcon, & .MuiButton-endIcon": { margin: 0 }
+});
+var buttonSize = (size, iconOnly) => (theme) => {
+  const height = fieldHeight(theme, asFieldSize(size));
+  if (iconOnly) return { ...iconOnlySize(theme, size), padding: 0, minWidth: height, minHeight: height };
+  const { paddingYPx, paddingXPx, fontPx } = sizeOf(size);
+  return { padding: rems(theme, paddingYPx, paddingXPx), fontSize: rem(theme, fontPx), minHeight: height, paddingTop: 0, paddingBottom: 0 };
+};
+var iconAlignmentStyles = (theme) => ({
+  "& .MuiButton-startIcon, & .MuiButton-endIcon": {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: 0,
+    verticalAlign: "middle",
+    "& > *": {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      lineHeight: 0
+    }
+  },
+  "& .MuiButton-startIcon": {
+    marginRight: theme.spacing(0.5)
+  },
+  "& .MuiButton-endIcon": {
+    marginLeft: theme.spacing(0.5)
+  }
+});
+var GRADIENT_PAIRS = {
+  primary: (theme) => [theme.palette.primary.main, theme.palette.secondary.main],
+  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],
+  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],
+  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],
+  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark]
+};
+var gradientStops = (theme, color, palette) => GRADIENT_PAIRS[color]?.(theme) ?? [palette.main, palette.dark];
+var gradientFor = (theme, color, palette) => {
+  const [from, to] = gradientStops(theme, color, palette);
+  return `linear-gradient(135deg, ${from} 0%, ${to} 100%)`;
+};
+var gradientInk = (theme, color, palette) => inkOver(gradientStops(theme, color, palette), palette.contrastText || absoluteInk(theme).white);
+var quietInk = (theme, palette) => theme.palette.mode === "dark" ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);
+var VARIANT_STYLES = {
+  solid: (theme, palette) => ({
+    backgroundColor: palette.main,
+    color: palette.contrastText || absoluteInk(theme).white,
+    "&:hover": {
+      backgroundColor: palette.dark,
+      transform: `translateY(${rem(theme, -2)})`,
+      boxShadow: theme.shadows[8]
+    }
+  }),
+  // A NEUTRAL outline is a field-row control ("Mais", "Exibir"), so it rests on
+  // the one field border; a coloured outline keeps its colour, which is the
+  // point of asking for one.
+  outline: (theme, palette, color) => ({
+    backgroundColor: "transparent",
+    color: palette.main,
+    border: color === "neutral" ? fieldBorder(theme) : `1px solid ${palette.main}`,
+    "&:hover": {
+      backgroundColor: alpha(palette.main, 0.1),
+      borderColor: palette.dark
+    }
+  }),
+  ghost: (theme, palette) => ({
+    backgroundColor: "transparent",
+    color: quietInk(theme, palette),
+    "&:hover": {
+      backgroundColor: alpha(palette.main, 0.1)
+    }
+  }),
+  text: (theme, palette) => ({
+    backgroundColor: "transparent",
+    color: quietInk(theme, palette),
+    border: `none`,
+    "&:hover": {
+      backgroundColor: alpha(palette.main, 0.1)
+    },
+    "&.active": {
+      backgroundColor: alpha(palette.main, 0.1),
+      color: quietInk(theme, palette)
+    }
+  }),
+  glass: (theme, palette) => ({
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: `blur(${rem(theme, 20)})`,
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+    color: palette.main,
+    "&:hover": {
+      backgroundColor: alpha(theme.palette.background.paper, 0.2),
+      transform: `translateY(${rem(theme, -2)})`
+    }
+  }),
+  gradient: (theme, palette, color) => ({
+    background: gradientFor(theme, color, palette),
+    color: gradientInk(theme, color, palette),
+    "&:hover": {
+      filter: "brightness(1.1)",
+      transform: `translateY(${rem(theme, -2)})`,
+      boxShadow: theme.shadows[12]
+    }
+  })
+};
+var buttonVariantStyles = (theme, variant, palette, color) => VARIANT_STYLES[variant ?? ""]?.(theme, palette, color) ?? {};
+var glowStyles = (theme, palette) => ({
+  boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(palette.main, 0.6)}, ${rems(theme, 0, 0, 40, 10)} ${alpha(palette.main, 0.3)} !important`,
+  filter: "brightness(1.05)",
+  "&:hover": {
+    boxShadow: `${rems(theme, 0, 0, 25, 8)} ${alpha(palette.main, 0.7)}, ${rems(theme, 0, 0, 50, 15)} ${alpha(palette.main, 0.4)} !important`,
+    filter: "brightness(1.1)",
+    transform: `translateY(${rem(theme, -2)}) scale(1.02)`
+  }
+});
+var pulseStyles = (theme, palette) => ({
+  position: "relative",
+  overflow: "visible",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: "100%",
+    height: "100%",
+    borderRadius: "inherit",
+    transform: "translate(-50%, -50%)",
+    backgroundColor: palette.main,
+    opacity: 0.3,
+    animation: `${pulseAnimation(theme)} 2s infinite`,
+    pointerEvents: "none",
+    zIndex: -1
+  }
+});
+var buttonEmphasisStyles = (theme, palette, glow, pulse) => ({
+  ...glow ? glowStyles(theme, palette) : {},
+  ...pulse ? pulseStyles(theme, palette) : {}
+});
+
+export {
+  getColorFromTheme,
+  buttonSize,
+  iconAlignmentStyles,
+  buttonVariantStyles,
+  buttonEmphasisStyles
+};
+//# sourceMappingURL=chunk-4WNFOBTH.js.map