@12-apps/ui 6.31.0 → 6.33.0

package/dist/chunk-2F4YEGYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-number-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A numeric bound typed the way Brazilians write numbers, replacing\n * `<input type=\"number\">`.\n *\n * The native control parses in the BROWSER's locale, and it does not fail\n * loudly when the text does not match — it drops what it cannot read and keeps\n * the rest. Typing `50,00` into it, measured in Chromium:\n *\n *     digitado \"50,00\"  ->  campo \"5000\"   ->  filtro R$ 5.000\n *     digitado \"17,50\"  ->  campo \"1750\"   ->  filtro R$ 1.750\n *     digitado \"50.00\"  ->  campo \"500\"    ->  filtro R$ 500\n *\n * The comma is deleted and the digits close ranks, so the merchant asks for\n * fifty reais and gets a filter a HUNDRED times larger. The list empties, the\n * chip reads `Valor: ≥ R$ 5000`, and nothing on screen connects that to the\n * `50,00` they typed. It reads as \"the value filter is broken\", which is how it\n * was reported.\n *\n * So the field parses pt-BR itself: `,` is the decimal separator and `.` groups\n * thousands, which is what `R$ 1.234,56` means to the person reading it. A\n * plain `50` still works, and so does `50.00` — a dot with exactly two digits\n * after it is far more likely to be a decimal typed on a numeric keypad than a\n * thousands group, and reading it as `5000` is the very failure this replaces.\n *\n * WHICH KEYPAD, and where the request has to be made. `inputMode` goes on the\n * `<input>`, via `inputProps` — set on the `TextField` it rides the spread onto\n * the root `FormControl` div, an element nothing types into, so the attribute\n * has no effect and a phone goes on offering letters for a field that accepts\n * none of them. It is `decimal` rather than `numeric` because the numeric pad\n * has no comma on iOS, and the comma is the separator this field exists to\n * accept — `numeric` here would reopen the bug above from the other side, with\n * `17,50` untypeable rather than misread. Autofill is off alongside it: its\n * saved-value strip covers the keypad to offer names and addresses, none of\n * which survive `ALLOWED` anyway.\n */\nimport Box from '@mui/material/Box/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n/** Everything this field lets through: digits and the two separators. */\nconst ALLOWED = /[^\\d.,]/g;\n\n/**\n * pt-BR text → number, or `undefined` when it is not one (yet).\n *\n * `.` is a thousands group and `,` is the decimal point, EXCEPT when a lone dot\n * is followed by one or two digits and no comma is present — `50.00` and `1.5`\n * are decimals somebody typed, while `1.234` is a thousand.\n */\nexport function parsePtBrNumber(text: string): number | undefined {\n  const cleaned = text.replace(ALLOWED, '');\n  if (cleaned === '') return undefined;\n  const hasComma = cleaned.includes(',');\n  const dots = cleaned.split('.').length - 1;\n  const lastDot = cleaned.lastIndexOf('.');\n  const dotIsDecimal =\n    !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;\n  const normalized = dotIsDecimal\n    ? cleaned\n    : cleaned.replace(/\\./g, '').replace(',', '.');\n  const amount = Number(normalized);\n  return Number.isFinite(amount) ? amount : undefined;\n}\n\n/**\n * A stored bound → the text the merchant reads, with a comma for the decimal\n * point.\n *\n * It takes a STRING too, and that is not defensive typing: a range restored\n * from the URL arrives as one (`?totalCents_gte=5000`). Narrowing to `number`\n * and dropping the rest emptied the field on every reload — and then the next\n * keystroke wrote a bound built from nothing.\n */\nexport function formatPtBrNumber(amount: number | string | undefined): string {\n  if (amount == null || amount === '') return '';\n  return String(amount).replace('.', ',');\n}\n\n/** The same, as a number — `undefined` when the bound is unset or unusable. */\nfunction boundAsNumber(amount: number | string | undefined): number | undefined {\n  if (amount == null || amount === '') return undefined;\n  const parsed = typeof amount === 'number' ? amount : Number(amount);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * One end of a numeric range. The BOUND stays a plain `number` — nothing\n * downstream learns that the typing surface changed.\n */\nexport function NumberBoundInput({\n  label,\n  value,\n  unit,\n  onChange,\n  testId,\n}: {\n  label: string;\n  /** The applied bound. A range restored from the URL hands this over as a string. */\n  value: number | string | undefined;\n  /** Rendered as a start adornment (\"R$\"), not parsed out of the text. */\n  unit?: string;\n  onChange: (bound: number | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const applied = boundAsNumber(value);\n  const [text, setText] = useState(() => formatPtBrNumber(value));\n\n  // Re-sync only when the applied bound moved somewhere the text does not\n  // already mean — a \"Limpar\", a saved view. Comparing through the PARSE rather\n  // than the string keeps `50,` and `50,00` from being rewritten mid-edit.\n  useEffect(() => {\n    setText((current) => (parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      value={text}\n      onChange={(event) => {\n        // Reject the characters rather than silently dropping them AFTER\n        // parsing — a letter should not move the number.\n        const next = event.target.value.replace(ALLOWED, '');\n        setText(next);\n        const amount = parsePtBrNumber(next);\n        // A bare separator (`50,`) parses to nothing yet; leave the applied\n        // bound alone rather than clearing it half-way through a decimal.\n        if (next === '') return onChange(undefined);\n        if (amount !== undefined) onChange(amount);\n      }}\n      // Blur TIDIES, it does not rewrite. Text that already means the applied\n      // bound is left exactly as typed — `20`, `17,50` and `1.234,56` all stay\n      // — and only something that does not (`50,,`) snaps back.\n      //\n      // Padding the field to the chip's precision was tried and is worse than\n      // the mismatch it closed: settling `20` to `20,00` means the next edit\n      // starts from text the merchant did not write, so appending a digit to\n      // make it 200 produces `20,000`, which parses back to 20. The filter then\n      // ignores the keystroke, which is exactly the \"não funciona\" this whole\n      // control exists to end. An input must hold what was typed into it; the\n      // CHIP is where the applied window gets written in full.\n      onBlur={() =>\n        setText((current) =>\n          parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied),\n        )\n      }\n      InputLabelProps={{ shrink: true }}\n      // `inputMode` belongs on the `<input>`, never on the TextField — see the\n      // keypad note at the top of this file for what goes wrong up there.\n      inputProps={{ 'data-testid': testId, inputMode: 'decimal', autoComplete: 'off' }}\n      InputProps={\n        unit\n          ? {\n              startAdornment: (\n                <Box component=\"span\" sx={{ mr: 0.5, color: 'text.secondary' }}>\n                  {unit}\n                </Box>\n              ),\n            }\n          : undefined\n      }\n      sx={[{ width: 140 }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":";;;;;AAqCA,OAAO,SAAS;AAChB,OAAO,eAAe;AACtB,SAAgB,WAAW,gBAAgB;AAuH3B;AAnHhB,IAAM,UAAU;AAST,SAAS,gBAAgB,MAAkC;AAChE,QAAM,UAAU,KAAK,QAAQ,SAAS,EAAE;AACxC,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,WAAW,QAAQ,SAAS,GAAG;AACrC,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE,SAAS;AACzC,QAAM,UAAU,QAAQ,YAAY,GAAG;AACvC,QAAM,eACJ,CAAC,YAAY,SAAS,KAAK,QAAQ,SAAS,UAAU,IAAI,KAAK,QAAQ,SAAS,UAAU,KAAK;AACjG,QAAM,aAAa,eACf,UACA,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG;AAC/C,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAWO,SAAS,iBAAiB,QAA6C;AAC5E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,SAAO,OAAO,MAAM,EAAE,QAAQ,KAAK,GAAG;AACxC;AAGA,SAAS,cAAc,QAAyD;AAC9E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,QAAM,SAAS,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AAClE,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQsB;AACpB,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,iBAAiB,KAAK,CAAC;AAK9D,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO,CAAE;AAAA,EACnG,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AAGnB,cAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,SAAS,EAAE;AACnD,gBAAQ,IAAI;AACZ,cAAM,SAAS,gBAAgB,IAAI;AAGnC,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,YAAI,WAAW,OAAW,UAAS,MAAM;AAAA,MAC3C;AAAA,MAYA,QAAQ,MACN;AAAA,QAAQ,CAAC,YACP,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO;AAAA,MAC3E;AAAA,MAEF,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAGhC,YAAY,EAAE,eAAe,QAAQ,WAAW,WAAW,cAAc,MAAM;AAAA,MAC/E,YACE,OACI;AAAA,QACE,gBACE,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,IAAI,KAAK,OAAO,iBAAiB,GAC1D,gBACH;AAAA,MAEJ,IACA;AAAA,MAEN,IAAI,CAAC,EAAE,OAAO,IAAI,GAAG,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;","names":[]}

package/dist/{chunk-GOKMLXZH.js → chunk-2SKNSQCP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-LG6DHNRD.js";
+} from "./chunk-5FA5S2YN.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-GOKMLXZH.js.map
+//# sourceMappingURL=chunk-2SKNSQCP.js.map

package/dist/{chunk-JVMNE5G4.js → chunk-2X5OQDPH.js}

@@ -1,3 +1,6 @@
+import {
+  fieldControlStyles
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -19,6 +22,7 @@ var SearchBar = styled(Box)(({ theme }) => ({
   maxWidth: 400
 }));
 var SearchField = styled(TextField)(({ theme }) => ({
+  ...fieldControlStyles(theme),
   "& .MuiOutlinedInput-root": {
     background: alpha(theme.palette.background.paper, 0.95),
     backdropFilter: "blur(10px)",
@@ -56,4 +60,4 @@ var MapSearchBar = ({
 export {
   MapSearchBar
 };
-//# sourceMappingURL=chunk-JVMNE5G4.js.map
+//# sourceMappingURL=chunk-2X5OQDPH.js.map

package/dist/chunk-2X5OQDPH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapSearchBar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { fieldControlStyles } from '../../../tokens/field-height';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst SearchBar = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: '50%',\n  transform: 'translateX(-50%)',\n  zIndex: 2,\n  width: '90%',\n  maxWidth: 400,\n}));\n\nconst SearchField = styled(TextField)(({ theme }) => ({\n  ...fieldControlStyles(theme),\n  '& .MuiOutlinedInput-root': {\n    background: alpha(theme.palette.background.paper, 0.95),\n    backdropFilter: 'blur(10px)',\n    WebkitBackdropFilter: 'blur(10px)',\n    borderRadius: fieldRadius(theme),\n    '& fieldset': {\n      borderColor: alpha(theme.palette.divider, 0.2),\n    },\n  },\n}));\n\nexport interface MapSearchBarProps {\n  /** The field's accessible name — it renders no visible label. REQUIRED. */\n  label: string;\n  value: string;\n  placeholder: string;\n  isSearching: boolean;\n  onChange: (value: string) => void;\n  onSubmit: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const MapSearchBar: FC<MapSearchBarProps> = ({\n  label,\n  value,\n  placeholder,\n  isSearching,\n  onChange,\n  onSubmit,\n}) => (\n  <SearchBar>\n    <SearchField\n      fullWidth\n      size=\"small\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      onKeyPress={onSubmit}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" sx={{ opacity: isSearching ? 0.5 : 1 }} />\n          </InputAdornment>\n        ),\n      }}\n      disabled={isSearching}\n      aria-label={label}\n    />\n  </SearchBar>\n);\n"],"mappings":";;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,OAAO,cAAc;AA6DlB;AApDZ,IAAM,YAAY,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ,EAAE;AAEF,IAAM,cAAc,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACpD,GAAG,mBAAmB,KAAK;AAAA,EAC3B,4BAA4B;AAAA,IAC1B,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,IACtD,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,cAAc,YAAY,KAAK;AAAA,IAC/B,cAAc;AAAA,MACZ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG;AAAA,IAC/C;AAAA,EACF;AACF,EAAE;AAYK,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,aACC;AAAA,EAAC;AAAA;AAAA,IACC,WAAS;AAAA,IACT,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,IAChD,YAAY;AAAA,IACZ,YAAY;AAAA,MACV,gBACE,oBAAC,kBAAe,UAAS,SACvB,8BAAC,cAAW,UAAS,SAAQ,IAAI,EAAE,SAAS,cAAc,MAAM,EAAE,GAAG,GACvE;AAAA,IAEJ;AAAA,IACA,UAAU;AAAA,IACV,cAAY;AAAA;AACd,GACF;","names":[]}

package/dist/{chunk-L6UTYFAB.js → chunk-3E3JYKUK.js}

@@ -4,9 +4,16 @@ import {
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
+import {
+  fieldHeight,
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/data-display/DataViews/data-views-search.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -89,7 +96,7 @@ function InlineKeyword({
           }
         ) }) : void 0
       },
-      sx: (theme) => ({ ...boxWidth(fill), "& .MuiOutlinedInput-root": { borderRadius: fieldRadiusPx(theme) } })
+      sx: (theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })
     }
   );
 }
@@ -109,9 +116,11 @@ function CollapsedSearch({
       "data-testid": testId ? `${testId}-collapsed` : void 0,
       sx: {
         position: "relative",
+        width: fieldHeight,
+        height: fieldHeight,
         border: 1,
         borderRadius: fieldRadiusPx,
-        borderColor: active ? "primary.main" : "divider",
+        borderColor: (theme) => active ? theme.palette.primary.main : fieldEdge(theme),
         color: active ? "primary.main" : "text.secondary",
         bgcolor: active ? "action.selected" : "background.paper"
       },
@@ -141,4 +150,4 @@ export {
   InlineKeyword,
   CollapsedSearch
 };
-//# sourceMappingURL=chunk-L6UTYFAB.js.map
+//# sourceMappingURL=chunk-3E3JYKUK.js.map

package/dist/chunk-3E3JYKUK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-search.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE INLINE BAR'S SEARCH — the one control on the toolbar that cannot be\n * guessed from an icon's position, which is why it is the LAST thing the\n * degradation ladder takes away. See `data-views-overflow.ts`.\n */\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\nimport InputAdornment from \"@mui/material/InputAdornment/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight, fieldTextFieldStyles } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\n\n/** How long the box waits after the last keystroke before it queries. */\nconst SEARCH_DEBOUNCE_MS = 350;\n\n/**\n * How wide the keyword box is allowed to be.\n *\n * The 200px floor is right while the box shares the row: a search you cannot\n * read six characters in is not a search. It is WRONG once the box has been\n * expanded out of its collapsed state on a narrow screen, where the cluster was\n * sized for a magnifier — the floor cannot be met there, so the row scrolled\n * sideways instead (154px of overhang at 320px). In that mode the box shrinks,\n * and if what is left would still be unreadable the bar hands it the whole\n * cluster instead (`searchTakeover`).\n */\nfunction boxWidth(fill: boolean): { flex: number; minWidth: number; maxWidth: number | \"none\" } {\n  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? \"none\" : 384 };\n}\n\n/**\n * The box's own draft, and the two ways it reaches `onChange`.\n *\n * Extracted from {@link InlineKeyword} so the commit policy reads in one place\n * rather than split across a render body — and because it is where both halves\n * of a defect that lost searches outright had to be fixed.\n *\n * ## The debounce must not be keyed on the handler's identity\n *\n * Every caller builds `onChange` inline — the grid's own bar passes\n * `(value) => c.patch({ search: value })`, rebuilt on each render. Keying the\n * effect on it re-armed the timer on every render, and a busy admin page\n * re-renders more often than every 350ms as its queries land, so the timer\n * never survived to fire and the term was NEVER committed: measured in one\n * adopter as a dead `?q=` on a server-mode grid, where a 15-second loop pressed\n * Enter over and over and the URL never moved. So the handler is read through a\n * ref and the effect depends on `[draft, value]` alone.\n *\n * ## An immediate commit must read the BOX, not the draft\n *\n * A keystroke can land before React has processed the edit before it — a fast\n * typist, and every Playwright `fill()` followed by `press('Enter')`. `draft` is\n * then still the value from before the edit, and comparing THAT to `value` said\n * \"nothing changed\" and dropped the keystroke, leaving the term on screen with\n * an unfiltered list behind it. `commitNow` takes what the caller read off the\n * element and syncs the draft to it, which also keeps the box from being reset\n * to a stale draft by the next render when a host ignores the commit.\n */\nfunction useKeywordDraft(\n  value: string,\n  onChange: (next: string) => void,\n): { draft: string; setDraft: (next: string) => void; commitNow: (typed: string) => void } {\n  const [draft, setDraft] = useState(value);\n  const prev = useRef(value);\n  // An external change (a saved view, the URL, \"Limpar\") wins over the draft.\n  if (prev.current !== value) {\n    prev.current = value;\n    if (draft !== value) setDraft(value);\n  }\n  const commit = useRef(onChange);\n  useEffect(() => {\n    commit.current = onChange;\n  });\n  useEffect(() => {\n    if (draft === value) return undefined;\n    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [draft, value]);\n  const commitNow = useCallback(\n    (typed: string) => {\n      setDraft(typed);\n      if (typed !== value) commit.current(typed);\n    },\n    [value],\n  );\n  return { draft, setDraft, commitNow };\n}\n\n/**\n * The bar's keyword box.\n *\n * DEBOUNCED rather than committed on Enter/blur. In server mode every commit is\n * a round trip, and a box that only fires on blur makes the operator press a\n * key they were not told about to see any result at all — they type, nothing\n * happens, and the list looks broken. 350ms is long enough that a word costs\n * one query, short enough to feel like live search.\n *\n * `Escape` clears; the X clears without leaving the box. Both exist because\n * clearing by selecting-and-deleting is three gestures for the most common\n * thing anyone does to a search box.\n */\nexport function InlineKeyword({\n  value,\n  onChange,\n  testId,\n  autoFocus,\n  onEscape,\n  fill = false,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  testId?: string;\n  autoFocus?: boolean;\n  /** Called on Escape with the box already empty — the collapsed bar closes it. */\n  onEscape?: () => void;\n  /** Take whatever width there is, with no minimum — see {@link boxWidth}. */\n  fill?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);\n\n  return (\n    <TextField\n      size=\"small\"\n      value={draft}\n      autoFocus={autoFocus}\n      onChange={(event) => setDraft(event.target.value)}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          if (draft === \"\") onEscape?.();\n          setDraft(\"\");\n          return;\n        }\n        // Enter still commits IMMEDIATELY, ahead of the debounce — someone who\n        // presses it has decided, and waiting out the timer reads as a stall.\n        if (event.key !== \"Enter\") return;\n        event.preventDefault();\n        // The BOX, not `draft` — see {@link useKeywordDraft}.\n        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);\n      }}\n      placeholder={copy.search.placeholder}\n      inputProps={{ \"aria-label\": copy.search.allColumnsLabel, \"data-testid\": testId }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon sx={{ fontSize: 16, color: \"text.secondary\" }} />\n          </InputAdornment>\n        ),\n        endAdornment: draft ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              size=\"small\"\n              aria-label={copy.search.clear}\n              data-testid={testId ? `${testId}-clear` : undefined}\n              onClick={() => setDraft(\"\")}\n              sx={{ p: 0.25 }}\n            >\n              <CloseIcon sx={{ fontSize: 14 }} />\n            </IconButton>\n          </InputAdornment>\n        ) : undefined,\n      }}\n      // Takes the free space and gives it up first — step 3 of the ladder,\n      // which needs no flag because flex does it (see `computeSplit`). The\n      // corner is the theme's field radius, so the box matches the pills beside it.\n      sx={(theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })}\n    />\n  );\n}\n\n/**\n * Step 4 of the ladder: the search as a magnifier.\n *\n * Carries a dot when a search is APPLIED. Collapsing a control that is\n * currently filtering the list, with nothing saying so, is how an operator ends\n * up staring at 3 rows of 214 and reading it as missing data.\n */\nexport function CollapsedSearch({\n  active,\n  onOpen,\n  testId,\n}: {\n  active: boolean;\n  onOpen: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={onOpen}\n      aria-label={copy.search.open}\n      aria-expanded={false}\n      data-testid={testId ? `${testId}-collapsed` : undefined}\n      sx={{\n        position: \"relative\",\n        width: fieldHeight,\n        height: fieldHeight,\n        border: 1,\n        borderRadius: fieldRadiusPx,\n        borderColor: (theme) => (active ? theme.palette.primary.main : fieldEdge(theme)),\n        color: active ? \"primary.main\" : \"text.secondary\",\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n      }}\n    >\n      <SearchIcon sx={{ fontSize: 18 }} />\n      {active && (\n        <Box\n          component=\"span\"\n          sx={{\n            position: \"absolute\",\n            top: 2,\n            right: 2,\n            width: 6,\n            height: 6,\n            borderRadius: \"50%\",\n            bgcolor: \"primary.main\",\n          }}\n        />\n      )}\n    </IconButton>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-BKP7YW3Y.js → chunk-3IYB3XY2.js}

@@ -3,7 +3,7 @@ import {
   getDefaultColors,
   getSizeStyles,
   resolveSeries
-} from "./chunk-CIVLXOLG.js";
+} from "./chunk-MDR4WJOV.js";
 import {
   resolveAxisConfig,
   resolveBarGeometry
@@ -48,4 +48,4 @@ function buildChartContext(props, theme) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-BKP7YW3Y.js.map
+//# sourceMappingURL=chunk-3IYB3XY2.js.map

package/dist/{chunk-URK67BAE.js → chunk-3SJZP7KH.js}

@@ -1,16 +1,16 @@
 import {
   ColumnsTab
-} from "./chunk-SMUZRLFZ.js";
+} from "./chunk-JGOXXKPY.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-RIA34EUT.js";
+} from "./chunk-JDY37EML.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-NLUZGT4U.js";
+} from "./chunk-AZ4LLAAJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-X2R7QG5I.js";
+} from "./chunk-6MDBMCFK.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-URK67BAE.js.map
+//# sourceMappingURL=chunk-3SJZP7KH.js.map

