@12-apps/ui 6.43.1 → 6.44.0

package/dist/{chunk-652PYSML.js → chunk-HDVEE4NQ.js}

@@ -1,6 +1,10 @@
 import {
   accentFor
-} from "./chunk-ZSTSISM6.js";
+} from "./chunk-FHWXRHMA.js";
+import {
+  chipDensityOverrides,
+  iconButtonDensityOverrides
+} from "./chunk-532XOWZ5.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -141,10 +145,14 @@ function muiThemeOptionsFrom(ui) {
     shape: { borderRadius: ui.radius.md },
     fieldRadius: ui.radius.field,
     fieldHeight: ui.fieldHeight,
-    // Additive: children 2–4 (FUT-2766–2768) each add one more source here as
-    // their own geometry overrides land — this PR wires the merge helper to
-    // `fieldOverrides` alone, since no geometry override exists yet.
-    components: mergeMuiComponents(fieldOverrides(ui.radius.field, ui.fieldHeight)),
+    // Additive: children 3/4 (FUT-2767/2768) each add one more source here as
+    // their own geometry overrides land — this PR (FUT-2766) adds IconButton's
+    // and Chip's.
+    components: mergeMuiComponents(
+      fieldOverrides(ui.radius.field, ui.fieldHeight),
+      iconButtonDensityOverrides(),
+      chipDensityOverrides()
+    ),
     spacing: ui.spacingUnit,
     density: ui.density,
     typography: {
@@ -162,4 +170,4 @@ export {
   uiThemeFromMui,
   muiThemeOptionsFrom
 };
-//# sourceMappingURL=chunk-652PYSML.js.map
+//# sourceMappingURL=chunk-HDVEE4NQ.js.map

package/dist/chunk-HDVEE4NQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/mui-bridge.ts"],"sourcesContent":["import type { PaletteColor, Theme, ThemeOptions } from '@mui/material/styles/index.js';\n\nimport { cssLengthToPx, cssTrackingToEm } from '../tokens/css-units';\nimport { chipDensityOverrides, iconButtonDensityOverrides } from '../tokens/density-overrides';\nimport { densityFontSize, resolveDensityFactor } from '../tokens/density';\nimport { resolveFieldHeight } from '../tokens/field-height.core';\nimport { fieldOverrides, mergeMuiComponents } from '../tokens/field-height';\nimport { fieldRadius } from '../tokens/field-radius';\nimport { accentFor } from '../tokens/scales';\nimport {\n  FONT_WEIGHTS,\n  TYPE_SIZES,\n  WEB_FONT_FAMILY,\n  WEB_MONOSPACE_FONT_FAMILY,\n  type UiHeadingStep,\n  type UiPaletteColor,\n  type UiTheme,\n} from '../tokens/theme';\nimport { HEADING_LEVELS, headingMetrics, type HeadingLevel } from '../tokens/typography';\n\n/**\n * THE TWO DIRECTIONS BETWEEN MUI'S THEME AND OURS. Web only.\n *\n * `uiThemeFromMui` is how a web component — or a shared style resolver such\n * as `box-layout.ts` — reads the host's MUI theme in the neutral shape the\n * native renderer reads natively. `muiThemeOptionsFrom` is the reverse, for\n * a host that has a `UiTheme` and no MUI theme yet: `UiProvider` on the web is\n * a MUI `ThemeProvider` fed by it.\n *\n * Both are field-by-field on purpose. A spread would carry MUI's extra keys\n * across and the native side would silently depend on one.\n */\n\nconst slot = (color: PaletteColor): UiPaletteColor => ({\n  main: color.main,\n  light: color.light,\n  dark: color.dark,\n  contrastText: color.contrastText,\n});\n\nfunction headingSteps(theme: Theme): Record<HeadingLevel, UiHeadingStep> {\n  return Object.fromEntries(\n    HEADING_LEVELS.map((level) => {\n      const metrics = headingMetrics(theme, level);\n      return [\n        level,\n        {\n          fontSize: cssLengthToPx(metrics.fontSize, 16),\n          lineHeight: metrics.lineHeight,\n          letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n          normalWeight: metrics.normalWeight,\n        },\n      ];\n    }),\n  ) as Record<HeadingLevel, UiHeadingStep>;\n}\n\n/** The host's MUI theme in the shape the native renderer reads. */\nexport function uiThemeFromMui(theme: Theme): UiTheme {\n  const { palette } = theme;\n  const unit = cssLengthToPx(theme.spacing(1), 8);\n  const md = cssLengthToPx(theme.shape.borderRadius, 4);\n\n  return {\n    mode: palette.mode,\n    palette: {\n      mode: palette.mode,\n      primary: slot(palette.primary),\n      secondary: slot(palette.secondary),\n      success: slot(palette.success),\n      warning: slot(palette.warning),\n      info: slot(palette.info),\n      danger: slot(palette.error),\n      neutral: accentFor(theme, 'neutral'),\n      text: {\n        primary: palette.text.primary,\n        secondary: palette.text.secondary,\n        disabled: palette.text.disabled,\n      },\n      background: { default: palette.background.default, paper: palette.background.paper },\n      divider: palette.divider,\n      action: {\n        active: palette.action.active,\n        hover: palette.action.hover,\n        selected: palette.action.selected,\n        disabled: palette.action.disabled,\n        disabledBackground: palette.action.disabledBackground,\n        focus: palette.action.focus,\n      },\n      grey: {\n        50: palette.grey[50],\n        100: palette.grey[100],\n        200: palette.grey[200],\n        300: palette.grey[300],\n        400: palette.grey[400],\n        500: palette.grey[500],\n        600: palette.grey[600],\n        700: palette.grey[700],\n        800: palette.grey[800],\n        900: palette.grey[900],\n      },\n    },\n    spacing: (units: number) => units * unit,\n    spacingUnit: unit,\n    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999, field: fieldRadius(theme) },\n    fieldHeight: resolveFieldHeight(theme.fieldHeight),\n    // A bare MUI theme (never built through `createUiTheme`/`muiThemeOptionsFrom`)\n    // carries no `theme.density` — read back as `'normal'`, factor `1`.\n    density: theme.density ?? resolveDensityFactor(),\n    typography: {\n      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,\n      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: headingSteps(theme),\n    },\n    zIndex: {\n      appBar: theme.zIndex.appBar,\n      drawer: theme.zIndex.drawer,\n      modal: theme.zIndex.modal,\n      snackbar: theme.zIndex.snackbar,\n      tooltip: theme.zIndex.tooltip,\n    },\n  };\n}\n\n/** A `UiTheme` as the options MUI's `createTheme` builds the same palette from. */\nexport function muiThemeOptionsFrom(ui: UiTheme): ThemeOptions {\n  const { palette } = ui;\n  return {\n    palette: {\n      mode: palette.mode,\n      primary: { ...palette.primary },\n      secondary: { ...palette.secondary },\n      success: { ...palette.success },\n      warning: { ...palette.warning },\n      info: { ...palette.info },\n      error: { ...palette.danger },\n      text: { ...palette.text },\n      background: { ...palette.background },\n      divider: palette.divider,\n      action: { ...palette.action },\n      grey: { ...palette.grey },\n    },\n    shape: { borderRadius: ui.radius.md },\n    fieldRadius: ui.radius.field,\n    fieldHeight: ui.fieldHeight,\n    // Additive: children 3/4 (FUT-2767/2768) each add one more source here as\n    // their own geometry overrides land — this PR (FUT-2766) adds IconButton's\n    // and Chip's.\n    components: mergeMuiComponents(\n      fieldOverrides(ui.radius.field, ui.fieldHeight),\n      iconButtonDensityOverrides(),\n      chipDensityOverrides(),\n    ),\n    spacing: ui.spacingUnit,\n    density: ui.density,\n    typography: {\n      fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY,\n      // MUI multiplies every `pxToRem` size by `fontSize / 14` — the lever a\n      // density mode moves (`./tokens/relative.ts`). `htmlFontSize` stays\n      // untouched: that is a reader's own zoom/accessibility setting, not this.\n      fontSize: densityFontSize(ui.density.factor),\n    },\n    zIndex: { ...ui.zIndex },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-4MKVGSHX.js → chunk-HN3PZTUK.js}

@@ -1,7 +1,3 @@
-import {
-  actionsOf,
-  makeTestId
-} from "./chunk-MWFSIB6K.js";
 import {
   ACTIONS_GAP_UNITS,
   ACTIONS_MARGIN_TOP_UNITS,
@@ -18,6 +14,10 @@ import {
   illustrationMaxWidth,
   illustrationOpacity
 } from "./chunk-KLPTOVIX.js";
+import {
+  actionsOf,
+  makeTestId
+} from "./chunk-MWFSIB6K.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -204,4 +204,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-4MKVGSHX.js.map
+//# sourceMappingURL=chunk-HN3PZTUK.js.map

package/dist/{chunk-HBP2OU4Q.js → chunk-HNFZLXZI.js}

@@ -1,13 +1,13 @@
+import {
+  useLoadMore,
+  useSentinel
+} from "./chunk-Y2X7LYIN.js";
 import {
   DefaultEndMessage,
   DefaultError,
   DefaultLoader,
   containerStyles
 } from "./chunk-5KNDAC24.js";
-import {
-  useLoadMore,
-  useSentinel
-} from "./chunk-Y2X7LYIN.js";
 import {
   rem,
   remPx
@@ -88,4 +88,4 @@ var InfiniteScroll = ({
 export {
   InfiniteScroll
 };
-//# sourceMappingURL=chunk-HBP2OU4Q.js.map
+//# sourceMappingURL=chunk-HNFZLXZI.js.map

package/dist/{chunk-5FHPZOYK.js → chunk-HOIHO2YQ.js}

@@ -4,7 +4,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-CM2Q7IH3.js";
+} from "./chunk-DTLKF4AX.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-5FHPZOYK.js.map
+//# sourceMappingURL=chunk-HOIHO2YQ.js.map

package/dist/{chunk-3AOOI2NR.js → chunk-HR7YTBR7.js}

@@ -1,3 +1,6 @@
+import {
+  useViewMutations
+} from "./chunk-DZEC6RFM.js";
 import {
   coerceViewState,
   emptyViewState
@@ -5,9 +8,6 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-3AOOI2NR.js.map
+//# sourceMappingURL=chunk-HR7YTBR7.js.map

package/dist/{chunk-PGV2FLE3.js → chunk-IG26N6J2.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-NPPJ3IJP.js";
+} from "./chunk-RRAWJQIO.js";
 import {
   RangeBounds
 } from "./chunk-44USLRMT.js";
@@ -199,4 +199,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-PGV2FLE3.js.map
+//# sourceMappingURL=chunk-IG26N6J2.js.map

package/dist/{chunk-G2WERTWZ.js → chunk-IGGXKT5B.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CX66M55F.js";
 import {
   EmptyState
-} from "./chunk-4MKVGSHX.js";
+} from "./chunk-HN3PZTUK.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-G2WERTWZ.js.map
+//# sourceMappingURL=chunk-IGGXKT5B.js.map

package/dist/{chunk-XLXMJ6X2.js → chunk-IO2X6DVH.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
-} from "./chunk-44Z72DDM.js";
+} from "./chunk-YF3VD2KD.js";
 import {
   barStyles
-} from "./chunk-VYA4QWQL.js";
+} from "./chunk-PJVZY2SA.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-XLXMJ6X2.js.map
+//# sourceMappingURL=chunk-IO2X6DVH.js.map

package/dist/{chunk-3CLBGHTL.js → chunk-ITBUKGG3.js}

@@ -6,7 +6,7 @@ import {
   labelStyles,
   sizeStyles,
   textColor
-} from "./chunk-ANYOSBNA.js";
+} from "./chunk-CSXK7LH7.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -145,4 +145,4 @@ Label.displayName = "Label";
 export {
   Label
 };
-//# sourceMappingURL=chunk-3CLBGHTL.js.map
+//# sourceMappingURL=chunk-ITBUKGG3.js.map

package/dist/{chunk-6IRJAIS4.js → chunk-IXWIJCS3.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-OZPLAOI4.js";
 import {
   Icon
-} from "./chunk-OD3L6GX5.js";
+} from "./chunk-A7OQBAR7.js";
 import {
   Button
 } from "./chunk-K6LNHHSH.js";
@@ -137,4 +137,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-6IRJAIS4.js.map
+//# sourceMappingURL=chunk-IXWIJCS3.js.map

package/dist/{chunk-TMW7RBW7.js → chunk-J6TIK47Z.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-PGV2FLE3.js";
+} from "./chunk-IG26N6J2.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-TMW7RBW7.js.map
+//# sourceMappingURL=chunk-J6TIK47Z.js.map

package/dist/{chunk-G4TKMUOL.js → chunk-JDEKR77O.js}

@@ -1,20 +1,20 @@
 import {
   FleetBody
-} from "./chunk-XO4ZUHVH.js";
-import {
-  useFleetMap
-} from "./chunk-ZCPSND5Y.js";
+} from "./chunk-CYPBF3BI.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
   FLEET_PANEL
 } from "./chunk-BTQZ3EX3.js";
+import {
+  useFleetMap
+} from "./chunk-ZCPSND5Y.js";
 import {
   SR_ONLY_SX
-} from "./chunk-ANYOSBNA.js";
+} from "./chunk-CSXK7LH7.js";
 import {
   EmptyState
-} from "./chunk-4MKVGSHX.js";
+} from "./chunk-HN3PZTUK.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-G4TKMUOL.js.map
+//# sourceMappingURL=chunk-JDEKR77O.js.map

