@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-RUSQTJET.js

@@ -0,0 +1,107 @@
+import {
+  MAX_ZOOM,
+  MIN_ZOOM
+} from "./chunk-H2J2MTRE.js";
+
+// src/components/data-display/MapPreview/MapControlBar.tsx
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import LayersIcon from "@mui/icons-material/Layers";
+import CenterIcon from "@mui/icons-material/MyLocation";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
+import { alpha, Box, IconButton, styled, Tooltip } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MapControls = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  right: theme.spacing(2),
+  zIndex: 1,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+var ControlButton = styled(IconButton)(({ theme }) => ({
+  background: alpha(theme.palette.background.paper, 0.95),
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.shadows[2],
+  // Kept clickable while disabled so hover tooltips still work at the limits.
+  pointerEvents: "auto",
+  "&:hover": {
+    background: theme.palette.background.paper,
+    transform: "scale(1.05)"
+  },
+  "&:disabled": {
+    opacity: 0.5,
+    pointerEvents: "auto"
+  }
+}));
+var MapControlBar = ({
+  copy,
+  zoom,
+  mapType,
+  onZoomIn,
+  onZoomOut,
+  onCenter,
+  onToggleMapType,
+  onToggleFullscreen
+}) => /* @__PURE__ */ jsxs(MapControls, { "data-testid": "map-controls", children: [
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.zoomIn, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onZoomIn,
+      "aria-label": copy.zoomIn,
+      "data-testid": "zoom-in-button",
+      disabled: zoom >= MAX_ZOOM,
+      children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.zoomOut, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onZoomOut,
+      "aria-label": copy.zoomOut,
+      "data-testid": "zoom-out-button",
+      disabled: zoom <= MIN_ZOOM,
+      children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.center, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onCenter,
+      "aria-label": copy.center,
+      "data-testid": "center-button",
+      children: /* @__PURE__ */ jsx(CenterIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: `Map type: ${mapType}`, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onToggleMapType,
+      "aria-label": copy.mapType,
+      "data-testid": "map-type-button",
+      children: /* @__PURE__ */ jsx(LayersIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.fullscreen, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onToggleFullscreen,
+      "aria-label": copy.fullscreen,
+      "data-testid": "fullscreen-button",
+      children: /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
+    }
+  ) })
+] });
+
+export {
+  MapControlBar
+};
+//# sourceMappingURL=chunk-RUSQTJET.js.map

package/dist/chunk-RUSQTJET.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapControlBar.tsx"],"sourcesContent":["import FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport LayersIcon from '@mui/icons-material/Layers';\nimport CenterIcon from '@mui/icons-material/MyLocation';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport { alpha, Box, IconButton, styled, Tooltip } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { MAX_ZOOM, MIN_ZOOM } from './MapPreview.constants';\nimport type { MapType } from './MapPreview.types';\nimport type { MapPreviewCopy } from '../../../copy';\n\n// Kept module-local: the inferred type of a styled() component cannot be named\n// across a module boundary here (TS2742).\nconst MapControls = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  right: theme.spacing(2),\n  zIndex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}));\n\nconst ControlButton = styled(IconButton)(({ theme }) => ({\n  background: alpha(theme.palette.background.paper, 0.95),\n  backdropFilter: 'blur(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.shadows[2],\n  // Kept clickable while disabled so hover tooltips still work at the limits.\n  pointerEvents: 'auto',\n  '&:hover': {\n    background: theme.palette.background.paper,\n    transform: 'scale(1.05)',\n  },\n  '&:disabled': {\n    opacity: 0.5,\n    pointerEvents: 'auto',\n  },\n}));\n\nexport interface MapControlBarProps {\n  /**\n   * The six controls' names. Every one is a glyph with a `title` AND an\n   * `aria-label`, so this object is both the tooltip and what a screen reader\n   * reads — REQUIRED, because a default is one language for every adopter.\n   */\n  copy: MapPreviewCopy;\n  zoom: number;\n  mapType: MapType;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onCenter: () => void;\n  onToggleMapType: () => void;\n  onToggleFullscreen: () => void;\n}\n\nexport const MapControlBar: FC<MapControlBarProps> = ({\n  copy,\n  zoom,\n  mapType,\n  onZoomIn,\n  onZoomOut,\n  onCenter,\n  onToggleMapType,\n  onToggleFullscreen,\n}) => (\n  <MapControls data-testid=\"map-controls\">\n    <Tooltip title={copy.zoomIn} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onZoomIn}\n        aria-label={copy.zoomIn}\n        data-testid=\"zoom-in-button\"\n        disabled={zoom >= MAX_ZOOM}\n      >\n        <ZoomInIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.zoomOut} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onZoomOut}\n        aria-label={copy.zoomOut}\n        data-testid=\"zoom-out-button\"\n        disabled={zoom <= MIN_ZOOM}\n      >\n        <ZoomOutIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.center} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onCenter}\n        aria-label={copy.center}\n        data-testid=\"center-button\"\n      >\n        <CenterIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={`Map type: ${mapType}`} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onToggleMapType}\n        aria-label={copy.mapType}\n        data-testid=\"map-type-button\"\n      >\n        <LayersIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.fullscreen} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onToggleFullscreen}\n        aria-label={copy.fullscreen}\n        data-testid=\"fullscreen-button\"\n      >\n        <FullscreenIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n  </MapControls>\n);\n"],"mappings":";;;;;;AAAA,OAAO,oBAAoB;AAC3B,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,iBAAiB;AACxB,SAAS,OAAO,KAAK,YAAY,QAAQ,eAAe;AAgEtD,SASM,KATN;AAtDF,IAAM,cAAc,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC9C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAO,MAAM,QAAQ,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,IAAM,gBAAgB,OAAO,UAAU,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACvD,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,EACtD,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACtD,WAAW,MAAM,QAAQ,CAAC;AAAA;AAAA,EAE1B,eAAe;AAAA,EACf,WAAW;AAAA,IACT,YAAY,MAAM,QAAQ,WAAW;AAAA,IACrC,WAAW;AAAA,EACb;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;AAkBK,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,qBAAC,eAAY,eAAY,gBACvB;AAAA,sBAAC,WAAQ,OAAO,KAAK,QAAQ,WAAU,QACrC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MACZ,UAAU,QAAQ;AAAA,MAElB,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,EAC/B,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,KAAK,SAAS,WAAU,QACtC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MACZ,UAAU,QAAQ;AAAA,MAElB,8BAAC,eAAY,UAAS,SAAQ;AAAA;AAAA,EAChC,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,KAAK,QAAQ,WAAU,QACrC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MAEZ,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,EAC/B,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,aAAa,OAAO,IAAI,WAAU,QAChD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MAEZ,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,EAC/B,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,KAAK,YAAY,WAAU,QACzC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MAEZ,8BAAC,kBAAe,UAAS,SAAQ;AAAA;AAAA,EACnC,GACF;AAAA,GACF;","names":[]}