package/dist/{chunk-4ETQRBZC.js → chunk-46UPILLK.js}

@@ -1,6 +1,3 @@
-import {
-  geocode
-} from "./chunk-TUBCN4DJ.js";
 import {
   CITY_ZOOM,
   CLICK_JITTER_DEGREES,
@@ -9,6 +6,9 @@ import {
   MAX_ZOOM,
   MIN_ZOOM
 } from "./chunk-H2J2MTRE.js";
+import {
+  geocode
+} from "./chunk-TUBCN4DJ.js";
 
 // src/components/data-display/MapPreview/MapPreview.hooks.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -186,4 +186,4 @@ export {
   useMapSearch,
   useMapClick
 };
-//# sourceMappingURL=chunk-4ETQRBZC.js.map
+//# sourceMappingURL=chunk-46UPILLK.js.map

package/dist/{chunk-SSJHEV5Z.js → chunk-4BEQADWC.js}

@@ -5,7 +5,7 @@ import {
   GroupLabel,
   SegmentRadios,
   testId
-} from "./chunk-4WT4PV4M.js";
+} from "./chunk-CZ5ZL63A.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -96,4 +96,4 @@ RadioGroup.displayName = "RadioGroup";
 export {
   RadioGroup
 };
-//# sourceMappingURL=chunk-SSJHEV5Z.js.map
+//# sourceMappingURL=chunk-4BEQADWC.js.map

