@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-IHS3GDPZ.js

@@ -1,32 +0,0 @@
-// src/utils/viewport.ts
-var VIEWPORT_HEIGHT_FALLBACK = "100vh";
-var DYNAMIC_VIEWPORT_HEIGHT = "100dvh";
-function dynamicViewportHeight(...properties) {
-  const pinned = properties.length > 0 ? [...properties] : ["height"];
-  const fallback = {};
-  const dynamic = {};
-  for (const property of pinned) {
-    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;
-    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;
-  }
-  return {
-    ...fallback,
-    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic
-  };
-}
-function safeAreaBottom(basePx) {
-  return {
-    paddingBottom: `${basePx}px`,
-    "@supports (padding: max(0px))": {
-      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`
-    }
-  };
-}
-
-export {
-  VIEWPORT_HEIGHT_FALLBACK,
-  DYNAMIC_VIEWPORT_HEIGHT,
-  dynamicViewportHeight,
-  safeAreaBottom
-};
-//# sourceMappingURL=chunk-IHS3GDPZ.js.map

package/dist/chunk-IHS3GDPZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/viewport.ts"],"sourcesContent":["import type { CSSObject } from '@mui/material';\n\n/**\n * Viewport helpers for full-height surfaces (dialogs, drawers, slide-overs).\n *\n * iOS Safari and iOS Chrome resolve `100vh` against the *large* viewport — the\n * height the page would have if the browser chrome were hidden — while a\n * `position: fixed` element is still clipped by the *small* viewport that the\n * URL bar and toolbar actually leave visible. A panel sized `height: 100vh`\n * therefore ends underneath the toolbar, so the last rows of its scroll area\n * (typically the submit button) are unreachable: the rubber-band overscroll\n * that reveals them snaps straight back the moment the finger lifts.\n *\n * `100dvh` tracks the *dynamic* viewport, so the panel always ends where the\n * visible area ends. `100vh` stays as the fallback for browsers without\n * dynamic viewport units.\n */\n\n/** Height unit for browsers without dynamic viewport units. */\nexport const VIEWPORT_HEIGHT_FALLBACK = '100vh';\n\n/** Height unit that tracks the visible viewport as browser chrome shows/hides. */\nexport const DYNAMIC_VIEWPORT_HEIGHT = '100dvh';\n\n/** The height properties {@link dynamicViewportHeight} can pin to the viewport. */\nexport type ViewportHeightProperty = 'height' | 'maxHeight' | 'minHeight';\n\n/**\n * Full-viewport-height styles for the given properties: `100vh` up front, with a\n * `@supports` block upgrading to `100dvh` where dynamic viewport units exist.\n *\n * ```ts\n * const paper = { ...dynamicViewportHeight('height', 'maxHeight') };\n * ```\n */\nexport function dynamicViewportHeight(\n  ...properties: readonly ViewportHeightProperty[]\n): CSSObject {\n  const pinned: ViewportHeightProperty[] =\n    properties.length > 0 ? [...properties] : ['height'];\n  const fallback: CSSObject = {};\n  const dynamic: CSSObject = {};\n  for (const property of pinned) {\n    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;\n    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;\n  }\n  return {\n    ...fallback,\n    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic,\n  };\n}\n\n/**\n * Bottom padding that clears the iOS home indicator, added on top of a base\n * padding expressed in pixels. Falls back to the base value on browsers without\n * `env()` support.\n */\nexport function safeAreaBottom(basePx: number): CSSObject {\n  return {\n    paddingBottom: `${basePx}px`,\n    '@supports (padding: max(0px))': {\n      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`,\n    },\n  };\n}\n"],"mappings":";AAmBO,IAAM,2BAA2B;AAGjC,IAAM,0BAA0B;AAahC,SAAS,yBACX,YACQ;AACX,QAAM,SACJ,WAAW,SAAS,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,QAAQ;AACrD,QAAM,WAAsB,CAAC;AAC7B,QAAM,UAAqB,CAAC;AAC5B,aAAW,YAAY,QAAQ;AAC7B,aAAS,QAAQ,IAAI;AACrB,YAAQ,QAAQ,IAAI;AAAA,EACtB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,CAAC,sBAAsB,uBAAuB,GAAG,GAAG;AAAA,EACtD;AACF;AAOO,SAAS,eAAe,QAA2B;AACxD,SAAO;AAAA,IACL,eAAe,GAAG,MAAM;AAAA,IACxB,iCAAiC;AAAA,MAC/B,eAAe,OAAO,MAAM,YAAY,MAAM;AAAA,IAChD;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-IJ6Q7LXQ.js

