@12-apps/ui 6.20.0 → 6.21.0

package/dist/{chunk-23FCBIUN.js → chunk-P7FQUGED.js}

@@ -1,10 +1,3 @@
-import {
-  tableStyles
-} from "./chunk-P2PDDFMM.js";
-import {
-  TABLE_DEFAULTS,
-  definedProps
-} from "./chunk-MTFCPPZ5.js";
 import {
   EmptyRow,
   NoDataPlaceholder
@@ -13,9 +6,16 @@ import {
   EnhancedTableBody,
   EnhancedTableHeader
 } from "./chunk-ULTOQ6ZV.js";
+import {
+  tableStyles
+} from "./chunk-P2PDDFMM.js";
 import {
   useTableSelection
 } from "./chunk-DF4K5XVW.js";
+import {
+  TABLE_DEFAULTS,
+  definedProps
+} from "./chunk-MTFCPPZ5.js";
 
 // src/components/data-display/Table/Table.tsx
 import MoreVertIcon from "@mui/icons-material/MoreVert";
@@ -285,4 +285,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-23FCBIUN.js.map
+//# sourceMappingURL=chunk-P7FQUGED.js.map

package/dist/{chunk-THBT56JE.js → chunk-PANMJFDS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/DataViewsBoard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -187,4 +187,4 @@ export {
   groupRows,
   DataViewsBoard
 };
-//# sourceMappingURL=chunk-THBT56JE.js.map
+//# sourceMappingURL=chunk-PANMJFDS.js.map

package/dist/{chunk-LZRURORY.js → chunk-PF5HDFYY.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-MY5VNNSP.js";
+} from "./chunk-MCRIT46W.js";
 import {
   Dialog
 } from "./chunk-S5LE2ARG.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-LZRURORY.js.map
+//# sourceMappingURL=chunk-PF5HDFYY.js.map

package/dist/{chunk-YVW7VPK4.js → chunk-PFLKPNBU.js}

@@ -3,7 +3,7 @@ import {
   effectStyles,
   getColorFromTheme,
   variantStyles
-} from "./chunk-DCEMUZJQ.js";
+} from "./chunk-6WIDZGXE.js";
 
 // src/components/form/Toggle/Toggle.tsx
 import ToggleButton from "@mui/material/ToggleButton/index.js";
@@ -79,4 +79,4 @@ Toggle.displayName = "Toggle";
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-YVW7VPK4.js.map
+//# sourceMappingURL=chunk-PFLKPNBU.js.map

package/dist/{chunk-7EESF76V.js → chunk-PWXL3QQ6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IDHZHOZW.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-7EESF76V.js.map
+//# sourceMappingURL=chunk-PWXL3QQ6.js.map

package/dist/{chunk-7DNQHMDO.js → chunk-PXH24VIP.js}

@@ -1,9 +1,9 @@
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
 import {
   PaletteResults
 } from "./chunk-SQSFMZTF.js";
+import {
+  useCommandPalette
+} from "./chunk-SUZXPDUQ.js";
 import {
   ShortcutChip
 } from "./chunk-5EIW2FZY.js";
@@ -212,4 +212,4 @@ export {
   CommandPalette,
   CommandPalette_default
 };
-//# sourceMappingURL=chunk-7DNQHMDO.js.map
+//# sourceMappingURL=chunk-PXH24VIP.js.map

package/dist/{chunk-HBZIN6IQ.js → chunk-PZEC5CQA.js}

@@ -1,6 +1,6 @@
 import {
   otpSlotSx
-} from "./chunk-ACDYA5WC.js";
+} from "./chunk-XZTOIEKI.js";
 import {
   useOtpDigits
 } from "./chunk-UETHX57J.js";
@@ -93,4 +93,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-HBZIN6IQ.js.map
+//# sourceMappingURL=chunk-PZEC5CQA.js.map

package/dist/{chunk-LAHDFBDE.js → chunk-QFHH2NU5.js}

@@ -17,10 +17,10 @@ import {
 } from "./chunk-YSTHOE66.js";
 import {
   Skeleton
-} from "./chunk-QZWKC3AP.js";
+} from "./chunk-QS7ZGRNS.js";
 import {
   resolveTestId
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 
 // src/components/data-display/LoadingState/LoadingState.tsx
 import Box from "@mui/material/Box/index.js";
@@ -139,4 +139,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-LAHDFBDE.js.map
+//# sourceMappingURL=chunk-QFHH2NU5.js.map

package/dist/{chunk-GBB6XQ56.js → chunk-QGBMCB76.js}

@@ -5,7 +5,7 @@ import {
   GroupLabel,
   SegmentRadios,
   testId
-} from "./chunk-SM3NRN7L.js";
+} from "./chunk-ON2CMKTI.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -96,4 +96,4 @@ RadioGroup.displayName = "RadioGroup";
 export {
   RadioGroup
 };