package/dist/{chunk-OP6F3NXX.js → chunk-4IVOHL32.js}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-YD77RANW.js";
+} from "./chunk-7VN7LFBA.js";
 
 // src/components/data-display/StatCard/StatCard.tsx
 import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
@@ -200,4 +200,4 @@ export {
   StatCard,
   StatCard_default
 };
-//# sourceMappingURL=chunk-OP6F3NXX.js.map
+//# sourceMappingURL=chunk-4IVOHL32.js.map

package/dist/{chunk-NFJUBPIN.js → chunk-4LMY5I5E.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YMGHTZA6.js";
 import {
   MenubarItemView
-} from "./chunk-R7KR5FYJ.js";
+} from "./chunk-RJXRZW66.js";
 
 // src/components/form/Menubar/Menubar.toolbar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -82,4 +82,4 @@ var MenubarToolbar = ({
 export {
   MenubarToolbar
 };
-//# sourceMappingURL=chunk-NFJUBPIN.js.map
+//# sourceMappingURL=chunk-4LMY5I5E.js.map

package/dist/{chunk-ZOUWHGV3.js → chunk-4MGFUPQT.js}

@@ -1,3 +1,6 @@
+import {
+  useAddressPredictions
+} from "./chunk-HEBZ7Q7O.js";
 import {
   useGoogleMapsAPI
 } from "./chunk-7VRCGWQL.js";