@@ -1,264 +0,0 @@
-import {
-  ColumnsTab
-} from "./chunk-J3FNTWIG.js";
-import {
-  DisplayTab,
-  SortTab
-} from "./chunk-RATVTIZN.js";
-import {
-  ViewActions,
-  ViewFooter,
-  ViewHeader,
-  ViewsList
-} from "./chunk-LHTSYQIW.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-
-// src/components/data-display/DataViews/data-views-display-panel.tsx
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import DisplaySettingsRoundedIcon from "@mui/icons-material/DisplaySettingsRounded";
-import { Popover } from "@mui/material";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function displayTabs(copy) {
-  return [
-    { key: "sort", label: copy.display.sortTab },
-    { key: "columns", label: copy.display.columnsTab },
-    { key: "display", label: copy.display.panelTab }
-  ];
-}
-function PanelTabs({
-  tab,
-  onChange,
-  muted,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5, p: 0.75, bgcolor: "action.hover", borderBottom: 1, borderColor: "divider" }, children: displayTabs(copy).map((entry) => {
-    const active = tab === entry.key && !muted;
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onChange(entry.key),
-        "data-testid": `${testIdPrefix}-display-tab-${entry.key}`,
-        "aria-current": active,
-        sx: {
-          flex: 1,
-          px: 1,
-          py: 0.75,
-          border: 0,
-          borderRadius: 1,
-          cursor: "pointer",
-          font: "inherit",
-          fontSize: "0.8125rem",
-          bgcolor: active ? "background.paper" : "transparent",
-          boxShadow: active ? 1 : 0,
-          fontWeight: active ? 600 : 400,
-          color: active ? "text.primary" : "text.secondary"
-        },
-        children: entry.label
-      },
-      entry.key
-    );
-  }) });
-}
-function PanelBody({
-  tab,
-  c,
-  sortKinds,
-  testIdPrefix
-}) {
-  if (tab === "sort") {
-    return /* @__PURE__ */ jsx(
-      SortTab,
-      {
-        fields: c.resolvedSortFields,
-        activeField: c.activeSortField,
-        activeOrder: c.activeSortOrder,
-        onChange: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
-        sortKinds,
-        testIdPrefix
-      }
-    );
-  }
-  if (tab === "columns") {
-    return /* @__PURE__ */ jsx(
-      ColumnsTab,
-      {
-        columns: c.hideableColumns,
-        order: c.columnOrder,
-        visibleColumns: c.state.visibleColumns,
-        onToggle: c.toggleColumn,
-        onReorder: (order) => c.patch({ order }),
-        onShowAll: () => c.patch({ visibleColumns: c.columnOrder }),
-        onReset: () => c.patch({ visibleColumns: c.columnOrder, order: void 0 }),
-        testIdPrefix
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(DisplayTab, { testIdPrefix });
-}
-function PanelSurface({
-  c,
-  view,
-  nav,
-  tab,
-  onTab,
-  viewsOpen,
-  onToggleViews,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  sortKinds,
-  onDone,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-display-panel`, children: [
-    view && /* @__PURE__ */ jsx(
-      ViewHeader,
-      {
-        view,
-        open: viewsOpen,
-        onToggle: onToggleViews,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PanelTabs,
-      {
-        tab,
-        onChange: onTab,
-        muted: Boolean(nav),
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { sx: { maxHeight: 320, minHeight: 220, overflowY: "auto" }, children: nav ? /* @__PURE__ */ jsx(
-      ViewsBody,
-      {
-        nav,
-        actionsFor,
-        onOpenActions,
-        onBack,
-        testIdPrefix
-      }
-    ) : /* @__PURE__ */ jsx(PanelBody, { tab, c, sortKinds, testIdPrefix }) }),
-    view && /* @__PURE__ */ jsx(ViewFooter, { view, onDone, testIdPrefix })
-  ] });
-}
-function ViewsBody({
-  nav,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  testIdPrefix
-}) {
-  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : void 0;
-  if (live) {
-    return /* @__PURE__ */ jsx(ViewActions, { view: live, handlers: nav, onBack, testIdPrefix });
-  }
-  return /* @__PURE__ */ jsx(ViewsList, { handlers: nav, onOpenActions, testIdPrefix });
-}
-function DisplayTrigger({
-  dirty,
-  compact,
-  onOpen,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-display-trigger`,
-      "aria-label": copy.display.trigger,
-      title: compact ? copy.display.trigger : void 0,
-      children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
-        /* @__PURE__ */ jsx(DisplaySettingsRoundedIcon, { fontSize: "small" }),
-        !compact && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.display.trigger }),
-        dirty && /* @__PURE__ */ jsx(Box, { component: "span", sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" } }),
-        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-      ] })
-    }
-  );
-}
-function DataViewsDisplayPanel({
-  c,
-  testIdPrefix,
-  sortKinds,
-  view,
-  compact
-}) {
-  const [anchor, setAnchor] = useState(null);
-  const [tab, setTab] = useState("columns");
-  const [viewsOpen, setViewsOpen] = useState(false);
-  const [actionsFor, setActionsFor] = useState(null);
-  const nav = viewsOpen ? view?.nav : void 0;
-  const close = () => setAnchor(null);
-  const leaveViews = () => {
-    setViewsOpen(false);
-    setActionsFor(null);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DisplayTrigger,
-      {
-        dirty: Boolean(view?.dirty),
-        compact: Boolean(compact),
-        onOpen: setAnchor,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { width: 320, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsx(
-          PanelSurface,
-          {
-            c,
-            view,
-            nav,
-            tab,
-            onTab: (next) => {
-              setTab(next);
-              leaveViews();
-            },
-            viewsOpen,
-            onToggleViews: () => {
-              setViewsOpen((prev) => !prev);
-              setActionsFor(null);
-            },
-            actionsFor,
-            onOpenActions: setActionsFor,
-            onBack: () => setActionsFor(null),
-            sortKinds,
-            onDone: close,
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  DataViewsDisplayPanel
-};
-//# sourceMappingURL=chunk-IJ6Q7LXQ.js.map

package/dist/chunk-IJ6Q7LXQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-display-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DataViewsCopy } from \"./data-views-copy\";\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// Says \"display settings\" rather than the generic tune sliders it used to\n// share with the \"Mais\" FILTER trigger — see the note there.\nimport DisplaySettingsRoundedIcon from \"@mui/icons-material/DisplaySettingsRounded\";\nimport { Popover } from \"@mui/material\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\n\nimport { ColumnsTab } from \"./data-views-columns-tab\";\nimport {\n  ViewActions,\n  ViewFooter,\n  ViewHeader,\n  ViewsList,\n  type ViewNavHandlers,\n} from \"./data-views-view-nav\";\nimport type { SavedViewSummary } from \"./data-views-types\";\nimport { DisplayTab, SortTab } from \"./data-views-display-tabs\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * \"EXIBIR\" — one panel for every question about how the list is READ.\n *\n * Sort, columns and format used to be three separate toolbar dropdowns, which\n * asked the operator to already know which one held what. They are one decision\n * (\"how do I want to read this?\") so they are one control with three tabs.\n *\n * A view BRACKETS the panel: its name pinned at the top, the save actions\n * pinned at the bottom, both visible on every tab — so a change made in Colunas\n * is one glance away from the button that saves it. A separate \"Visão\" button\n * in the toolbar would be the same concept twice, in two places, disagreeing\n * about whether there are unsaved changes.\n */\n\n/** Which tab is showing. `columns` first: it is what an operator opens this for. */\ntype DisplayTabKey = \"sort\" | \"columns\" | \"display\";\n\nfunction displayTabs(copy: DataViewsCopy): { key: DisplayTabKey; label: string }[] {\n  return [\n    { key: \"sort\", label: copy.display.sortTab },\n    { key: \"columns\", label: copy.display.columnsTab },\n    { key: \"display\", label: copy.display.panelTab },\n  ];\n}\n\n/** The saved-view chrome the panel brackets its tabs with, when a host supplies it. */\nexport interface DisplayPanelView {\n  /** The applied view's name, or undefined for the built-in \"Visão principal\". */\n  activeViewName?: string;\n  /** True when the live state differs from the applied view (or from pristine). */\n  dirty: boolean;\n  /** Restore the applied view (or the pristine default) — discards local changes. */\n  onReset: () => void;\n  /** Persist the live state over the applied view. Absent ⇒ no update affordance. */\n  onUpdate?: () => void;\n  /** Persist the live state as a NEW view. */\n  onSaveAs: () => void;\n  /**\n   * The saved views themselves, rendered INLINE in this panel's body when the\n   * VISÃO header is opened — not as a dropdown of their own. The panel stays\n   * data-free: the host owns the views and every mutation, this only decides\n   * where they appear.\n   */\n  nav?: ViewNavHandlers;\n}\n\ninterface DisplayPanelProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  testIdPrefix: string;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  view?: DisplayPanelView;\n  /** Icon only — step 2 of the toolbar's measured degradation ladder. */\n  compact?: boolean;\n}\n\n/** The tab strip inside the panel. */\nfunction PanelTabs({\n  tab,\n  onChange,\n  muted,\n  testIdPrefix,\n}: {\n  tab: DisplayTabKey;\n  onChange: (tab: DisplayTabKey) => void;\n  /** The views own the body — no tab is showing, so none reads as selected. */\n  muted?: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", gap: 0.5, p: 0.75, bgcolor: \"action.hover\", borderBottom: 1, borderColor: \"divider\" }}>\n      {displayTabs(copy).map((entry) => {\n        const active = tab === entry.key && !muted;\n        return (\n        <Box\n          key={entry.key}\n          component=\"button\"\n          type=\"button\"\n          onClick={() => onChange(entry.key)}\n          data-testid={`${testIdPrefix}-display-tab-${entry.key}`}\n          aria-current={active}\n          sx={{\n            flex: 1,\n            px: 1,\n            py: 0.75,\n            border: 0,\n            borderRadius: 1,\n            cursor: \"pointer\",\n            font: \"inherit\",\n            fontSize: \"0.8125rem\",\n            bgcolor: active ? \"background.paper\" : \"transparent\",\n            boxShadow: active ? 1 : 0,\n            fontWeight: active ? 600 : 400,\n            color: active ? \"text.primary\" : \"text.secondary\",\n          }}\n        >\n          {entry.label}\n        </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/** The active tab's body. */\nfunction PanelBody<T extends Record<string, unknown>>({\n  tab,\n  c,\n  sortKinds,\n  testIdPrefix,\n}: {\n  tab: DisplayTabKey;\n  c: DataViewsController<T>;\n  sortKinds?: Record<string, string>;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  if (tab === \"sort\") {\n    return (\n      <SortTab\n        fields={c.resolvedSortFields}\n        activeField={c.activeSortField}\n        activeOrder={c.activeSortOrder}\n        onChange={(field, order) => c.patch({ sortBy: [{ id: field, dir: order }] })}\n        sortKinds={sortKinds}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (tab === \"columns\") {\n    return (\n      <ColumnsTab\n        columns={c.hideableColumns}\n        order={c.columnOrder}\n        visibleColumns={c.state.visibleColumns}\n        onToggle={c.toggleColumn}\n        onReorder={(order) => c.patch({ order })}\n        onShowAll={() => c.patch({ visibleColumns: c.columnOrder })}\n        // \"Padrão\" restores BOTH: the declared order and every column visible.\n        onReset={() => c.patch({ visibleColumns: c.columnOrder, order: undefined })}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  return <DisplayTab testIdPrefix={testIdPrefix} />;\n}\n\n/** Everything inside the popover: VISÃO header, tabs, body, save footer. */\nfunction PanelSurface<T extends Record<string, unknown>>({\n  c, view, nav, tab, onTab, viewsOpen, onToggleViews, actionsFor, onOpenActions,\n  onBack, sortKinds, onDone, testIdPrefix,\n}: {\n  c: DataViewsController<T>;\n  view?: DisplayPanelView;\n  nav?: ViewNavHandlers;\n  tab: DisplayTabKey;\n  onTab: (tab: DisplayTabKey) => void;\n  viewsOpen: boolean;\n  onToggleViews: () => void;\n  actionsFor: SavedViewSummary | null;\n  onOpenActions: (view: SavedViewSummary) => void;\n  onBack: () => void;\n  sortKinds?: Record<string, string>;\n  onDone: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box data-testid={`${testIdPrefix}-display-panel`}>\n          {view && (\n            <ViewHeader\n              view={view}\n              open={viewsOpen}\n              onToggle={onToggleViews}\n              testIdPrefix={testIdPrefix}\n            />\n          )}\n          <PanelTabs\n            tab={tab}\n            onChange={onTab}\n            muted={Boolean(nav)}\n            testIdPrefix={testIdPrefix}\n          />\n          {/* Constrained + scrolled: the columns list is unbounded, and a panel\n              taller than the viewport puts its own save button off screen. */}\n          <Box sx={{ maxHeight: 320, minHeight: 220, overflowY: \"auto\" }}>\n            {nav ? (\n              <ViewsBody\n                nav={nav}\n                actionsFor={actionsFor}\n                onOpenActions={onOpenActions}\n                onBack={onBack}\n                testIdPrefix={testIdPrefix}\n              />\n            ) : (\n              <PanelBody tab={tab} c={c} sortKinds={sortKinds} testIdPrefix={testIdPrefix} />\n            )}\n          </Box>\n          {view && <ViewFooter view={view} onDone={onDone} testIdPrefix={testIdPrefix} />}\n    </Box>\n  );\n}\n\n\n/** The views as the panel's body: the list, or one view's actions. */\nfunction ViewsBody({\n  nav,\n  actionsFor,\n  onOpenActions,\n  onBack,\n  testIdPrefix,\n}: {\n  nav: ViewNavHandlers;\n  actionsFor: SavedViewSummary | null;\n  onOpenActions: (view: SavedViewSummary) => void;\n  onBack: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  // Resolve against the LIVE list, not the object captured when the kebab was\n  // clicked: toggling \"Fixar\" or \"Compartilhar\" replaces the view in `views`,\n  // and a held snapshot would keep showing the state from before the click.\n  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : undefined;\n  if (live) {\n    return <ViewActions view={live} handlers={nav} onBack={onBack} testIdPrefix={testIdPrefix} />;\n  }\n  return <ViewsList handlers={nav} onOpenActions={onOpenActions} testIdPrefix={testIdPrefix} />;\n}\n\n/** The \"Exibir\" button, with the dot that says the view has unsaved changes. */\nfunction DisplayTrigger({\n  dirty,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  dirty: boolean;\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-display-trigger`}\n      aria-label={copy.display.trigger}\n      title={compact ? copy.display.trigger : undefined}\n    >\n      <Box component=\"span\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\n        <DisplaySettingsRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.display.trigger}\n          </Box>\n        )}\n        {dirty && (\n          <Box component=\"span\" sx={{ height: 6, width: 6, borderRadius: \"50%\", bgcolor: \"primary.main\" }} />\n        )}\n        {/* The chevron goes with the label. Once the control is a bare icon it\n            is already unmistakably a button, and on the rung where that happens\n            the ~24px it costs is the difference between a row that fits and one\n            that scrolls. */}\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/**\n * The toolbar's \"Exibir\" control: one button, one popover, three tabs, and the\n * view bracketing all of it.\n */\nexport function DataViewsDisplayPanel<T extends Record<string, unknown>>({\n  c,\n  testIdPrefix,\n  sortKinds,\n  view,\n  compact,\n}: DisplayPanelProps<T>): React.JSX.Element {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const [tab, setTab] = useState<DisplayTabKey>(\"columns\");\n  // The views REPLACE the tab body rather than opening over it — see\n  // `data-views-view-nav`. `actionsFor` is the second level of that drill-down.\n  const [viewsOpen, setViewsOpen] = useState(false);\n  const [actionsFor, setActionsFor] = useState<SavedViewSummary | null>(null);\n  // Non-null only while the views are the body — the one place that decides\n  // whether this panel is showing tabs or views.\n  const nav = viewsOpen ? view?.nav : undefined;\n  const close = (): void => setAnchor(null);\n  const leaveViews = (): void => {\n    setViewsOpen(false);\n    setActionsFor(null);\n  };\n  return (\n    <>\n      <DisplayTrigger\n        dirty={Boolean(view?.dirty)}\n        compact={Boolean(compact)}\n        onOpen={setAnchor}\n        testIdPrefix={testIdPrefix}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={close}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{ paper: { sx: { width: 320, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <PanelSurface\n          c={c}\n          view={view}\n          nav={nav}\n          tab={tab}\n          onTab={(next) => {\n            setTab(next);\n            leaveViews();\n          }}\n          viewsOpen={viewsOpen}\n          onToggleViews={() => {\n            setViewsOpen((prev) => !prev);\n            setActionsFor(null);\n          }}\n          actionsFor={actionsFor}\n          onOpenActions={setActionsFor}\n          onBack={() => setActionsFor(null)}\n          sortKinds={sortKinds}\n          onDone={close}\n          testIdPrefix={testIdPrefix}\n        />\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ILEJ3DVD.js

@@ -1,116 +0,0 @@
-import {
-  sliderSx
-} from "./chunk-XXOQWYYG.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Slider/Slider.tsx
-import { Box, Slider as MuiSlider, Typography } from "@mui/material";
-import { styled } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledSlider = styled(MuiSlider, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glow", "glass", "gradient", "customVariant"].includes(
-    prop
-  )
-})(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  showValue: false,
-  glow: false,
-  glass: false,
-  gradient: false,
-  showMarks: false,
-  unit: ""
-};
-var formatOne = (n, unit, formatValue) => `${formatValue ? formatValue(n) : n}${unit}`;
-var displayValueOf = (value, unit, formatValue) => {
-  if (Array.isArray(value)) {
-    const low = formatOne(value[0] ?? 0, unit, formatValue);
-    const high = formatOne(value[1] ?? 0, unit, formatValue);
-    return `${low} - ${high}`;
-  }
-  return formatOne(value ?? 0, unit, formatValue);
-};
-var marksFor = (variant, showMarks, customMarks) => {
-  if (variant !== "marks" && !showMarks) return void 0;
-  return customMarks || (variant === "marks" ? true : void 0);
-};
-var Slider = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    label,
-    showValue,
-    glow,
-    glass,
-    gradient,
-    showMarks,
-    customMarks,
-    unit,
-    formatValue,
-    value,
-    onChange,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
-  return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, "data-testid": dataTestId, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          mb: 2
-        },
-        children: [
-          label && /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body2",
-              fontWeight: 500,
-              color: "text.primary",
-              "data-testid": testId("label"),
-              children: label
-            }
-          ),
-          showValue && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", "data-testid": testId("value-label"), children: displayValueOf(value, unit, formatValue) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { sx: { px: 1 }, children: /* @__PURE__ */ jsx(
-      StyledSlider,
-      {
-        ref,
-        customColor: color,
-        customSize: size,
-        glow,
-        glass,
-        gradient,
-        customVariant: variant,
-        value,
-        onChange,
-        marks: marksFor(variant, showMarks, customMarks),
-        valueLabelDisplay: showValue ? "auto" : "off",
-        "data-testid": testId("slider"),
-        slotProps: {
-          track: { "data-testid": testId("track") },
-          thumb: { "data-testid": testId("thumb") }
-        },
-        ...rest
-      }
-    ) })
-  ] });
-});
-Slider.displayName = "Slider";
-
-export {
-  Slider
-};
-//# sourceMappingURL=chunk-ILEJ3DVD.js.map