package/dist/{chunk-Y2C2S4R7.js → chunk-JHW62I7Z.js}

@@ -1,11 +1,12 @@
 import {
   StepRow
-} from "./chunk-7OO3BELX.js";
+} from "./chunk-Y6RSQEOU.js";
 import {
+  progressValueRange,
   progressValueText,
   resolveWorkflowStepProps,
   withDerivedStatus
-} from "./chunk-RXNIOPOA.js";
+} from "./chunk-TM5QQJTF.js";
 
 // src/components/utility/WorkflowStep/WorkflowStep.tsx
 import Box from "@mui/material/Box/index.js";
@@ -57,6 +58,7 @@ var WorkflowStep = forwardRef((rawProps, ref) => {
     () => withDerivedStatus(steps, currentStep),
     [steps, currentStep]
   );
+  const { max: valueMax, now: valueNow } = progressValueRange(steps, currentStep);
   return /* @__PURE__ */ jsx(
     StepContainer,
     {
@@ -67,8 +69,8 @@ var WorkflowStep = forwardRef((rawProps, ref) => {
       style,
       role: "progressbar",
       "aria-valuemin": 0,
-      "aria-valuemax": steps.length - 1,
-      "aria-valuenow": currentStep,
+      "aria-valuemax": valueMax,
+      "aria-valuenow": valueNow,
       "aria-valuetext": progressValueText(steps, currentStep),
       "data-testid": dataTestId,
       ...other,
@@ -105,4 +107,4 @@ export {
   WorkflowStep,
   WorkflowStep_default
 };
-//# sourceMappingURL=chunk-Y2C2S4R7.js.map
+//# sourceMappingURL=chunk-JHW62I7Z.js.map

package/dist/chunk-JHW62I7Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { progressValueRange, progressValueText, resolveWorkflowStepProps, withDerivedStatus } from './WorkflowStep.helpers';\nimport { StepRow } from './WorkflowStepRow';\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\n// Styled Components\nconst StepContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, variant }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  gap: orientation === 'vertical' ? theme.spacing(2) : theme.spacing(1),\n  width: '100%',\n  position: 'relative',\n  \n  // Variant-specific styles\n  ...(variant === 'minimal' && {\n    gap: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  }),\n}));\n\n/**\n * WorkflowStep component for displaying multi-step workflows with visual progression\n */\nexport const WorkflowStep = forwardRef<HTMLDivElement, WorkflowStepProps>((rawProps, ref) => {\n  const {\n    steps,\n    currentStep,\n    variant,\n    orientation,\n    color,\n    size,\n    showProgress,\n    animated,\n    interactive,\n    showNumbers,\n    showIcons,\n    completedIcon,\n    errorIcon,\n    onStepClick,\n    disabled,\n    className,\n    style,\n    'data-testid': dataTestId,\n    ...other\n  } = resolveWorkflowStepProps(rawProps);\n  const handleStepClick = useCallback((stepIndex: number, step: WorkflowStepItem) => {\n    if (onStepClick && !disabled && !step.disabled) {\n      onStepClick(stepIndex, step);\n    }\n  }, [onStepClick, disabled]);\n\n  const stepsWithStatus = useMemo(\n    () => withDerivedStatus(steps, currentStep),\n    [steps, currentStep],\n  );\n\n  const { max: valueMax, now: valueNow } = progressValueRange(steps, currentStep);\n\n  return (\n    <StepContainer\n      ref={ref}\n      orientation={orientation}\n      variant={variant}\n      className={className}\n      style={style}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={valueMax}\n      aria-valuenow={valueNow}\n      aria-valuetext={progressValueText(steps, currentStep)}\n      data-testid={dataTestId}\n      {...other}\n    >\n      {stepsWithStatus.map((step, index) => (\n        <StepRow\n          key={index}\n          step={step}\n          index={index}\n          isLast={index === steps.length - 1}\n          orientation={orientation}\n          variant={variant}\n          color={color}\n          size={size}\n          showNumbers={showNumbers}\n          showIcons={showIcons}\n          showProgress={showProgress}\n          completedIcon={completedIcon}\n          errorIcon={errorIcon}\n          interactive={interactive}\n          animated={animated}\n          disabled={disabled}\n          onClick={handleStepClick}\n          dataTestId={dataTestId}\n        />\n      ))}\n    </StepContainer>\n  );\n});\n\nWorkflowStep.displayName = 'WorkflowStep';\n\nexport default WorkflowStep;"],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,cAAc;AACvB,SAAgB,YAAY,aAAa,eAAe;AAgFhD;AAzER,IAAM,gBAAgB,OAAO,KAAK;AAAA,EAChC,mBAAmB,CAAC,SAAS,CAAC,CAAC,eAAe,SAAS,EAAE,SAAS,IAAc;AAClF,CAAC,EAGE,CAAC,EAAE,OAAO,aAAa,QAAQ,OAAO;AAAA,EACvC,SAAS;AAAA,EACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,EACvD,YAAY,gBAAgB,aAAa,eAAe;AAAA,EACxD,KAAK,gBAAgB,aAAa,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,CAAC;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA;AAAA,EAGV,GAAI,YAAY,aAAa;AAAA,IAC3B,KAAK,gBAAgB,aAAa,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,GAAG;AAAA,EACxE;AACF,EAAE;AAKK,IAAM,eAAe,WAA8C,CAAC,UAAU,QAAQ;AAC3F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI,yBAAyB,QAAQ;AACrC,QAAM,kBAAkB,YAAY,CAAC,WAAmB,SAA2B;AACjF,QAAI,eAAe,CAAC,YAAY,CAAC,KAAK,UAAU;AAC9C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,kBAAkB;AAAA,IACtB,MAAM,kBAAkB,OAAO,WAAW;AAAA,IAC1C,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,QAAM,EAAE,KAAK,UAAU,KAAK,SAAS,IAAI,mBAAmB,OAAO,WAAW;AAE9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,kBAAkB,OAAO,WAAW;AAAA,MACpD,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BAAgB,IAAI,CAAC,MAAM,UAC1B;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA;AAAA,QAjBK;AAAA,MAkBP,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-ITFFA3H2.js → chunk-JYLBVHG2.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
-} from "./chunk-MM5XSAVE.js";
+} from "./chunk-YDIRPKYI.js";
 import {
   badgeStyles,
   getAnchorOrigin
-} from "./chunk-7LILFS72.js";
+} from "./chunk-EOKPFMJD.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-ITFFA3H2.js.map
+//# sourceMappingURL=chunk-JYLBVHG2.js.map

package/dist/{chunk-G7XHJPLO.js → chunk-JZ7ZRZTF.js}

@@ -1,15 +1,15 @@
 import {
   Sheet
-} from "./chunk-SDBBJ6FG.js";
+} from "./chunk-PUYJVQ7X.js";
 import {
   Dialog
-} from "./chunk-CM2Q7IH3.js";
+} from "./chunk-DTLKF4AX.js";
 import {
   Button
 } from "./chunk-K6LNHHSH.js";
 import {
   accentFor
-} from "./chunk-ZSTSISM6.js";
+} from "./chunk-FHWXRHMA.js";
 import {
   rem,
   sxRem
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-G7XHJPLO.js.map
+//# sourceMappingURL=chunk-JZ7ZRZTF.js.map

package/dist/{chunk-YTVXT5TD.js → chunk-K5CCQBNN.js}

@@ -4,17 +4,17 @@ import {
 } from "./chunk-BM4KKGL7.js";
 import {
   MoreFilters
-} from "./chunk-TMW7RBW7.js";
+} from "./chunk-J6TIK47Z.js";
 import {
   PillControl
-} from "./chunk-NPPJ3IJP.js";
+} from "./chunk-RRAWJQIO.js";
+import {
+  RangePill
+} from "./chunk-44USLRMT.js";
 import {
   CollapsedSearch,
   InlineKeyword
 } from "./chunk-4UVFPORR.js";