@@ -7,9 +10,6 @@ import {
 import {
   useAddressSelection
 } from "./chunk-VRPCZ3IE.js";
-import {
-  useAddressPredictions
-} from "./chunk-HEBZ7Q7O.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.hooks.ts
 import { useCallback, useState } from "react";
@@ -70,4 +70,4 @@ var useAddressAutocomplete = ({
 export {
   useAddressAutocomplete
 };
-//# sourceMappingURL=chunk-ZOUWHGV3.js.map
+//# sourceMappingURL=chunk-4MGFUPQT.js.map

package/dist/{chunk-32MTYYGC.js → chunk-4PIKOJZ4.js}

@@ -37,7 +37,7 @@ import {
 } from "./chunk-35ETD7ML.js";
 import {
   px
-} from "./chunk-BRAF4MFO.js";
+} from "./chunk-PE4ZW3IA.js";
 import {
   inkOver
 } from "./chunk-2BYKTBDL.js";
@@ -292,4 +292,4 @@ export {
   onTrackInk,
   switchSx
 };
-//# sourceMappingURL=chunk-32MTYYGC.js.map
+//# sourceMappingURL=chunk-4PIKOJZ4.js.map

package/dist/{chunk-RMB4RTTM.js → chunk-4V7FNB7R.js}

@@ -1,20 +1,20 @@
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-ACZH2NUW.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-FRW4SYZD.js";
 import {
   MapLayers
-} from "./chunk-HFBME3C5.js";
-import {
-  StaticMapView
-} from "./chunk-WBKWIFXA.js";
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
+} from "./chunk-5SCZZFZR.js";
 import {
   useMapPreview
-} from "./chunk-AGYGNNOM.js";
+} from "./chunk-PQECNGDE.js";
+import {
+  StaticMapView
+} from "./chunk-QYNCPS5W.js";
 
 // src/components/data-display/MapPreview/MapPreview.tsx
 import Box from "@mui/material/Box/index.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-RMB4RTTM.js.map