package/dist/chunk-ILEJ3DVD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Slider/Slider.tsx"],"sourcesContent":["import { Box, Slider as MuiSlider, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { sliderSx } from './Slider.styles';\nimport type { SliderFlags } from './Slider.styles';\nimport type { SliderProps } from './Slider.types';\n\nconst StyledSlider = styled(MuiSlider, {\n  shouldForwardProp: (prop) =>\n    !['customColor', 'customSize', 'glow', 'glass', 'gradient', 'customVariant'].includes(\n      prop as string,\n    ),\n})<SliderFlags>(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  showValue: false,\n  glow: false,\n  glass: false,\n  gradient: false,\n  showMarks: false,\n  unit: '',\n} satisfies Partial<SliderProps>;\n\ntype ResolvedProps = SliderProps & Required<Pick<SliderProps, keyof typeof DEFAULTS>>;\n\n/** One end of the value, formatted by the caller's formatter if it supplied one. */\nconst formatOne = (n: number, unit: string, formatValue?: (v: number) => string) =>\n  `${formatValue ? formatValue(n) : n}${unit}`;\n\n/** A range renders as `low - high`; a single value on its own. */\nconst displayValueOf = (\n  value: SliderProps['value'],\n  unit: string,\n  formatValue?: (v: number) => string,\n) => {\n  if (Array.isArray(value)) {\n    const low = formatOne(value[0] ?? 0, unit, formatValue);\n    const high = formatOne(value[1] ?? 0, unit, formatValue);\n    return `${low} - ${high}`;\n  }\n\n  return formatOne((value as number) ?? 0, unit, formatValue);\n};\n\n/**\n * Marks come from `customMarks` when given. Otherwise the `marks` variant asks\n * MUI to derive them from the step, and anything else shows none.\n */\nconst marksFor = (variant: string, showMarks: boolean, customMarks: SliderProps['customMarks']) => {\n  if (variant !== 'marks' && !showMarks) return undefined;\n  return customMarks || (variant === 'marks' ? true : undefined);\n};\n\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>((props, ref) => {\n  const {\n    variant, color, size, label, showValue, glow, glass, gradient,\n    showMarks, customMarks, unit, formatValue, value, onChange, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const testId = (suffix: string) => (dataTestId ? `${dataTestId}-${suffix}` : undefined);\n\n  return (\n    <Box sx={{ width: '100%' }} data-testid={dataTestId}>\n      {(label || showValue) && (\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            mb: 2,\n          }}\n        >\n          {label && (\n            <Typography\n              variant=\"body2\"\n              fontWeight={500}\n              color=\"text.primary\"\n              data-testid={testId('label')}\n            >\n              {label}\n            </Typography>\n          )}\n          {showValue && (\n            <Typography variant=\"body2\" color=\"text.secondary\" data-testid={testId('value-label')}>\n              {displayValueOf(value, unit, formatValue)}\n            </Typography>\n          )}\n        </Box>\n      )}\n\n      <Box sx={{ px: 1 }}>\n        <StyledSlider\n          ref={ref}\n          customColor={color}\n          customSize={size}\n          glow={glow}\n          glass={glass}\n          gradient={gradient}\n          customVariant={variant}\n          value={value}\n          onChange={onChange}\n          marks={marksFor(variant, showMarks, customMarks)}\n          valueLabelDisplay={showValue ? 'auto' : 'off'}\n          data-testid={testId('slider')}\n          slotProps={{\n            track: { 'data-testid': testId('track') } as React.HTMLAttributes<HTMLSpanElement>,\n            thumb: { 'data-testid': testId('thumb') } as React.HTMLAttributes<HTMLSpanElement>,\n          }}\n          {...rest}\n        />\n      </Box>\n    </Box>\n  );\n});\n\nSlider.displayName = 'Slider';\n"],"mappings":"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","names":[]}

package/dist/chunk-IM7YDS43.js

@@ -1,93 +0,0 @@
-// src/components/layout/ContentToolbar/ColumnsMenu.tsx
-import ColumnsIcon from "@mui/icons-material/ViewColumnRounded";
-import { Box, Checkbox, IconButton, ListSubheader, Menu, MenuItem } from "@mui/material";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ColumnRow({
-  option,
-  onToggle,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenuItem,
-    {
-      "data-testid": testId,
-      onClick: () => onToggle(option.id, !option.visible),
-      disabled: option.locked,
-      sx: { gap: 1 },
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: option.visible,
-            size: "small",
-            disableRipple: true,
-            sx: { p: 0, pointerEvents: "none" },
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, minWidth: 0, textAlign: "left" }, children: option.label })
-      ]
-    }
-  );
-}
-function ColumnsMenu({
-  columns,
-  onToggle,
-  title = "Columns",
-  ariaLabel = "Toggle columns",
-  "data-testid": testId
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  const close = () => setAnchorEl(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "data-testid": testId,
-        "aria-label": ariaLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        sx: {
-          width: 32,
-          height: 32,
-          borderRadius: 1,
-          color: "text.secondary",
-          bgcolor: open ? "action.selected" : "transparent"
-        },
-        children: /* @__PURE__ */ jsx(ColumnsIcon, { sx: { fontSize: 16 } })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Menu,
-      {
-        anchorEl,
-        open,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { minWidth: 200 } } },
-        children: [
-          /* @__PURE__ */ jsx(ListSubheader, { sx: { px: 1.5, py: 0.75, fontSize: "0.75rem", fontWeight: 600, color: "text.primary", lineHeight: 1.5 }, children: title }),
-          columns.map((option) => /* @__PURE__ */ jsx(
-            ColumnRow,
-            {
-              option,
-              onToggle,
-              testId: testId ? `${testId}-${option.id}` : void 0
-            },
-            option.id
-          ))
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  ColumnsMenu
-};
-//# sourceMappingURL=chunk-IM7YDS43.js.map

package/dist/chunk-IM7YDS43.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/ColumnsMenu.tsx"],"sourcesContent":["'use client';\n\nimport ColumnsIcon from '@mui/icons-material/ViewColumnRounded';\nimport { Box, Checkbox, IconButton, ListSubheader, Menu, MenuItem } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport type { ColumnVisibilityOption, ColumnsMenuProps } from './ContentToolbar.types';\n\n/** One column checkbox row; toggling never closes the menu. */\nfunction ColumnRow({\n  option,\n  onToggle,\n  testId,\n}: {\n  option: ColumnVisibilityOption;\n  onToggle: (id: string, visible: boolean) => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <MenuItem\n      data-testid={testId}\n      onClick={() => onToggle(option.id, !option.visible)}\n      disabled={option.locked}\n      sx={{ gap: 1 }}\n    >\n      <Checkbox\n        checked={option.visible}\n        size=\"small\"\n        disableRipple\n        sx={{ p: 0, pointerEvents: 'none' }}\n        tabIndex={-1}\n      />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {option.label}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Stateless column-visibility selector: a neutral icon button (matching\n * {@link FilterTrigger}/{@link SortByDropdown}) opening a checkbox list of the\n * hideable columns. Purely presentational — the caller owns the visibility state\n * and is notified via `onToggle`. The menu stays open while toggling so several\n * columns can be flipped at once.\n */\nexport function ColumnsMenu({\n  columns,\n  onToggle,\n  title = 'Columns',\n  ariaLabel = 'Toggle columns',\n  'data-testid': testId,\n}: ColumnsMenuProps): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  const close = (): void => setAnchorEl(null);\n\n  return (\n    <>\n      <IconButton\n        size=\"small\"\n        data-testid={testId}\n        aria-label={ariaLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: 1,\n          color: 'text.secondary',\n          bgcolor: open ? 'action.selected' : 'transparent',\n        }}\n      >\n        <ColumnsIcon sx={{ fontSize: 16 }} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n        slotProps={{ paper: { sx: { minWidth: 200 } } }}\n      >\n        <ListSubheader sx={{ px: 1.5, py: 0.75, fontSize: '0.75rem', fontWeight: 600, color: 'text.primary', lineHeight: 1.5 }}>\n          {title}\n        </ListSubheader>\n        {columns.map((option) => (\n          <ColumnRow\n            key={option.id}\n            option={option}\n            onToggle={onToggle}\n            testId={testId ? `${testId}-${option.id}` : undefined}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n}\n"],"mappings":";AAEA,OAAO,iBAAiB;AACxB,SAAS,KAAK,UAAU,YAAY,eAAe,MAAM,gBAAgB;AACzE,SAAgB,gBAAgB;AAe5B,SAuCA,UAjCE,KANF;AAVJ,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,SAAS,MAAM,SAAS,OAAO,IAAI,CAAC,OAAO,OAAO;AAAA,MAClD,UAAU,OAAO;AAAA,MACjB,IAAI,EAAE,KAAK,EAAE;AAAA,MAEb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO;AAAA,YAChB,MAAK;AAAA,YACL,eAAa;AAAA,YACb,IAAI,EAAE,GAAG,GAAG,eAAe,OAAO;AAAA,YAClC,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,OAAO,GACjE,iBAAO,OACV;AAAA;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB,GAAwC;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,QAAQ,MAAY,YAAY,IAAI;AAE1C,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,CAAC,UAAU,YAAY,MAAM,aAAa;AAAA,QACnD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,OAAO;AAAA,UACP,SAAS,OAAO,oBAAoB;AAAA,QACtC;AAAA,QAEA,8BAAC,eAAY,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE;AAAA,QAE9C;AAAA,8BAAC,iBAAc,IAAI,EAAE,IAAI,KAAK,IAAI,MAAM,UAAU,WAAW,YAAY,KAAK,OAAO,gBAAgB,YAAY,IAAI,GAClH,iBACH;AAAA,UACC,QAAQ,IAAI,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA,QAAQ,SAAS,GAAG,MAAM,IAAI,OAAO,EAAE,KAAK;AAAA;AAAA,YAHvC,OAAO;AAAA,UAId,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-IR4FEROD.js

@@ -1,34 +0,0 @@
-// src/components/data-display/MapPreview/mapSurface.ts
-import { alpha } from "@mui/material";
-var greyGradient = (theme, from, to, opacity = 1) => {
-  const shade = (key) => alpha(theme.palette.grey[key], opacity);
-  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;
-};
-var surfaceBackground = (mapType, theme) => {
-  if (mapType === "satellite") return greyGradient(theme, 900, 800);
-  if (mapType === "terrain") {
-    return `linear-gradient(135deg, ${alpha("#8BC34A", 0.2)} 0%, ${alpha("#4CAF50", 0.3)} 100%)`;
-  }
-  if (theme.palette.mode === "dark") return greyGradient(theme, 900, 800);
-  return greyGradient(theme, 100, 200);
-};
-var tileBackground = (mapType, theme) => {
-  if (mapType === "satellite") {
-    return `linear-gradient(135deg, ${alpha("#1a1a1a", 0.9)} 0%, ${alpha("#2a2a2a", 0.9)} 100%)`;
-  }
-  if (mapType === "terrain") {
-    return `linear-gradient(135deg, ${alpha("#7cb342", 0.1)} 0%, ${alpha("#558b2f", 0.1)} 100%)`;
-  }
-  return greyGradient(theme, 100, 200, 0.5);
-};
-var BOUNCE_KEYFRAMES = {
-  "0%, 100%": { transform: "translateY(0)" },
-  "50%": { transform: "translateY(-10px)" }
-};
-
-export {
-  surfaceBackground,
-  tileBackground,
-  BOUNCE_KEYFRAMES
-};
-//# sourceMappingURL=chunk-IR4FEROD.js.map

package/dist/chunk-IR4FEROD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/MapPreview/mapSurface.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { MapType } from './MapPreview.types';\n\ntype GreyShade = keyof Theme['palette']['grey'];\n\nconst greyGradient = (theme: Theme, from: GreyShade, to: GreyShade, opacity = 1): string => {\n  const shade = (key: GreyShade) => alpha(theme.palette.grey[key], opacity);\n  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;\n};\n\n// The backdrop behind the tiles: dark for satellite, green for terrain, and\n// grey for road maps, following the theme's own light/dark choice.\nexport const surfaceBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') return greyGradient(theme, 900, 800);\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#8BC34A', 0.2)} 0%, ${alpha('#4CAF50', 0.3)} 100%)`;\n  }\n  if (theme.palette.mode === 'dark') return greyGradient(theme, 900, 800);\n  return greyGradient(theme, 100, 200);\n};\n\nexport const tileBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') {\n    return `linear-gradient(135deg, ${alpha('#1a1a1a', 0.9)} 0%, ${alpha('#2a2a2a', 0.9)} 100%)`;\n  }\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#7cb342', 0.1)} 0%, ${alpha('#558b2f', 0.1)} 100%)`;\n  }\n  return greyGradient(theme, 100, 200, 0.5);\n};\n\nexport const BOUNCE_KEYFRAMES = {\n  '0%, 100%': { transform: 'translateY(0)' },\n  '50%': { transform: 'translateY(-10px)' },\n} as const;\n"],"mappings":";AACA,SAAS,aAAa;AAMtB,IAAM,eAAe,CAAC,OAAc,MAAiB,IAAe,UAAU,MAAc;AAC1F,QAAM,QAAQ,CAAC,QAAmB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAO;AACxE,SAAO,2BAA2B,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE,CAAC;AAChE;AAIO,IAAM,oBAAoB,CAAC,SAAkB,UAAyB;AAC3E,MAAI,YAAY,YAAa,QAAO,aAAa,OAAO,KAAK,GAAG;AAChE,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,MAAM,QAAQ,SAAS,OAAQ,QAAO,aAAa,OAAO,KAAK,GAAG;AACtE,SAAO,aAAa,OAAO,KAAK,GAAG;AACrC;AAEO,IAAM,iBAAiB,CAAC,SAAkB,UAAyB;AACxE,MAAI,YAAY,aAAa;AAC3B,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,SAAO,aAAa,OAAO,KAAK,KAAK,GAAG;AAC1C;AAEO,IAAM,mBAAmB;AAAA,EAC9B,YAAY,EAAE,WAAW,gBAAgB;AAAA,EACzC,OAAO,EAAE,WAAW,oBAAoB;AAC1C;","names":[]}