-import {
-  RangePill
-} from "./chunk-44USLRMT.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-YTVXT5TD.js.map
+//# sourceMappingURL=chunk-K5CCQBNN.js.map

package/dist/{chunk-AOFI3GDS.js → chunk-KMC6WP66.js}

@@ -2,19 +2,19 @@ import {
   DiscloseSlot,
   DragSlot,
   SelectSlot
-} from "./chunk-GZT7MLLO.js";
+} from "./chunk-B2ZITMYG.js";
 import {
   actionProps,
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-5PJM772Y.js";
+} from "./chunk-XLQYOBHP.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-4Z2HIHA5.js";
+} from "./chunk-KRA75CKC.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-K4EKTMTC.js";
 import {
   cellRailsTemplate
-} from "./chunk-TCMH3FXD.js";
+} from "./chunk-XTDJ2D5A.js";
 import {
   ListCardCells,
   cellTracks,
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-AOFI3GDS.js.map
+//# sourceMappingURL=chunk-KMC6WP66.js.map

package/dist/{chunk-K62RHTFB.js → chunk-KNAWZM7F.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XZTRZ3HO.js";
 import {
   muiThemeOptionsFrom
-} from "./chunk-652PYSML.js";
+} from "./chunk-HDVEE4NQ.js";
 import {
   createUiTheme
 } from "./chunk-6WZUZHJM.js";
@@ -22,4 +22,4 @@ UiProvider.displayName = "UiProvider";
 export {
   UiProvider
 };
-//# sourceMappingURL=chunk-K62RHTFB.js.map
+//# sourceMappingURL=chunk-KNAWZM7F.js.map

package/dist/{chunk-4Z2HIHA5.js → chunk-KRA75CKC.js}

@@ -1,6 +1,6 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-TCMH3FXD.js";
+} from "./chunk-XTDJ2D5A.js";
 import {
   DescriptionItem
 } from "./chunk-DSHM7VN6.js";