+//# sourceMappingURL=chunk-4V7FNB7R.js.map

package/dist/{chunk-OFMDFN3U.js → chunk-4YMIQ5DM.js}

@@ -2,7 +2,7 @@ import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "./chunk-V6YZ3PL5.js";
+} from "./chunk-VQBINZB7.js";
 
 // src/components/data-display/Carousel/Carousel.chrome.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -59,4 +59,4 @@ var CarouselChrome = ({
 export {
   CarouselChrome
 };
-//# sourceMappingURL=chunk-OFMDFN3U.js.map
+//# sourceMappingURL=chunk-4YMIQ5DM.js.map

package/dist/{chunk-CJMU3G2J.js → chunk-56MKBXSH.js}

@@ -1,13 +1,13 @@
 import {
   renderChartByType
-} from "./chunk-DX36KZUV.js";
-import {
-  getSizeStyles,
-  getVariantStyles
-} from "./chunk-CIVLXOLG.js";
+} from "./chunk-UMQN3BVV.js";
 import {
   ChartContainer
 } from "./chunk-M5T3COS2.js";
+import {
+  getSizeStyles,
+  getVariantStyles
+} from "./chunk-MDR4WJOV.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-CJMU3G2J.js.map
+//# sourceMappingURL=chunk-56MKBXSH.js.map

package/dist/{chunk-ATBT4RJZ.js → chunk-57C636A6.js}