-//# sourceMappingURL=chunk-GBB6XQ56.js.map
+//# sourceMappingURL=chunk-QGBMCB76.js.map

package/dist/{chunk-SOCKK67R.js → chunk-QRX5BYUQ.js}

@@ -1,15 +1,15 @@
-import {
-  useCarouselNavigation
-} from "./chunk-RUIV5TVA.js";
-import {
-  CarouselChrome
-} from "./chunk-R6SSXEK2.js";
 import {
   containerStyles
 } from "./chunk-RXVPUW7V.js";
 import {
   CarouselTrack
 } from "./chunk-WIXUMFU7.js";
+import {
+  useCarouselNavigation
+} from "./chunk-RUIV5TVA.js";
+import {
+  CarouselChrome
+} from "./chunk-R6SSXEK2.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-SOCKK67R.js.map
+//# sourceMappingURL=chunk-QRX5BYUQ.js.map

package/dist/{chunk-QZWKC3AP.js → chunk-QS7ZGRNS.js}

@@ -11,7 +11,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 
 // src/components/layout/Skeleton/Skeleton.tsx
 import Box from "@mui/material/Box/index.js";
@@ -77,4 +77,4 @@ Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };
-//# sourceMappingURL=chunk-QZWKC3AP.js.map
+//# sourceMappingURL=chunk-QS7ZGRNS.js.map