@@ -226,4 +226,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-4Z2HIHA5.js.map
+//# sourceMappingURL=chunk-KRA75CKC.js.map

package/dist/{chunk-RHKT2XW2.js → chunk-KUKY5GEX.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-77BKKPCI.js";
+} from "./chunk-6KLDYVRY.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-CM2Q7IH3.js";
+} from "./chunk-DTLKF4AX.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-RHKT2XW2.js.map
+//# sourceMappingURL=chunk-KUKY5GEX.js.map

package/dist/{chunk-HUAQQ5ZL.js → chunk-LHHV6NXO.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   useDensity
-} from "./chunk-DJKVSUXH.js";
+} from "./chunk-2GG5W6LR.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -196,4 +196,4 @@ export {
   useDataViewsLayout,
   DataViewsZoomSlider
 };
-//# sourceMappingURL=chunk-HUAQQ5ZL.js.map
+//# sourceMappingURL=chunk-LHHV6NXO.js.map

package/dist/{chunk-BJGUDLWZ.js → chunk-LRFXCZB4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CKFZQQ6T.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-RWRPF24F.js";
+} from "./chunk-5OS5AMC2.js";
 import {
   renderBulkActions
 } from "./chunk-NQ7NMCRI.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-BJGUDLWZ.js.map
+//# sourceMappingURL=chunk-LRFXCZB4.js.map