@@ -1,9 +1,9 @@
 import {
   FleetCanvas
-} from "./chunk-NR2HXHBR.js";
+} from "./chunk-G73SDZ3T.js";
 import {
   FleetRoster
-} from "./chunk-E6D2Y5EK.js";
+} from "./chunk-CMN26J5Y.js";
 
 // src/components/data-display/FleetMap/FleetBody.tsx
 import Box from "@mui/material/Box/index.js";
@@ -76,4 +76,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-ATBT4RJZ.js.map
+//# sourceMappingURL=chunk-57C636A6.js.map

package/dist/{chunk-UHWHTNUS.js → chunk-5BW7NCM5.js}

@@ -1,15 +1,15 @@
 import {
   Avatar
-} from "./chunk-2DFH74T4.js";
+} from "./chunk-ZB6BX4GO.js";
 import {
   Card
 } from "./chunk-AIRWM7KK.js";
 import {
   Button
-} from "./chunk-X2R7QG5I.js";
+} from "./chunk-6MDBMCFK.js";
 import {
   Text
-} from "./chunk-QNUWSXF2.js";
+} from "./chunk-H57ZS6W2.js";
 
 // src/user-avatar/user-avatar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-UHWHTNUS.js.map
+//# sourceMappingURL=chunk-5BW7NCM5.js.map

package/dist/{chunk-LG6DHNRD.js → chunk-5FA5S2YN.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-Q544QEIN.js";
+} from "./chunk-P3L42CBB.js";
 import {
   FormControl,
   FormLabel,
@@ -122,4 +122,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-LG6DHNRD.js.map
+//# sourceMappingURL=chunk-5FA5S2YN.js.map

package/dist/{chunk-IQFUV3BA.js → chunk-5RHMLOIA.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-XV2TDULR.js";
 import {
   px
-} from "./chunk-BRAF4MFO.js";
+} from "./chunk-PE4ZW3IA.js";
 
 // src/components/data-display/Badge/Badge.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -197,4 +197,4 @@ export {
   getAnchorOrigin,
   badgeStyles
 };
-//# sourceMappingURL=chunk-IQFUV3BA.js.map
+//# sourceMappingURL=chunk-5RHMLOIA.js.map

package/dist/{chunk-HFBME3C5.js → chunk-5SCZZFZR.js}

@@ -1,16 +1,16 @@
-import {
-  HeatmapOverlay,
-  RouteOverlay
-} from "./chunk-KUVOMH5I.js";
 import {
   MapControlBar
 } from "./chunk-5ZT4ZIZB.js";
 import {
-  MapSearchBar
-} from "./chunk-JVMNE5G4.js";
+  HeatmapOverlay,
+  RouteOverlay
+} from "./chunk-KUVOMH5I.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
+import {
+  MapSearchBar
+} from "./chunk-2X5OQDPH.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-HFBME3C5.js.map
+//# sourceMappingURL=chunk-5SCZZFZR.js.map

package/dist/{chunk-XMDH3MRV.js → chunk-5UWSDTZV.js}

@@ -1,6 +1,8 @@
 import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