package/dist/{chunk-IH4CX43Q.js → chunk-QZDBWXZG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 
 // src/components/form/total-form/SubmitButton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-IH4CX43Q.js.map
+//# sourceMappingURL=chunk-QZDBWXZG.js.map

package/dist/{chunk-PHCSPHDH.js → chunk-R6RVBYTU.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/data-views-export.tsx
 import DownloadRoundedIcon from "@mui/icons-material/DownloadRounded";
@@ -170,4 +170,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-PHCSPHDH.js.map
+//# sourceMappingURL=chunk-R6RVBYTU.js.map

package/dist/{chunk-KZSKI2R3.js → chunk-RPQ3W2C6.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 
 // src/components/data-display/DataViews/data-views-grid-helpers.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -162,4 +162,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-KZSKI2R3.js.map
+//# sourceMappingURL=chunk-RPQ3W2C6.js.map

package/dist/{chunk-HEG7JIBM.js → chunk-RPWEXIAW.js}

@@ -1,7 +1,3 @@
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-KZLLTOB2.js";
 import {
   DataGridEmpty,
   DataGridError,
@@ -10,6 +6,10 @@ import {
 import {
   useDataGridModel
 } from "./chunk-DLJGBJZW.js";
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-KZLLTOB2.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -115,4 +115,4 @@ DataGrid.displayName = "DataGrid";
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-HEG7JIBM.js.map
+//# sourceMappingURL=chunk-RPWEXIAW.js.map

package/dist/{chunk-JB67KPGM.js → chunk-RRO2EOJB.js}

@@ -1,9 +1,9 @@
-import {
-  tileBackground
-} from "./chunk-DRADVLHZ.js";
 import {
   TILE_SIZE
 } from "./chunk-TUBCN4DJ.js";
+import {
+  tileBackground
+} from "./chunk-DRADVLHZ.js";
 
 // src/components/data-display/MapPreview/MapTiles.tsx
 import { alpha, useTheme } from "@mui/material/styles/index.js";
@@ -61,4 +61,4 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
 export {
   MapTiles
 };
-//# sourceMappingURL=chunk-JB67KPGM.js.map
+//# sourceMappingURL=chunk-RRO2EOJB.js.map

package/dist/{chunk-BLT5ZBVL.js → chunk-RRX6ZTNX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-Q444G5X7.js";
 import {
   renderMenuItem
-} from "./chunk-RXSGHPCR.js";
+} from "./chunk-7FOOLP5H.js";
 import {
   slideIn
 } from "./chunk-FYLCSCMR.js";
@@ -56,4 +56,4 @@ var NavigationMegaSection = ({
 export {
   NavigationMegaSection
 };
-//# sourceMappingURL=chunk-BLT5ZBVL.js.map
+//# sourceMappingURL=chunk-RRX6ZTNX.js.map

package/dist/{chunk-7RZ4WOQW.js → chunk-RRZBATXK.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/data-views-select-all-strip.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-7RZ4WOQW.js.map
+//# sourceMappingURL=chunk-RRZBATXK.js.map

package/dist/{chunk-RMSH2I3O.js → chunk-S6YY2WWK.js}

@@ -1,6 +1,15 @@
+import {
+  FILLED_WASH,
+  FLOATING_LABEL,
+  INPUT_BORDER,
+  INPUT_GLASS,
+  INPUT_GLOW,
+  INPUT_GRADIENT,
+  INPUT_PULSE
+} from "./chunk-DFK6QCXX.js";
 import {
   fieldEdge
-} from "./chunk-MLOWPVVW.js";
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/Input/Input.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -10,7 +19,7 @@ var pulseAnimation = keyframes`
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 10px currentColor;
+    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;
     opacity: 0;
   }
   100% {
@@ -18,29 +27,11 @@ var pulseAnimation = keyframes`
     opacity: 0;
   }
 `;
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "underline":
-      return "standard";
-    case "glass":
-    case "gradient":
-      return "outlined";
-    default:
-      return variant;
-  }
-};
-var SIZE_MAP = {
-  xs: { size: "small", sx: { "& .MuiInputBase-input": { padding: "6px 10px" } } },
-  sm: { size: "small" },
-  md: { size: "medium" },
-  lg: { size: "medium", sx: { "& .MuiInputBase-input": { padding: "16px 14px" } } },
-  xl: { size: "medium", sx: { "& .MuiInputBase-input": { padding: "20px 16px" } } }
-};
 var glowStyles = (theme) => ({
   "& .MuiInputBase-root": {
-    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,
+    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,
     "&.Mui-focused": {
-      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`
+      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`
     }
   }
 });
@@ -51,23 +42,23 @@ var pulseStyles = (theme) => ({
     top: "50%",
     left: "0",
     right: "0",
-    height: "56px",
+    height: `${INPUT_PULSE.height}px`,
     transform: "translateY(-50%)",
-    borderRadius: theme.spacing(0.5),
+    borderRadius: theme.spacing(INPUT_PULSE.radiusUnits),
     backgroundColor: theme.palette.primary.main,
-    opacity: 0.3,
-    animation: `${pulseAnimation} 2s infinite`,
+    opacity: INPUT_PULSE.opacity,
+    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1e3}s infinite`,
     pointerEvents: "none",
     zIndex: -1
   }
 });
 var floatingLabelStyles = (theme) => ({
   "& .MuiInputLabel-root": {
-    transform: "translate(14px, 16px) scale(1)",
+    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,
     "&.MuiInputLabel-shrink": {
-      transform: "translate(14px, -9px) scale(0.75)",
+      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,
       backgroundColor: theme.palette.background.paper,
-      padding: "0 4px"
+      padding: `0 ${FLOATING_LABEL.paddingX}px`
     }
   }
 });
@@ -75,17 +66,17 @@ var inputBaseStyles = (theme, variant) => {
   switch (variant) {
     case "glass":
       return {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${fieldEdge(theme)}`,
+        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),
+        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,
+        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,
         "&:hover": {
-          backgroundColor: alpha(theme.palette.background.paper, 0.15),
-          borderColor: alpha(theme.palette.primary.main, 0.3)
+          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),
+          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha)
         },
         "&.Mui-focused": {
-          backgroundColor: alpha(theme.palette.background.paper, 0.2),
+          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),
           borderColor: theme.palette.primary.main,
-          boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`
+          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`
         }
       };
     case "underline":
@@ -106,9 +97,10 @@ var inputBaseStyles = (theme, variant) => {
       return {};
   }
 };
+var gradientFill = (theme, strength) => `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;
 var gradientStyles = (theme) => ({
-  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
-  border: `2px solid transparent`,
+  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),
+  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,
   backgroundOrigin: "border-box",
   backgroundClip: "padding-box, border-box",
   position: "relative",
@@ -120,19 +112,19 @@ var gradientStyles = (theme) => ({
     right: 0,
     bottom: 0,
     borderRadius: "inherit",
-    background: `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
+    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
     mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
     maskComposite: "exclude",
-    padding: "2px",
+    padding: `${INPUT_GRADIENT.borderWidth}px`,
     zIndex: -1
   },
   "&:hover": {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`
+    background: gradientFill(theme, INPUT_GRADIENT.fill.hover)
   },
   "&.Mui-focused": {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,
+    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),
     "&::before": {
-      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
+      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
     }
   }
 });
@@ -145,25 +137,23 @@ var outlinedStyles = (theme) => ({
   },
   "&.Mui-focused fieldset": {
     borderColor: theme.palette.primary.main,
-    borderWidth: 2
+    borderWidth: INPUT_BORDER.focused
   },
   "&.Mui-error fieldset": {
     borderColor: theme.palette.error.main
   }
 });
 var filledStyles = (theme) => ({
-  backgroundColor: alpha(theme.palette.action.hover, 0.04),
+  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),
   "&:hover": {
-    backgroundColor: alpha(theme.palette.action.hover, 0.08)
+    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover)
   },
   "&.Mui-focused": {
-    backgroundColor: alpha(theme.palette.action.hover, 0.12)
+    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused)
   }
 });
 
 export {
-  muiVariantFor,
-  SIZE_MAP,
   glowStyles,
   pulseStyles,
   floatingLabelStyles,
@@ -171,4 +161,4 @@ export {
   outlinedStyles,
   filledStyles
 };
-//# sourceMappingURL=chunk-RMSH2I3O.js.map
+//# sourceMappingURL=chunk-S6YY2WWK.js.map

package/dist/chunk-S6YY2WWK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  FILLED_WASH,\n  FLOATING_LABEL,\n  INPUT_BORDER,\n  INPUT_GLASS,\n  INPUT_GLOW,\n  INPUT_GRADIENT,\n  INPUT_PULSE,\n} from './Input.metrics';\nimport type { InputProps } from './Input.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\n\n// The numbers below all come from `./Input.metrics`, which the native renderer\n// reads too — see its header for why MUI's own values are in there as well.\nexport { muiVariantFor, SIZE_MAP } from './Input.metrics';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`,\n    },\n  },\n});\n\n// A bar behind the field rather than a border on it, so it can pulse outward\n// without the input resizing.\nexport const pulseStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: `${INPUT_PULSE.height}px`,\n    transform: 'translateY(-50%)',\n    borderRadius: theme.spacing(INPUT_PULSE.radiusUnits),\n    backgroundColor: theme.palette.primary.main,\n    opacity: INPUT_PULSE.opacity,\n    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,\n    '&.MuiInputLabel-shrink': {\n      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,\n      backgroundColor: theme.palette.background.paper,\n      padding: `0 ${FLOATING_LABEL.paddingX}px`,\n    },\n  },\n});\n\nexport const inputBaseStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),\n        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,\n        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),\n          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: fieldEdge(theme),\n        },\n        '&:hover:not(.Mui-disabled):before': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n        '&:after': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n      };\n    case 'gradient':\n      return gradientStyles(theme);\n    default:\n      return {};\n  }\n};\n\n/** The 135° fill between the two brand hues, at one of its three strengths. */\nconst gradientFill = (theme: Theme, strength: number): string =>\n  `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;\n\n// The border is a gradient painted behind the field and masked to a 2px ring,\n// since CSS cannot put a gradient on `border-color` directly.\nconst gradientStyles = (theme: Theme): CSSObject => ({\n  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),\n  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: `${INPUT_GRADIENT.borderWidth}px`,\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.hover),\n  },\n  '&.Mui-focused': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),\n    '&::before': {\n      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: fieldEdge(theme),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: INPUT_BORDER.focused,\n  },\n  '&.Mui-error fieldset': {\n    borderColor: theme.palette.error.main,\n  },\n});\n\nexport const filledStyles = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-7JWXLDRH.js → chunk-SAHQLXNN.js}

@@ -1,15 +1,15 @@
 import {
   Avatar
-} from "./chunk-7BYFC2MR.js";
+} from "./chunk-I7HYGIEJ.js";
 import {
   Card
 } from "./chunk-D2IASECY.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/user-avatar/user-avatar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-7JWXLDRH.js.map
+//# sourceMappingURL=chunk-SAHQLXNN.js.map

package/dist/{chunk-LUMF63BM.js → chunk-SFAP5EH5.js}

@@ -1,9 +1,9 @@
-import {
-  useTutorialOverlay
-} from "./chunk-RSQMPCCR.js";
 import {
   TutorialStepBody
 } from "./chunk-7WP2HRTW.js";
+import {
+  useTutorialOverlay
+} from "./chunk-RSQMPCCR.js";
 
 // src/components/feedback/TutorialOverlay/TutorialOverlay.tsx
 import Box from "@mui/material/Box/index.js";
@@ -271,4 +271,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-LUMF63BM.js.map
+//# sourceMappingURL=chunk-SFAP5EH5.js.map

package/dist/{chunk-EGRFMPGD.js → chunk-SHDIZSN5.js}

@@ -1,16 +1,16 @@
-import {
-  MapControlBar
-} from "./chunk-5ZT4ZIZB.js";
 import {
   HeatmapOverlay,
   RouteOverlay
 } from "./chunk-KUVOMH5I.js";
 import {
-  HEATMAP_VIEWBOX
-} from "./chunk-H2J2MTRE.js";
+  MapControlBar
+} from "./chunk-5ZT4ZIZB.js";
 import {
   MapSearchBar
 } from "./chunk-J3D34ZBL.js";
+import {
+  HEATMAP_VIEWBOX
+} from "./chunk-H2J2MTRE.js";
 
 // src/components/data-display/MapPreview/MapLayers.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -57,4 +57,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-EGRFMPGD.js.map
+//# sourceMappingURL=chunk-SHDIZSN5.js.map

package/dist/{chunk-GJQYM3PM.js → chunk-SHQWIDD5.js}

@@ -1,9 +1,9 @@
-import {
-  CalendarDay
-} from "./chunk-YU26GBNX.js";
 import {
   buildDayArgs
 } from "./chunk-E2Y7G4MP.js";
+import {
+  CalendarDay
+} from "./chunk-YU26GBNX.js";
 import {
   isSameDay
 } from "./chunk-TERT6TIS.js";
@@ -40,4 +40,4 @@ var CalendarDayCell = ({
 export {
   CalendarDayCell
 };
-//# sourceMappingURL=chunk-GJQYM3PM.js.map
+//# sourceMappingURL=chunk-SHQWIDD5.js.map