package/dist/{chunk-U6W2RY3Z.js → chunk-MLQYIJTO.js}

@@ -1,7 +1,3 @@
-import {
-  resolveTooltipProps,
-  usePinnedTooltip
-} from "./chunk-S5UY5U73.js";
 import {
   arrowColor,
   emphasisStyles,
@@ -9,6 +5,10 @@ import {
   tooltipCap,
   variantStyles
 } from "./chunk-TQCQCW2P.js";
+import {
+  resolveTooltipProps,
+  usePinnedTooltip
+} from "./chunk-S5UY5U73.js";
 
 // src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
@@ -101,4 +101,4 @@ InteractiveTooltip.displayName = "InteractiveTooltip";
 export {
   InteractiveTooltip
 };
-//# sourceMappingURL=chunk-U6W2RY3Z.js.map
+//# sourceMappingURL=chunk-MLQYIJTO.js.map

package/dist/{chunk-GPHURU2K.js → chunk-MSAAOQAD.js}

@@ -1,3 +1,6 @@
+import {
+  CategoryPanelList
+} from "./chunk-TPVSHO75.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
@@ -6,16 +9,13 @@ import {
   CategoryMultiFoot,
   CategorySingleFoot
 } from "./chunk-7KKMZJFT.js";
-import {
-  CategoryQuickActions
-} from "./chunk-PGGYZU7Q.js";
-import {
-  CategoryPanelList
-} from "./chunk-TPVSHO75.js";
 import {
   panelSx,
   sheetSx
 } from "./chunk-Z6T5SXST.js";
+import {
+  CategoryQuickActions
+} from "./chunk-PGGYZU7Q.js";
 import {
   removeChip
 } from "./chunk-PN4HVM43.js";
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-GPHURU2K.js.map
+//# sourceMappingURL=chunk-MSAAOQAD.js.map

package/dist/{chunk-3MJHHPRW.js → chunk-MVR4GURP.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-LGCRL7DK.js";
+} from "./chunk-GP4BJI3F.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-3MJHHPRW.js.map
+//# sourceMappingURL=chunk-MVR4GURP.js.map

package/dist/{chunk-PRLYYKMG.js → chunk-MW7S7WZM.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-IM4DMKH4.js";
 import {
   accentFor
-} from "./chunk-ZSTSISM6.js";
+} from "./chunk-FHWXRHMA.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -200,4 +200,4 @@ var panelSx = (input) => {
 export {
   panelSx
 };
-//# sourceMappingURL=chunk-PRLYYKMG.js.map
+//# sourceMappingURL=chunk-MW7S7WZM.js.map

package/dist/{chunk-ERY6D2OV.js → chunk-MWPXKZ7O.js}

@@ -4,12 +4,12 @@ import {
 import {
   ScrollViewport
 } from "./chunk-BAZXVFLR.js";
-import {
-  ScrollAreaContent
-} from "./chunk-4VMFS3VJ.js";
 import {
   sizeCss
 } from "./chunk-I7GSRTGQ.js";
+import {
+  ScrollAreaContent
+} from "./chunk-4VMFS3VJ.js";
 import {
   rem,
   remPx,
@@ -249,4 +249,4 @@ var ScrollArea = (componentProps) => {
 export {
   ScrollArea
 };
-//# sourceMappingURL=chunk-ERY6D2OV.js.map
+//# sourceMappingURL=chunk-MWPXKZ7O.js.map

package/dist/{chunk-ZUME25DS.js → chunk-NM2FLCPV.js}

@@ -1,9 +1,9 @@
 import {
   NavigationMegaSection
-} from "./chunk-FY6PONLA.js";
+} from "./chunk-WSYPM3SR.js";
 import {
   NavigationStandardBody
-} from "./chunk-FBUCXTA4.js";
+} from "./chunk-6DMUVVON.js";
 import {
   LogoBar,
   NavigationShell
@@ -173,4 +173,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-ZUME25DS.js.map
+//# sourceMappingURL=chunk-NM2FLCPV.js.map