+  asFieldSize,
+  fieldBorder,
+  fieldHeight
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -54,7 +56,7 @@ var baseStyles = (theme, colorPalette, customSize) => ({
   fontWeight: 500,
   borderRadius: fieldRadius(theme),
   transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  border: `2px solid ${fieldEdge(theme)}`,
+  border: fieldBorder(theme),
   color: theme.palette.text.primary,
   backgroundColor: "transparent",
   position: "relative",
@@ -107,8 +109,12 @@ var baseStyles = (theme, colorPalette, customSize) => ({
       boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`
     }
   },
-  // Size wins over everything above it.
-  ...SIZE_MAP[customSize] ?? {}
+  // Size wins over everything above it — its font and horizontal padding; the
+  // height is the theme's field height for the size.
+  ...SIZE_MAP[customSize] ?? {},
+  minHeight: fieldHeight(theme, asFieldSize(customSize)),
+  paddingTop: 0,
+  paddingBottom: 0
 });
 var variantStyles = (customVariant, colorPalette) => {
   switch (customVariant) {
@@ -167,4 +173,4 @@ export {
   variantStyles,
   effectStyles
 };
-//# sourceMappingURL=chunk-XMDH3MRV.js.map
+//# sourceMappingURL=chunk-5UWSDTZV.js.map

package/dist/chunk-5UWSDTZV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Toggle/Toggle.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, PaletteColor, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldBorder, fieldHeight } from '../../../tokens/field-height';\n\nconst glowAnimation = keyframes`\n  0% { box-shadow: 0 0 5px currentColor; }\n  50% { box-shadow: 0 0 15px currentColor, 0 0 25px currentColor; }\n  100% { box-shadow: 0 0 5px currentColor; }\n`;\n\nconst floatAnimation = keyframes`\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-2px); }\n`;\n\ninterface TogglePalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nconst neutralPalette = (theme: Theme): TogglePalette => ({\n  main: theme.palette.grey?.[700] || '#616161',\n  dark: theme.palette.grey?.[800] || '#424242',\n  light: theme.palette.grey?.[500] || '#9e9e9e',\n  contrastText: '#fff',\n});\n\n// A theme can be handed to us with shades missing, so each one falls back through\n// the palette's own main colour before reaching for primary.\nconst shade = (\n  palette: PaletteColor | undefined,\n  key: 'dark' | 'light',\n  fallback: PaletteColor,\n): string => palette?.[key] || palette?.main || fallback[key];\n\nexport const getColorFromTheme = (theme: Theme, color: string): TogglePalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, PaletteColor> = {\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  const fallback = theme.palette.primary;\n  const palette = colorMap[color] || fallback;\n\n  return {\n    main: palette?.main || fallback.main,\n    dark: shade(palette, 'dark', fallback),\n    light: shade(palette, 'light', fallback),\n    contrastText: palette?.contrastText || '#fff',\n  };\n};\n\nconst SIZE_MAP: Record<string, CSSObject> = {\n  xs: { padding: '4px 8px', fontSize: '0.75rem' },\n  sm: { padding: '6px 12px', fontSize: '0.875rem' },\n  md: { padding: '8px 16px', fontSize: '1rem' },\n  lg: { padding: '10px 20px', fontSize: '1.125rem' },\n  xl: { padding: '12px 24px', fontSize: '1.25rem' },\n};\n\nexport const baseStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  customSize: string,\n): CSSObject => ({\n  textTransform: 'none',\n  fontWeight: 500,\n  borderRadius: fieldRadius(theme),\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  border: fieldBorder(theme),\n  color: theme.palette.text.primary,\n  backgroundColor: 'transparent',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // A zero-sized circle that grows to fill the button on hover.\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(colorPalette.main, 0.2),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.4s, height 0.4s',\n  },\n\n  '&:hover': {\n    backgroundColor: alpha(colorPalette.main, 0.08),\n    borderColor: colorPalette.main,\n    transform: 'translateY(-1px)',\n    boxShadow: `0 4px 8px ${alpha(colorPalette.main, 0.15)}`,\n    animation: `${floatAnimation} 2s ease-in-out infinite`,\n\n    '&::before': {\n      width: '100%',\n      height: '100%',\n    },\n  },\n\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n\n  '&.Mui-selected': {\n    backgroundColor: colorPalette.main,\n    color: colorPalette.contrastText || '#fff',\n    borderColor: colorPalette.main,\n    boxShadow: `0 2px 8px ${alpha(colorPalette.main, 0.3)}`,\n\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, transparent, ${alpha('#fff', 0.1)})`,\n      pointerEvents: 'none',\n    },\n\n    '&:hover': {\n      backgroundColor: colorPalette.dark,\n      transform: 'translateY(-2px) scale(1.02)',\n      boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`,\n    },\n  },\n\n  // Size wins over everything above it — its font and horizontal padding; the\n  // height is the theme's field height for the size.\n  ...(SIZE_MAP[customSize] ?? {}),\n  minHeight: fieldHeight(theme, asFieldSize(customSize)),\n  paddingTop: 0,\n  paddingBottom: 0,\n});\n\nexport const variantStyles = (\n  customVariant: string | undefined,\n  colorPalette: TogglePalette,\n): CSSObject => {\n  switch (customVariant) {\n    case 'outline':\n      return {\n        backgroundColor: 'transparent',\n        border: `2px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: colorPalette.main,\n          color: colorPalette.contrastText || '#fff',\n        },\n      };\n    case 'soft':\n      return {\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        border: 'none',\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: alpha(colorPalette.main, 0.2),\n          color: colorPalette.main,\n        },\n      };\n    default:\n      return {};\n  }\n};\n\ninterface ToggleEffects {\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n}\n\n// gradient and glow both target `.Mui-selected`; with both on, the later spread\n// wins, so glow's animation replaces gradient's.\nexport const effectStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  { glass, gradient, glow }: ToggleEffects,\n): CSSObject => ({\n  ...(glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n\n  ...(gradient && {\n    '&.Mui-selected': {\n      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,\n      backgroundSize: '200% 200%',\n      animation: `${floatAnimation} 3s ease-in-out infinite`,\n      border: 'none',\n\n      '&:hover': {\n        backgroundPosition: '100% 100%',\n      },\n    },\n  }),\n\n  ...(glow && {\n    '&.Mui-selected': {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 15px ${alpha(colorPalette.main, 0.6)}`,\n    },\n  }),\n});\n"],"mappings":";;;;;;;;;;AAAA,SAAS,OAAO,iBAAiB;AAMjC,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAMtB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAYvB,IAAM,iBAAiB,CAAC,WAAiC;AAAA,EACvD,MAAM,MAAM,QAAQ,OAAO,GAAG,KAAK;AAAA,EACnC,MAAM,MAAM,QAAQ,OAAO,GAAG,KAAK;AAAA,EACnC,OAAO,MAAM,QAAQ,OAAO,GAAG,KAAK;AAAA,EACpC,cAAc;AAChB;AAIA,IAAM,QAAQ,CACZ,SACA,KACA,aACW,UAAU,GAAG,KAAK,SAAS,QAAQ,SAAS,GAAG;AAErD,IAAM,oBAAoB,CAAC,OAAc,UAAiC;AAC/E,MAAI,UAAU,UAAW,QAAO,eAAe,KAAK;AAEpD,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,UAAU,SAAS,KAAK,KAAK;AAEnC,SAAO;AAAA,IACL,MAAM,SAAS,QAAQ,SAAS;AAAA,IAChC,MAAM,MAAM,SAAS,QAAQ,QAAQ;AAAA,IACrC,OAAO,MAAM,SAAS,SAAS,QAAQ;AAAA,IACvC,cAAc,SAAS,gBAAgB;AAAA,EACzC;AACF;AAEA,IAAM,WAAsC;AAAA,EAC1C,IAAI,EAAE,SAAS,WAAW,UAAU,UAAU;AAAA,EAC9C,IAAI,EAAE,SAAS,YAAY,UAAU,WAAW;AAAA,EAChD,IAAI,EAAE,SAAS,YAAY,UAAU,OAAO;AAAA,EAC5C,IAAI,EAAE,SAAS,aAAa,UAAU,WAAW;AAAA,EACjD,IAAI,EAAE,SAAS,aAAa,UAAU,UAAU;AAClD;AAEO,IAAM,aAAa,CACxB,OACA,cACA,gBACe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc,YAAY,KAAK;AAAA,EAC/B,YAAY;AAAA,EACZ,QAAQ,YAAY,KAAK;AAAA,EACzB,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC1B,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EAGV,aAAa;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EAEA,WAAW;AAAA,IACT,iBAAiB,MAAM,aAAa,MAAM,IAAI;AAAA,IAC9C,aAAa,aAAa;AAAA,IAC1B,WAAW;AAAA,IACX,WAAW,aAAa,MAAM,aAAa,MAAM,IAAI,CAAC;AAAA,IACtD,WAAW,GAAG,cAAc;AAAA,IAE5B,aAAa;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EAEA,kBAAkB;AAAA,IAChB,iBAAiB,aAAa;AAAA,IAC9B,OAAO,aAAa,gBAAgB;AAAA,IACpC,aAAa,aAAa;AAAA,IAC1B,WAAW,aAAa,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IAErD,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,wCAAwC,MAAM,QAAQ,GAAG,CAAC;AAAA,MACtE,eAAe;AAAA,IACjB;AAAA,IAEA,WAAW;AAAA,MACT,iBAAiB,aAAa;AAAA,MAC9B,WAAW;AAAA,MACX,WAAW,cAAc,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IACxD;AAAA,EACF;AAAA;AAAA;AAAA,EAIA,GAAI,SAAS,UAAU,KAAK,CAAC;AAAA,EAC7B,WAAW,YAAY,OAAO,YAAY,UAAU,CAAC;AAAA,EACrD,YAAY;AAAA,EACZ,eAAe;AACjB;AAEO,IAAM,gBAAgB,CAC3B,eACA,iBACc;AACd,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,QAAQ,aAAa,aAAa,IAAI;AAAA,QACtC,OAAO,aAAa;AAAA,QAEpB,kBAAkB;AAAA,UAChB,iBAAiB,aAAa;AAAA,UAC9B,OAAO,aAAa,gBAAgB;AAAA,QACtC;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,QAC7C,QAAQ;AAAA,QACR,OAAO,aAAa;AAAA,QAEpB,kBAAkB;AAAA,UAChB,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,UAC7C,OAAO,aAAa;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAUO,IAAM,eAAe,CAC1B,OACA,cACA,EAAE,OAAO,UAAU,KAAK,OACT;AAAA,EACf,GAAI,SAAS;AAAA,IACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACxD;AAAA,EAEA,GAAI,YAAY;AAAA,IACd,kBAAkB;AAAA,MAChB,YAAY,2BAA2B,aAAa,KAAK,KAAK,aAAa,IAAI,KAAK,aAAa,IAAI;AAAA,MACrG,gBAAgB;AAAA,MAChB,WAAW,GAAG,cAAc;AAAA,MAC5B,QAAQ;AAAA,MAER,WAAW;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,GAAI,QAAQ;AAAA,IACV,kBAAkB;AAAA,MAChB,WAAW,GAAG,aAAa;AAAA,MAC3B,WAAW,YAAY,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IACtD;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-QKDFD4VT.js → chunk-62NFZR52.js}