package/dist/chunk-S22FEBOC.js

@@ -0,0 +1,143 @@
+// src/components/data-display/Tooltip/Tooltip.tsx
+import { alpha, keyframes, Tooltip as MuiTooltip } from "@mui/material";
+import { styled } from "@mui/material";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var pulseAnimation = keyframes`
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  70% {
+    transform: scale(1.05);
+    opacity: 0.8;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+var SIZE_MAP = {
+  sm: { fontSize: "0.75rem", padding: "4px 8px" },
+  md: { fontSize: "0.875rem", padding: "6px 12px" },
+  lg: { fontSize: "1rem", padding: "8px 16px" }
+};
+var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
+var variantStyles = (theme, variant) => {
+  switch (variant) {
+    case "default":
+      return {
+        backgroundColor: alpha(theme.palette.grey[900], 0.9),
+        color: theme.palette.common.white
+      };
+    case "dark":
+      return {
+        backgroundColor: theme.palette.grey[900],
+        color: theme.palette.common.white
+      };
+    case "light":
+      return {
+        backgroundColor: theme.palette.common.white,
+        color: theme.palette.text.primary,
+        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+        boxShadow: theme.shadows[4]
+      };
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+        color: theme.palette.text.primary
+      };
+    default:
+      return {};
+  }
+};
+var emphasisStyles = (theme, glow, pulse) => ({
+  ...glow && {
+    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,
+    filter: "brightness(1.05)"
+  },
+  ...pulse && {
+    animation: `${pulseAnimation} 2s infinite`
+  }
+});
+var arrowColor = (theme, variant) => {
+  switch (variant) {
+    case "light":
+      return theme.palette.common.white;
+    case "glass":
+      return alpha(theme.palette.background.paper, 0.1);
+    case "dark":
+      return theme.palette.grey[900];
+    default:
+      return alpha(theme.palette.grey[900], 0.9);
+  }
+};
+var StyledTooltip = styled(MuiTooltip, {
+  shouldForwardProp: (prop) => !["customVariant", "customSize", "glow", "pulse"].includes(prop)
+})(({ theme, customVariant, customSize, glow, pulse }) => {
+  const sizeStyles = getSizeStyles(customSize);
+  return {
+    "& .MuiTooltip-tooltip": {
+      borderRadius: theme.spacing(1),
+      fontSize: sizeStyles.fontSize,
+      padding: sizeStyles.padding,
+      fontWeight: 500,
+      transition: "all 0.3s ease",
+      position: "relative",
+      overflow: "hidden",
+      ...variantStyles(theme, customVariant),
+      ...emphasisStyles(theme, glow, pulse)
+    },
+    "& .MuiTooltip-arrow": {
+      color: arrowColor(theme, customVariant)
+    }
+  };
+});
+var Tooltip = React.forwardRef(
+  ({
+    variant = "default",
+    size = "md",
+    glow = false,
+    pulse = false,
+    maxWidth = 300,
+    dataTestId,
+    children,
+    ...props
+  }, ref) => {
+    const childWithTestId = dataTestId ? React.cloneElement(children, {
+      "data-testid": `${dataTestId}-trigger`
+    }) : children;
+    return /* @__PURE__ */ jsx(
+      StyledTooltip,
+      {
+        ref,
+        customVariant: variant,
+        customSize: size,
+        glow,
+        pulse,
+        enterDelay: 0,
+        leaveDelay: 0,
+        disableHoverListener: false,
+        disableFocusListener: false,
+        disableTouchListener: false,
+        slotProps: {
+          tooltip: {
+            sx: { maxWidth },
+            role: "tooltip",
+            ...dataTestId && { "data-testid": `${dataTestId}-content` }
+          }
+        },
+        ...props,
+        children: childWithTestId
+      }
+    );
+  }
+);
+Tooltip.displayName = "Tooltip";
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-S22FEBOC.js.map

package/dist/chunk-S22FEBOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Tooltip/Tooltip.tsx"],"sourcesContent":["import { alpha, keyframes,Tooltip as MuiTooltip } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { TooltipProps } from './Tooltip.types';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst SIZE_MAP = {\n  sm: { fontSize: '0.75rem', padding: '4px 8px' },\n  md: { fontSize: '0.875rem', padding: '6px 12px' },\n  lg: { fontSize: '1rem', padding: '8px 16px' },\n} as const;\n\nconst getSizeStyles = (size?: string): { fontSize: string; padding: string } =>\n  SIZE_MAP[size as keyof typeof SIZE_MAP] || SIZE_MAP.md;\n\nconst variantStyles = (theme: Theme, variant?: string): CSSObject => {\n  switch (variant) {\n    case 'default':\n      return {\n        backgroundColor: alpha(theme.palette.grey[900], 0.9),\n        color: theme.palette.common.white,\n      };\n    case 'dark':\n      return {\n        backgroundColor: theme.palette.grey[900],\n        color: theme.palette.common.white,\n      };\n    case 'light':\n      return {\n        backgroundColor: theme.palette.common.white,\n        color: theme.palette.text.primary,\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        boxShadow: theme.shadows[4],\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        color: theme.palette.text.primary,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nconst emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nconst arrowColor = (theme: Theme, variant?: string): string => {\n  switch (variant) {\n    case 'light':\n      return theme.palette.common.white;\n    case 'glass':\n      return alpha(theme.palette.background.paper, 0.1);\n    case 'dark':\n      return theme.palette.grey[900];\n    default:\n      return alpha(theme.palette.grey[900], 0.9);\n  }\n};\n\nconst StyledTooltip = styled(MuiTooltip, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, glow, pulse }) => {\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '& .MuiTooltip-tooltip': {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize,\n      padding: sizeStyles.padding,\n      fontWeight: 500,\n      transition: 'all 0.3s ease',\n      position: 'relative',\n      overflow: 'hidden',\n      ...variantStyles(theme, customVariant),\n      ...emphasisStyles(theme, glow, pulse),\n    },\n\n    '& .MuiTooltip-arrow': {\n      color: arrowColor(theme, customVariant),\n    },\n  };\n});\n\nexport const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      glow = false,\n      pulse = false,\n      maxWidth = 300,\n      dataTestId,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const childWithTestId = dataTestId\n      ? React.cloneElement(children as React.ReactElement<{ 'data-testid'?: string }>, {\n          'data-testid': `${dataTestId}-trigger`,\n        })\n      : children;\n\n    return (\n      <StyledTooltip\n        ref={ref}\n        customVariant={variant}\n        customSize={size}\n        glow={glow}\n        pulse={pulse}\n        enterDelay={0}\n        leaveDelay={0}\n        disableHoverListener={false}\n        disableFocusListener={false}\n        disableTouchListener={false}\n        slotProps={{\n          tooltip: {\n            sx: { maxWidth },\n            role: 'tooltip',\n            ...(dataTestId && { 'data-testid': `${dataTestId}-content` }),\n          },\n        }}\n        {...props}\n      >\n        {childWithTestId}\n      </StyledTooltip>\n    );\n  },\n);\n\nTooltip.displayName = 'Tooltip';\n"],"mappings":";AAAA,SAAS,OAAO,WAAU,WAAW,kBAAkB;AAEvD,SAAS,cAAc;AACvB,OAAO,WAAW;AAwIZ;AAnIN,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,WAAW;AAAA,EACf,IAAI,EAAE,UAAU,WAAW,SAAS,UAAU;AAAA,EAC9C,IAAI,EAAE,UAAU,YAAY,SAAS,WAAW;AAAA,EAChD,IAAI,EAAE,UAAU,QAAQ,SAAS,WAAW;AAC9C;AAEA,IAAM,gBAAgB,CAAC,SACrB,SAAS,IAA6B,KAAK,SAAS;AAEtD,IAAM,gBAAgB,CAAC,OAAc,YAAgC;AACnE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,GAAG;AAAA,QACnD,OAAO,MAAM,QAAQ,OAAO;AAAA,MAC9B;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,QAAQ,KAAK,GAAG;AAAA,QACvC,OAAO,MAAM,QAAQ,OAAO;AAAA,MAC9B;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,QACtD,WAAW,MAAM,QAAQ,CAAC;AAAA,MAC5B;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,QACtD,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC5B;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIA,IAAM,iBAAiB,CAAC,OAAc,MAAgB,WAAgC;AAAA,EACpF,GAAI,QAAQ;AAAA,IACV,WAAW,gBAAgB,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IACjE,QAAQ;AAAA,EACV;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;AAEA,IAAM,aAAa,CAAC,OAAc,YAA6B;AAC7D,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,MAAM,QAAQ,OAAO;AAAA,IAC9B,KAAK;AACH,aAAO,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAClD,KAAK;AACH,aAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,IAC/B;AACE,aAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,GAAG;AAAA,EAC7C;AACF;AAEA,IAAM,gBAAgB,OAAO,YAAY;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,cAAc,QAAQ,OAAO,EAAE,SAAS,IAAc;AAC7E,CAAC,EAKE,CAAC,EAAE,OAAO,eAAe,YAAY,MAAM,MAAM,MAAM;AACxD,QAAM,aAAa,cAAc,UAAU;AAE3C,SAAO;AAAA,IACL,yBAAyB;AAAA,MACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,UAAU,WAAW;AAAA,MACrB,SAAS,WAAW;AAAA,MACpB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG,cAAc,OAAO,aAAa;AAAA,MACrC,GAAG,eAAe,OAAO,MAAM,KAAK;AAAA,IACtC;AAAA,IAEA,uBAAuB;AAAA,MACrB,OAAO,WAAW,OAAO,aAAa;AAAA,IACxC;AAAA,EACF;AACF,CAAC;AAEM,IAAM,UAAU,MAAM;AAAA,EAC3B,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB,aACpB,MAAM,aAAa,UAA4D;AAAA,MAC7E,eAAe,GAAG,UAAU;AAAA,IAC9B,CAAC,IACD;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,WAAW;AAAA,UACT,SAAS;AAAA,YACP,IAAI,EAAE,SAAS;AAAA,YACf,MAAM;AAAA,YACN,GAAI,cAAc,EAAE,eAAe,GAAG,UAAU,WAAW;AAAA,UAC7D;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;","names":[]}

package/dist/chunk-S2GDYA6R.js

@@ -0,0 +1,116 @@
+import {
+  PWA_INSTALL_AVAILABLE_EVENT,
+  readPwaInstallStash
+} from "./chunk-UUL44SUX.js";
+import {
+  DEFAULT_DISMISS_DAYS,
+  DEFAULT_STORAGE_KEY,
+  isDismissalActive,
+  isStandaloneDisplay,
+  readDismissedAt,
+  resolveInstallPlatform,
+  writeDismissedAt
+} from "./chunk-WXYLH3QZ.js";
+
+// src/components/utility/InstallPrompt/usePwaInstall.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var useInstalledState = (onInstalled) => {
+  const [isInstalled, setIsInstalled] = useState(false);
+  const onInstalledRef = useRef(onInstalled);
+  useEffect(() => {
+    onInstalledRef.current = onInstalled;
+  }, [onInstalled]);
+  useEffect(() => {
+    setIsInstalled(isStandaloneDisplay() || readPwaInstallStash()?.installedAt != null);
+    const markInstalled = () => {
+      setIsInstalled(true);
+      onInstalledRef.current?.();
+    };
+    window.addEventListener("appinstalled", markInstalled);
+    return () => window.removeEventListener("appinstalled", markInstalled);
+  }, []);
+  return isInstalled;
+};
+var useDeferredPrompt = () => {
+  const deferredRef = useRef(null);
+  const [promptReady, setPromptReady] = useState(false);
+  useEffect(() => {
+    const hold = (event) => {
+      deferredRef.current = event;
+      setPromptReady(true);
+    };
+    const held = readPwaInstallStash()?.event;
+    if (held) hold(held);
+    const adopt = () => {
+      const fresh = readPwaInstallStash()?.event;
+      if (fresh) hold(fresh);
+    };
+    const capture = (event) => {
+      event.preventDefault();
+      hold(event);
+    };
+    window.addEventListener(PWA_INSTALL_AVAILABLE_EVENT, adopt);
+    window.addEventListener("beforeinstallprompt", capture);
+    return () => {
+      window.removeEventListener(PWA_INSTALL_AVAILABLE_EVENT, adopt);
+      window.removeEventListener("beforeinstallprompt", capture);
+    };
+  }, []);
+  const clearPrompt = useCallback(() => {
+    deferredRef.current = null;
+    setPromptReady(false);
+  }, []);
+  return { deferredRef, promptReady, clearPrompt };
+};
+var useDismissal = (storageKey, dismissForDays) => {
+  const [dismissed, setDismissed] = useState(false);
+  useEffect(() => {
+    const dismissedAt = readDismissedAt(storageKey);
+    setDismissed(isDismissalActive(dismissedAt, dismissForDays, Date.now()));
+  }, [storageKey, dismissForDays]);
+  const persistDismissal = useCallback(() => {
+    writeDismissedAt(storageKey, Date.now());
+    setDismissed(true);
+  }, [storageKey]);
+  return { dismissed, persistDismissal };
+};
+var useInstallPlatform = (promptReady) => {
+  const [platform, setPlatform] = useState("unsupported");
+  useEffect(() => {
+    setPlatform(resolveInstallPlatform(promptReady));
+  }, [promptReady]);
+  return platform;
+};
+var usePwaInstall = (options = {}) => {
+  const {
+    storageKey = DEFAULT_STORAGE_KEY,
+    dismissForDays = DEFAULT_DISMISS_DAYS,
+    onInstalled
+  } = options;
+  const isInstalled = useInstalledState(onInstalled);
+  const { deferredRef, promptReady, clearPrompt } = useDeferredPrompt();
+  const { dismissed, persistDismissal } = useDismissal(storageKey, dismissForDays);
+  const platform = useInstallPlatform(promptReady);
+  const promptInstall = useCallback(async () => {
+    const deferred = deferredRef.current;
+    if (!deferred) return "unavailable";
+    await deferred.prompt();
+    const { outcome } = await deferred.userChoice;
+    clearPrompt();
+    if (outcome === "dismissed") persistDismissal();
+    return outcome;
+  }, [deferredRef, clearPrompt, persistDismissal]);
+  const canInstall = !isInstalled && !dismissed && (platform === "ios" || promptReady);
+  return {
+    canInstall,
+    platform,
+    isInstalled,
+    promptInstall,
+    dismiss: persistDismissal
+  };
+};
+
+export {
+  usePwaInstall
+};
+//# sourceMappingURL=chunk-S2GDYA6R.js.map

package/dist/chunk-S2GDYA6R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/InstallPrompt/usePwaInstall.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { PWA_INSTALL_AVAILABLE_EVENT, readPwaInstallStash } from './InstallPrompt.earlyCapture';\nimport {\n  DEFAULT_DISMISS_DAYS,\n  DEFAULT_STORAGE_KEY,\n  isDismissalActive,\n  isStandaloneDisplay,\n  readDismissedAt,\n  resolveInstallPlatform,\n  writeDismissedAt,\n} from './InstallPrompt.helpers';\nimport type {\n  BeforeInstallPromptEvent,\n  InstallOutcome,\n  InstallPlatform,\n  PwaInstallState,\n  UsePwaInstallOptions,\n} from './InstallPrompt.types';\n\n/**\n * Headless PWA install machinery.\n *\n * A manifest and a service worker make a site installABLE; they do not make it\n * install. Chromium announces its willingness by firing `beforeinstallprompt`\n * and then does nothing further on its own beyond a small address-bar icon most\n * users never notice. Unless a page calls `preventDefault()` on that event and\n * keeps it, the handle is gone and the app can never ask.\n *\n * That is the whole reason this hook exists. It captures the event, tracks the\n * three states that should suppress an install invitation (already installed,\n * recently dismissed, browser cannot install), and hands back a\n * gesture-callable `promptInstall`.\n *\n * Every environment probe runs in an effect rather than in a state initialiser:\n * touching `window` during render breaks SSR and desynchronises hydration, so\n * the first paint deliberately reports `canInstall: false` and corrects itself\n * on mount.\n */\n\n/** Tracks whether the page is running as an installed app. */\nconst useInstalledState = (onInstalled?: () => void) => {\n  const [isInstalled, setIsInstalled] = useState(false);\n\n  // Held in a ref, and refreshed in its own effect rather than during render, so\n  // that a caller passing an inline callback does not re-subscribe the listener\n  // on every render.\n  const onInstalledRef = useRef(onInstalled);\n  useEffect(() => {\n    onInstalledRef.current = onInstalled;\n  }, [onInstalled]);\n\n  useEffect(() => {\n    // `appinstalled` can also land before the app mounts, so the stash is\n    // consulted for the same reason the deferred event is.\n    setIsInstalled(isStandaloneDisplay() || readPwaInstallStash()?.installedAt != null);\n\n    const markInstalled = () => {\n      setIsInstalled(true);\n      onInstalledRef.current?.();\n    };\n\n    window.addEventListener('appinstalled', markInstalled);\n    return () => window.removeEventListener('appinstalled', markInstalled);\n  }, []);\n\n  return isInstalled;\n};\n\n/**\n * Holds the deferred `beforeinstallprompt` event.\n *\n * The stash written by `capturePwaInstallEvent` is the PRIMARY source, not a\n * fallback. Chromium fires the event once, during initial page load; a\n * listener attached in an effect runs after hydration and, when the component\n * is code-split, after a download that may not happen until a later route. In\n * a real browser it essentially never catches the event, and the event is not\n * reissued on request — so a hook that relies on its own listener reports\n * \"cannot install\" forever on the one platform that can.\n *\n * The live listeners below therefore cover only the narrow case they can\n * actually serve: a browser re-evaluating installability while the app is\n * already running, and a host that never wired the capture at all.\n */\nconst useDeferredPrompt = () => {\n  const deferredRef = useRef<BeforeInstallPromptEvent | null>(null);\n  const [promptReady, setPromptReady] = useState(false);\n\n  useEffect(() => {\n    const hold = (event: BeforeInstallPromptEvent) => {\n      deferredRef.current = event;\n      setPromptReady(true);\n    };\n\n    // Whatever fired before this component existed.\n    const held = readPwaInstallStash()?.event;\n    if (held) hold(held);\n\n    // The capture rang the bell after mount: adopt what it is holding.\n    const adopt = () => {\n      const fresh = readPwaInstallStash()?.event;\n      if (fresh) hold(fresh);\n    };\n\n    const capture = (event: Event) => {\n      // Without preventDefault the browser owns the event and the handle dies\n      // with it. The capture has normally done this already; repeating it is\n      // harmless and keeps the hook correct on a host that skipped wiring.\n      event.preventDefault();\n      hold(event as BeforeInstallPromptEvent);\n    };\n\n    window.addEventListener(PWA_INSTALL_AVAILABLE_EVENT, adopt);\n    window.addEventListener('beforeinstallprompt', capture);\n    return () => {\n      window.removeEventListener(PWA_INSTALL_AVAILABLE_EVENT, adopt);\n      window.removeEventListener('beforeinstallprompt', capture);\n    };\n  }, []);\n\n  const clearPrompt = useCallback(() => {\n    deferredRef.current = null;\n    setPromptReady(false);\n  }, []);\n\n  return { deferredRef, promptReady, clearPrompt };\n};\n\n/** Reads and writes the \"don't ask again for a while\" record. */\nconst useDismissal = (storageKey: string, dismissForDays: number) => {\n  const [dismissed, setDismissed] = useState(false);\n\n  useEffect(() => {\n    const dismissedAt = readDismissedAt(storageKey);\n    setDismissed(isDismissalActive(dismissedAt, dismissForDays, Date.now()));\n  }, [storageKey, dismissForDays]);\n\n  const persistDismissal = useCallback(() => {\n    writeDismissedAt(storageKey, Date.now());\n    setDismissed(true);\n  }, [storageKey]);\n\n  return { dismissed, persistDismissal };\n};\n\n/** Resolves the install route once the deferred-prompt state is known. */\nconst useInstallPlatform = (promptReady: boolean): InstallPlatform => {\n  const [platform, setPlatform] = useState<InstallPlatform>('unsupported');\n\n  useEffect(() => {\n    setPlatform(resolveInstallPlatform(promptReady));\n  }, [promptReady]);\n\n  return platform;\n};\n\nexport const usePwaInstall = (options: UsePwaInstallOptions = {}): PwaInstallState => {\n  const {\n    storageKey = DEFAULT_STORAGE_KEY,\n    dismissForDays = DEFAULT_DISMISS_DAYS,\n    onInstalled,\n  } = options;\n\n  const isInstalled = useInstalledState(onInstalled);\n  const { deferredRef, promptReady, clearPrompt } = useDeferredPrompt();\n  const { dismissed, persistDismissal } = useDismissal(storageKey, dismissForDays);\n  const platform = useInstallPlatform(promptReady);\n\n  const promptInstall = useCallback(async (): Promise<InstallOutcome> => {\n    const deferred = deferredRef.current;\n    if (!deferred) return 'unavailable';\n\n    await deferred.prompt();\n    const { outcome } = await deferred.userChoice;\n\n    // Single-use handle: spent whichever way the user answered. Chromium emits a\n    // fresh event if the app is still installable, so holding this one would\n    // only mean calling prompt() twice on a dead event.\n    clearPrompt();\n\n    // Declining the browser's own dialog is a real \"no\" — record it, or the\n    // affordance reappears on the next render and badgers the user.\n    if (outcome === 'dismissed') persistDismissal();\n\n    return outcome;\n  }, [deferredRef, clearPrompt, persistDismissal]);\n\n  // iOS has no event to wait for, so its affordance is gated on the platform\n  // probe alone; everywhere else a live captured prompt is the prerequisite.\n  const canInstall = !isInstalled && !dismissed && (platform === 'ios' || promptReady);\n\n  return {\n    canInstall,\n    platform,\n    isInstalled,\n    promptInstall,\n    dismiss: persistDismissal,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-S2YVBYWZ.js

@@ -0,0 +1,45 @@
+// src/components/form/Slider/Slider.animations.ts
+import { keyframes } from "@mui/material";
+var glowAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px currentColor;
+  }
+  50% {
+    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;
+  }
+  100% {
+    box-shadow: 0 0 5px currentColor;
+  }
+`;
+var pulseAnimation = keyframes`
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.5);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+`;
+var gradientShiftAnimation = keyframes`
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+`;
+
+export {
+  glowAnimation,
+  pulseAnimation,
+  gradientShiftAnimation
+};
+//# sourceMappingURL=chunk-S2YVBYWZ.js.map