@@ -1,15 +1,15 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-RFZU5BTG.js";
+} from "./chunk-LYSSO6WC.js";
 import {
   DescriptionItem
-} from "./chunk-WVQ47UTI.js";
+} from "./chunk-UEWIIYGA.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-QNUWSXF2.js";
+} from "./chunk-H57ZS6W2.js";
 
 // src/components/data-display/DataViews/base-list-card-slots.tsx
 import { Fragment } from "react";
@@ -222,4 +222,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-QKDFD4VT.js.map
+//# sourceMappingURL=chunk-62NFZR52.js.map

package/dist/{chunk-3PT3SBJ7.js → chunk-65JHGT5F.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Select
-} from "./chunk-WONCE5GB.js";
+} from "./chunk-OGPOTZAU.js";
 import {
   FormControl,
   FormLabel,
@@ -36,4 +36,4 @@ function SelectField({ name, options, label, placeholder }) {
 export {
   SelectField
 };
-//# sourceMappingURL=chunk-3PT3SBJ7.js.map
+//# sourceMappingURL=chunk-65JHGT5F.js.map

package/dist/{chunk-H7ZN2GW7.js → chunk-67N6TH6E.js}

@@ -1,7 +1,7 @@
 import {
   METRICS,
   footerSx
-} from "./chunk-ETSKBOXN.js";
+} from "./chunk-LGLHU55A.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -80,4 +80,4 @@ export {
   CategoryMultiFoot,
   CategorySingleFoot
 };
-//# sourceMappingURL=chunk-H7ZN2GW7.js.map
+//# sourceMappingURL=chunk-67N6TH6E.js.map

package/dist/{chunk-INH2BDHV.js → chunk-6ANWFGLL.js}

@@ -1,21 +1,21 @@
+import {
+  useDateRangePicker
+} from "./chunk-APT5L7V5.js";
+import {
+  DateRangeQuickList
+} from "./chunk-ZRHSIFWA.js";
 import {
   DateRangeFields
-} from "./chunk-SZZLABMO.js";
+} from "./chunk-IDO4EV7T.js";
 import {
   DEFAULT_QUICK_RANGES
 } from "./chunk-QKLSHNOH.js";
-import {
-  useDateRangePicker
-} from "./chunk-J2RRZZXC.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
-import {
-  DateRangeQuickList
-} from "./chunk-ZRHSIFWA.js";
 import {
   Calendar
-} from "./chunk-BPYPUEM5.js";
+} from "./chunk-CZJLWCEG.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -180,4 +180,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-INH2BDHV.js.map
+//# sourceMappingURL=chunk-6ANWFGLL.js.map