package/dist/chunk-S2YVBYWZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Slider/Slider.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material';\n\nexport const glowAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor;\n  }\n`;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.5);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n`;\n\nexport const gradientShiftAnimation = keyframes`\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`;\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-S7KQOZ7X.js

@@ -0,0 +1,35 @@
+// src/components/layout/SettingsLayout/SettingsLayout.styles.ts
+var RAIL_WIDTH = 300;
+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
+};
+function atLeastRail(theme, breakpoint) {
+  return theme.breakpoints.up(breakpoint);
+}
+function displayAcrossRail(theme, breakpoint, narrow, wide) {
+  return { display: narrow, [atLeastRail(theme, breakpoint)]: { display: wide } };
+}
+var TOUCH_TARGET = 44;
+var STATUS_COLOR = {
+  ok: "success.main",
+  off: "text.disabled",
+  new: "error.main"
+};
+
+export {
+  RAIL_WIDTH,
+  SR_ONLY_SX,
+  atLeastRail,
+  displayAcrossRail,
+  TOUCH_TARGET,
+  STATUS_COLOR
+};
+//# sourceMappingURL=chunk-S7KQOZ7X.js.map

package/dist/chunk-S7KQOZ7X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.styles.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material';\n\nimport type { SettingsNavStatus, SettingsRailBreakpoint } from './SettingsLayout.types';\n\n/** Fixed width of the left navigation rail once it has its own column. */\nexport const RAIL_WIDTH = 300;\n\n/** Visually hidden, still read aloud — for text a marker's colour cannot carry. */\nexport const SR_ONLY_SX: CSSObject = {\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0, 0, 0, 0)',\n  whiteSpace: 'nowrap',\n  border: 0,\n};\n\n/**\n * The media query for \"the rail has its own column\".\n *\n * `theme.breakpoints.up` takes a NUMBER as happily as a name, which is why\n * `railBreakpoint` accepts one: a settings area whose structural switch is at\n * 1024px has no MUI breakpoint to name (the default `lg` is 1200), and rounding\n * the design to the nearest named breakpoint moves 176px of behaviour to keep a\n * string tidy.\n */\nexport function atLeastRail(theme: Theme, breakpoint: SettingsRailBreakpoint): string {\n  return theme.breakpoints.up(breakpoint);\n}\n\n/**\n * A `display` pair across that query: `narrow` below it, `wide` at and above.\n *\n * Everything that changes shape between the two navigation modes goes through\n * this, so \"which width am I?\" is answered once, in CSS, for every part at\n * once — rather than by each part asking a media query in JavaScript and\n * answering slightly differently.\n */\nexport function displayAcrossRail(\n  theme: Theme,\n  breakpoint: SettingsRailBreakpoint,\n  narrow: string,\n  wide: string,\n): CSSObject {\n  return { display: narrow, [atLeastRail(theme, breakpoint)]: { display: wide } };\n}\n\n/** Minimum touch target, in px. Held down to 320px-wide phones, deliberately. */\nexport const TOUCH_TARGET = 44;\n\n/**\n * Palette role per situation.\n *\n * Returned as theme keys rather than hex so a marker follows the host's theme —\n * and so light and dark do not need two copies of this table.\n */\nexport const STATUS_COLOR: Record<Exclude<SettingsNavStatus, 'locked'>, string> = {\n  ok: 'success.main',\n  off: 'text.disabled',\n  new: 'error.main',\n};\n"],"mappings":";AAKO,IAAM,aAAa;AAGnB,IAAM,aAAwB;AAAA,EACnC,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AACV;AAWO,SAAS,YAAY,OAAc,YAA4C;AACpF,SAAO,MAAM,YAAY,GAAG,UAAU;AACxC;AAUO,SAAS,kBACd,OACA,YACA,QACA,MACW;AACX,SAAO,EAAE,SAAS,QAAQ,CAAC,YAAY,OAAO,UAAU,CAAC,GAAG,EAAE,SAAS,KAAK,EAAE;AAChF;AAGO,IAAM,eAAe;AAQrB,IAAM,eAAqE;AAAA,EAChF,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AACP;","names":[]}

package/dist/chunk-SAAUWIY7.js

@@ -0,0 +1,140 @@
+// src/components/navigation/Tabs/Tabs.styles.ts
+import { alpha } from "@mui/material";
+var sizeStyles = (theme, size) => ({
+  ...size === "sm" && {
+    minHeight: 32,
+    "& .MuiTab-root": {
+      fontSize: "0.875rem",
+      minHeight: 32,
+      padding: theme.spacing(0.5, 1.5)
+    }
+  },
+  ...size === "lg" && {
+    minHeight: 56,
+    "& .MuiTab-root": {
+      fontSize: "1.125rem",
+      minHeight: 56,
+      padding: theme.spacing(1.5, 3)
+    }
+  }
+});
+var compactVariantStyles = (theme, customVariant) => ({
+  ...customVariant === "default" && {
+    "& .MuiTabs-indicator": {
+      height: 3,
+      borderRadius: "3px 3px 0 0",
+      background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.primary.dark})`
+    }
+  },
+  // Pills variant (rounded tabs)
+  ...customVariant === "pills" && {
+    "& .MuiTabs-indicator": {
+      display: "none"
+    },
+    "& .MuiTab-root": {
+      borderRadius: theme.spacing(3),
+      margin: theme.spacing(0, 0.5),
+      minWidth: "auto",
+      transition: "all 0.3s ease",
+      "&:hover": {
+        backgroundColor: alpha(theme.palette.primary.main, 0.08),
+        transform: "translateY(-1px)"
+      },
+      "&.Mui-selected": {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.contrastText,
+        boxShadow: `0 4px 12px ${alpha(theme.palette.primary.main, 0.3)}`,
+        "&:hover": {
+          backgroundColor: theme.palette.primary.dark
+        }
+      }
+    }
+  }
+  // Underline variant (minimal underline indicator)
+});
+var boxedVariantStyles = (theme, customVariant) => ({
+  ...customVariant === "underline" && {
+    "& .MuiTabs-flexContainer": {
+      gap: theme.spacing(2)
+    },
+    "& .MuiTabs-indicator": {
+      height: 2,
+      backgroundColor: theme.palette.primary.main,
+      borderRadius: 1
+    },
+    "& .MuiTab-root": {
+      textTransform: "none",
+      fontWeight: 500,
+      padding: theme.spacing(1, 0),
+      minWidth: "auto",
+      "&:hover": {
+        color: theme.palette.primary.main
+      },
+      "&.Mui-selected": {
+        color: theme.palette.primary.main,
+        fontWeight: 600
+      }
+    }
+  },
+  // Enclosed variant (bordered tabs)
+  ...customVariant === "enclosed" && {
+    "& .MuiTabs-indicator": {
+      display: "none"
+    },
+    "& .MuiTabs-flexContainer": {
+      borderBottom: `1px solid ${theme.palette.divider}`
+    },
+    "& .MuiTab-root": {
+      border: `1px solid ${theme.palette.divider}`,
+      borderBottom: "none",
+      borderRadius: `${theme.spacing(1)} ${theme.spacing(1)} 0 0`,
+      margin: theme.spacing(0, 0.5),
+      marginBottom: -1,
+      backgroundColor: alpha(theme.palette.action.hover, 0.5),
+      "&:hover": {
+        backgroundColor: alpha(theme.palette.action.hover, 0.8)
+      },
+      "&.Mui-selected": {
+        backgroundColor: theme.palette.background.paper,
+        borderColor: theme.palette.divider,
+        borderBottomColor: theme.palette.background.paper,
+        zIndex: 1
+      }
+    }
+  }
+});
+var variantStyles = (theme, customVariant) => ({
+  ...compactVariantStyles(theme, customVariant),
+  ...boxedVariantStyles(theme, customVariant)
+});
+var dividerStyles = (theme, customVariant, showDividers) => ({
+  ...showDividers && customVariant !== "enclosed" && customVariant !== "pills" && {
+    "& .MuiTab-root:not(:last-child)": {
+      borderRight: `1px solid ${alpha(theme.palette.divider, 0.5)}`
+    }
+  }
+});
+var tabsRootStyles = ({
+  theme,
+  customVariant,
+  size,
+  showDividers
+}) => ({
+  position: "relative",
+  // Collapse disabled scroll buttons (e.g. the left button at the start of a
+  // scrollable row) so they don't reserve empty space before the first tab.
+  "& .MuiTabs-scrollButtons.Mui-disabled": {
+    width: 0,
+    minWidth: 0,
+    overflow: "hidden"
+  },
+  // Size variants
+  ...sizeStyles(theme, size),
+  ...variantStyles(theme, customVariant),
+  ...dividerStyles(theme, customVariant, showDividers)
+});
+
+export {
+  tabsRootStyles
+};
+//# sourceMappingURL=chunk-SAAUWIY7.js.map