@12-apps/ui 6.52.1 → 6.54.0

package/dist/{chunk-QHXMNSOZ.js → chunk-6L6VXRLJ.js}

@@ -1,6 +1,6 @@
 import {
   FleetBody
-} from "./chunk-SCCE6VWY.js";
+} from "./chunk-N2Z7NHD5.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-QHXMNSOZ.js.map
+//# sourceMappingURL=chunk-6L6VXRLJ.js.map

package/dist/{chunk-VVFASSFY.js → chunk-6VGB4OX2.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-4XET5MWR.js";
+} from "./chunk-KKE4SHRS.js";
 import {
   RangeBounds
-} from "./chunk-2OTBMU5Z.js";
+} from "./chunk-44LYXLW7.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -199,4 +199,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-VVFASSFY.js.map
+//# sourceMappingURL=chunk-6VGB4OX2.js.map

package/dist/{chunk-FRP7NM6X.js → chunk-6WZUKV55.js}

@@ -1,6 +1,6 @@
 import {
   Sheet
-} from "./chunk-LZQQ4JXY.js";
+} from "./chunk-HGVPPJKE.js";
 import {
   Dialog
 } from "./chunk-MQ277OLB.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-FRP7NM6X.js.map
+//# sourceMappingURL=chunk-6WZUKV55.js.map

package/dist/{chunk-QEINKMMX.js → chunk-7C763T3K.js}

@@ -4,7 +4,7 @@ import {
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-R6SBP5M5.js";
+} from "./chunk-GOWBYHYW.js";
 import {
   accentFor
 } from "./chunk-3IPPMWUA.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-QEINKMMX.js.map
+//# sourceMappingURL=chunk-7C763T3K.js.map

package/dist/{chunk-PARTZ7XI.js → chunk-7JKDB5J5.js}

@@ -1,12 +1,12 @@
-import {
-  useCalendar
-} from "./chunk-ISW5K72V.js";
 import {
   resolveCalendarProps
 } from "./chunk-SUALMVL7.js";
 import {
   CalendarMonth
 } from "./chunk-AG3DY5TH.js";
+import {
+  useCalendar
+} from "./chunk-2ZRZTGWP.js";
 import {
   rem,
   sxRem
@@ -87,4 +87,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-PARTZ7XI.js.map
+//# sourceMappingURL=chunk-7JKDB5J5.js.map

package/dist/{chunk-G5XHAN56.js → chunk-7WWPKA7Y.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-67LNVBFO.js";
 import {
   DataViewsGrid
-} from "./chunk-MLDA44NW.js";
+} from "./chunk-VGXSPUTD.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-HCEJT65A.js";
+} from "./chunk-HKD4TDZP.js";
 import {
   useSavedViewsController
 } from "./chunk-HR7YTBR7.js";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-G5XHAN56.js.map
+//# sourceMappingURL=chunk-7WWPKA7Y.js.map

package/dist/{chunk-3U7WKBMH.js → chunk-AA2X5GOT.js}

@@ -12,11 +12,13 @@ var EN_US_SETTING_CARD_COPY = {
   save: "Save",
   saving: "Saving\u2026",
   learnMore: "Learn more",
-  saveFailed: "Could not save. Please try again."
+  saveFailed: "Could not save. Please try again.",
+  moreInfo: "Show the full text"
 };
 var EN_US_SETTING_SWITCH_COPY = {
   saving: "Saving\u2026",
-  saveFailed: "Could not save. Please try again."
+  saveFailed: "Could not save. Please try again.",
+  moreInfo: "Show the full text"
 };
 
 export {
@@ -24,4 +26,4 @@ export {
   EN_US_SETTING_CARD_COPY,
   EN_US_SETTING_SWITCH_COPY
 };
-//# sourceMappingURL=chunk-3U7WKBMH.js.map
+//# sourceMappingURL=chunk-AA2X5GOT.js.map

package/dist/{chunk-3U7WKBMH.js.map → chunk-AA2X5GOT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/en-US.layout.ts"],"sourcesContent":["/**\n * The en-US pack for the layout family. Split the same way `pt-BR.layout.ts`\n * is — see `en-US.ts` for why the packs live in per-family files.\n */\nimport type {\n  SettingCardCopy,\n  SettingSwitchCopy,\n  TableFilterCopy,\n} from './copy';\n\nexport const EN_US_TABLE_FILTER_COPY: TableFilterCopy = {\n  clearAllFilters: \"Clear all filters\",\n  clearKeyword: \"Clear the search\",\n  invalidRange: \"The maximum must be greater than or equal to the minimum.\",\n  rangeMin: \"Minimum\",\n  rangeMax: \"Maximum\",\n};\n\nexport const EN_US_SETTING_CARD_COPY: SettingCardCopy = {\n  edit: \"Edit\",\n  cancel: \"Cancel\",\n  save: \"Save\",\n  saving: \"Saving…\",\n  learnMore: \"Learn more\",\n  saveFailed: \"Could not save. Please try again.\",\n};\n\nexport const EN_US_SETTING_SWITCH_COPY: SettingSwitchCopy = {\n  saving: \"Saving…\",\n  saveFailed: \"Could not save. Please try again.\",\n};\n"],"mappings":";AAUO,IAAM,0BAA2C;AAAA,EACtD,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,IAAM,0BAA2C;AAAA,EACtD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAEO,IAAM,4BAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,YAAY;AACd;","names":[]}
+{"version":3,"sources":["../src/en-US.layout.ts"],"sourcesContent":["/**\n * The en-US pack for the layout family. Split the same way `pt-BR.layout.ts`\n * is — see `en-US.ts` for why the packs live in per-family files.\n */\nimport type {\n  SettingCardCopy,\n  SettingSwitchCopy,\n  TableFilterCopy,\n} from './copy';\n\nexport const EN_US_TABLE_FILTER_COPY: TableFilterCopy = {\n  clearAllFilters: \"Clear all filters\",\n  clearKeyword: \"Clear the search\",\n  invalidRange: \"The maximum must be greater than or equal to the minimum.\",\n  rangeMin: \"Minimum\",\n  rangeMax: \"Maximum\",\n};\n\nexport const EN_US_SETTING_CARD_COPY: SettingCardCopy = {\n  edit: \"Edit\",\n  cancel: \"Cancel\",\n  save: \"Save\",\n  saving: \"Saving…\",\n  learnMore: \"Learn more\",\n  saveFailed: \"Could not save. Please try again.\",\n  moreInfo: \"Show the full text\",\n};\n\nexport const EN_US_SETTING_SWITCH_COPY: SettingSwitchCopy = {\n  saving: \"Saving…\",\n  saveFailed: \"Could not save. Please try again.\",\n  moreInfo: \"Show the full text\",\n};\n"],"mappings":";AAUO,IAAM,0BAA2C;AAAA,EACtD,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,IAAM,0BAA2C;AAAA,EACtD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,IAAM,4BAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AACZ;","names":[]}

package/dist/{chunk-QYV7KLEN.js → chunk-ASGSC5UA.js}

@@ -1,3 +1,6 @@
+import {
+  DEFAULT_QUICK_RANGES
+} from "./chunk-QKLSHNOH.js";
 import {
   useDateRangePicker
 } from "./chunk-J4Z7BOQT.js";
@@ -7,15 +10,12 @@ import {
 import {
   DateRangeFields
 } from "./chunk-C3YDWK5D.js";
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-PARTZ7XI.js";
+} from "./chunk-7JKDB5J5.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-QYV7KLEN.js.map
+//# sourceMappingURL=chunk-ASGSC5UA.js.map

package/dist/{chunk-7GQ2ZZBQ.js → chunk-BCTRC6AR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-NKJSYZEU.js";
+} from "./chunk-V32626FV.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-7GQ2ZZBQ.js.map
+//# sourceMappingURL=chunk-BCTRC6AR.js.map

package/dist/{chunk-XSHWEUDB.js → chunk-BE5Z36XZ.js}

@@ -1,10 +1,10 @@
-import {
-  DENSITY_ROW_PADDING
-} from "./chunk-UHX2LOT2.js";
 import {
   CellConfigProvider,
   cellTracks
 } from "./chunk-COYGTEN5.js";
+import {
+  DENSITY_ROW_PADDING
+} from "./chunk-UHX2LOT2.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-XSHWEUDB.js.map
+//# sourceMappingURL=chunk-BE5Z36XZ.js.map

package/dist/{chunk-IC7GHPMK.js → chunk-BFRVMCQM.js}

@@ -9,7 +9,12 @@ var SETTING_CARD = {
   /** The rule down the left of a group's dependent rows. */
   groupRuleWidth: 2,
   /** The narrowest a grid column gets by default. */
-  gridMinColumnWidth: 320
+  gridMinColumnWidth: 320,
+  /** The widest the [i]'s full-summary tooltip gets. */
+  infoMaxWidth: 360,
+  /** The [i]'s keyboard focus ring: its width, and its gap from the glyph. */
+  infoFocusRingWidth: 2,
+  infoFocusRingOffset: 2
 };
 var SETTING_GRID_GAP_UNITS = 2;
 var SETTING_GROUP_INACTIVE_OPACITY = 0.5;
@@ -19,4 +24,4 @@ export {
   SETTING_GRID_GAP_UNITS,
   SETTING_GROUP_INACTIVE_OPACITY
 };
-//# sourceMappingURL=chunk-IC7GHPMK.js.map
+//# sourceMappingURL=chunk-BFRVMCQM.js.map

package/dist/chunk-BFRVMCQM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.metrics.ts"],"sourcesContent":["/**\n * The setting-card family's lengths, in design px. The web reads every one\n * through `rem(theme, n)`, so they scale with the host's type scale.\n */\nexport const SETTING_CARD = {\n  /** Between the icon and the title. */\n  iconGap: 12,\n  /** The spinner beside a switch while its flip is saving. */\n  spinnerSize: 16,\n  /** How far a group's dependent rows sit in from its main switch. */\n  groupIndent: 24,\n  /** The rule down the left of a group's dependent rows. */\n  groupRuleWidth: 2,\n  /** The narrowest a grid column gets by default. */\n  gridMinColumnWidth: 320,\n  /** The widest the [i]'s full-summary tooltip gets. */\n  infoMaxWidth: 360,\n  /** The [i]'s keyboard focus ring: its width, and its gap from the glyph. */\n  infoFocusRingWidth: 2,\n  infoFocusRingOffset: 2,\n} as const;\n\n/** The grid's default gap, in theme SPACING units (not px): what `sx`'s `gap: 2` means. */\nexport const SETTING_GRID_GAP_UNITS = 2;\n\n/** How faded a group's dependent rows are while the main switch is off. */\nexport const SETTING_GROUP_INACTIVE_OPACITY = 0.5;\n"],"mappings":";AAIO,IAAM,eAAe;AAAA;AAAA,EAE1B,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,aAAa;AAAA;AAAA,EAEb,gBAAgB;AAAA;AAAA,EAEhB,oBAAoB;AAAA;AAAA,EAEpB,cAAc;AAAA;AAAA,EAEd,oBAAoB;AAAA,EACpB,qBAAqB;AACvB;AAGO,IAAM,yBAAyB;AAG/B,IAAM,iCAAiC;","names":[]}

package/dist/{chunk-PM7SI4YT.js → chunk-BJOKL5PQ.js}

@@ -1,6 +1,3 @@
-import {
-  STACK_BREAK
-} from "./chunk-GNHXFJRR.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -8,6 +5,9 @@ import {
   isSelectable,
   slotTestIds
 } from "./chunk-BYH5GPLT.js";
+import {
+  STACK_BREAK
+} from "./chunk-N6EEY7V3.js";
 import {
   useDragItem
 } from "./chunk-K4EKTMTC.js";
@@ -16,7 +16,7 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-XSHWEUDB.js";
+} from "./chunk-BE5Z36XZ.js";
 import {
   DENSITY_ROW_PADDING
 } from "./chunk-UHX2LOT2.js";
@@ -189,4 +189,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-PM7SI4YT.js.map
+//# sourceMappingURL=chunk-BJOKL5PQ.js.map

package/dist/{chunk-PGPPN63I.js → chunk-EMEXXAQI.js}

@@ -1,6 +1,6 @@
 import {
   AvatarView
-} from "./chunk-TNQDSTIA.js";
+} from "./chunk-Y6C4MYZE.js";
 import {
   BORDER_WIDTH,
   GROUP_HOVER,
@@ -175,4 +175,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-PGPPN63I.js.map
+//# sourceMappingURL=chunk-EMEXXAQI.js.map

package/dist/{chunk-JUHNEYCH.js → chunk-GCH7CLM4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-3GVMUASU.js";
+} from "./chunk-HV7HIMMY.js";
 import {
   Dialog,
   DialogContent
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-JUHNEYCH.js.map
+//# sourceMappingURL=chunk-GCH7CLM4.js.map

package/dist/{chunk-R6SBP5M5.js → chunk-GOWBYHYW.js}

@@ -1,10 +1,10 @@
+import {
+  chartValueFormatter
+} from "./chunk-QVWNK4JO.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes
 } from "./chunk-WKUA6P3W.js";
-import {
-  chartValueFormatter
-} from "./chunk-QVWNK4JO.js";
 
 // src/components/data-display/Chart/chart-spec.ts
 var CHART_SEMANTIC_COLORS = [
@@ -149,4 +149,4 @@ export {
   parseChartSpec,
   specToChartProps
 };
-//# sourceMappingURL=chunk-R6SBP5M5.js.map
+//# sourceMappingURL=chunk-GOWBYHYW.js.map

package/dist/{chunk-LZQQ4JXY.js → chunk-HGVPPJKE.js}

@@ -1,16 +1,16 @@
-import {
-  panelSx
-} from "./chunk-TBDAH7WC.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-LYVTJLCF.js";
 import {
   SheetBody
 } from "./chunk-3U3H3BZM.js";
+import {
+  panelSx
+} from "./chunk-TBDAH7WC.js";
 import {
   SheetOverlay
 } from "./chunk-FPVYD7BO.js";
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-56JF5PZK.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-LZQQ4JXY.js.map
+//# sourceMappingURL=chunk-HGVPPJKE.js.map

package/dist/{chunk-HCEJT65A.js → chunk-HKD4TDZP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4E4MSUY5.js";
 import {
   ManageViewsDialog
-} from "./chunk-JUHNEYCH.js";
+} from "./chunk-GCH7CLM4.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-HCEJT65A.js.map
+//# sourceMappingURL=chunk-HKD4TDZP.js.map

package/dist/{chunk-XNBX3M35.js → chunk-HLCEKWFS.js}

@@ -1,10 +1,10 @@
-import {
-  ColumnsTab
-} from "./chunk-4SHMSLFA.js";
 import {
   DisplayTab,
   SortTab
 } from "./chunk-7XSICFOJ.js";
+import {
+  ColumnsTab
+} from "./chunk-4SHMSLFA.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-XNBX3M35.js.map
+//# sourceMappingURL=chunk-HLCEKWFS.js.map

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

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

package/dist/{chunk-V5ZLUJV7.js → chunk-HRMB72E4.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-WUE5EK42.js";
 import {
   PT_BR_TABLE_FILTER_COPY
-} from "./chunk-33L26P4J.js";
+} from "./chunk-3ZKGNEP2.js";
 
 // src/pt-BR.data-display.ts
 var PT_BR_LIGHTBOX_COPY = {
@@ -247,4 +247,4 @@ export {
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-V5ZLUJV7.js.map
+//# sourceMappingURL=chunk-HRMB72E4.js.map

package/dist/{chunk-3GVMUASU.js → chunk-HV7HIMMY.js}

@@ -1,6 +1,6 @@
 import {
   withConfirmation
-} from "./chunk-4WCDMCIS.js";
+} from "./chunk-PI3GPLE2.js";
 import {
   Button
 } from "./chunk-RIZRF5XR.js";
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-3GVMUASU.js.map
+//# sourceMappingURL=chunk-HV7HIMMY.js.map

package/dist/{chunk-CSDVRHUX.js → chunk-HWBKMUMV.js}

@@ -1,12 +1,12 @@
+import {
+  useAutocomplete
+} from "./chunk-SY5FYBAF.js";
 import {
   AutocompleteInput,
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
 } from "./chunk-3IXMIFIT.js";
-import {
-  useAutocomplete
-} from "./chunk-SY5FYBAF.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-CSDVRHUX.js.map
+//# sourceMappingURL=chunk-HWBKMUMV.js.map

package/dist/{chunk-KN3WYEH2.js → chunk-IA6F7DU6.js}

@@ -1,3 +1,6 @@
+import {
+  useHoverCard
+} from "./chunk-Z3USLQQT.js";
 import {
   HoverCardContent
 } from "./chunk-NRIV2CQ2.js";
@@ -8,9 +11,6 @@ import {
   getTransformOrigin,
   sideOf
 } from "./chunk-BSYPPO2I.js";
-import {
-  useHoverCard
-} from "./chunk-Z3USLQQT.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-KN3WYEH2.js.map
+//# sourceMappingURL=chunk-IA6F7DU6.js.map

package/dist/{chunk-BE5FGUJS.js → chunk-IM5SR7G2.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-E6JRPGMN.js";
+} from "./chunk-X3DVZNZH.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-BE5FGUJS.js.map
+//# sourceMappingURL=chunk-IM5SR7G2.js.map

package/dist/chunk-IQQX3NDO.js

@@ -0,0 +1,96 @@
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/AlertDialog/AlertDialog.parts.tsx
+import Button from "@mui/material/Button/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import DialogActions from "@mui/material/DialogActions/index.js";
+import { styled, useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var StyledDialogActions = styled(DialogActions, {
+  shouldForwardProp: (prop) => prop !== "fill"
+})(({ theme, fill }) => ({
+  padding: theme.spacing(2, 3, 3, 3),
+  flexWrap: "wrap-reverse",
+  columnGap: theme.spacing(2),
+  rowGap: theme.spacing(1),
+  ...fill && { "& > .MuiButton-root": { flexGrow: 1 } }
+}));
+var confirmButtonColor = (variant) => variant === "destructive" ? "error" : "primary";
+var buttonLooks = (emphasis, variant) => emphasis === "cancel" ? {
+  cancel: { variant: "contained", color: "primary" },
+  confirm: { variant: "outlined", color: "inherit" }
+} : {
+  cancel: { variant: "outlined", color: "inherit" },
+  confirm: { variant: "contained", color: confirmButtonColor(variant) }
+};
+var effectiveEmphasis = (emphasis, showCancel) => emphasis === "cancel" && showCancel ? "cancel" : "confirm";
+var focusesCancel = (initialFocus, emphasis) => (initialFocus ?? emphasis) === "cancel";
+var inSlotOrder = (emphasis, cancel, confirm) => emphasis === "cancel" ? [confirm, cancel] : [cancel, confirm];
+function AlertDialogFooter({
+  variant,
+  cancelText = "Cancel",
+  confirmText = "Confirm",
+  showCancel = true,
+  loading = false,
+  confirmDisabled = false,
+  initialFocus,
+  emphasis: asked,
+  onCancel,
+  onConfirm,
+  dataTestId
+}) {
+  const theme = useTheme();
+  const emphasis = effectiveEmphasis(asked, showCancel);
+  const look = buttonLooks(emphasis, variant);
+  const cancelFocused = focusesCancel(initialFocus, emphasis);
+  const cancel = showCancel && /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: onCancel,
+      variant: look.cancel.variant,
+      color: look.cancel.color,
+      disabled: loading,
+      autoFocus: cancelFocused,
+      "data-testid": `${dataTestId}-cancel-button`,
+      children: cancelText
+    },
+    "cancel"
+  );
+  const confirm = /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: onConfirm,
+      variant: look.confirm.variant,
+      color: look.confirm.color,
+      disabled: confirmDisabled || loading,
+      startIcon: loading ? /* @__PURE__ */ jsx(
+        CircularProgress,
+        {
+          size: rem(theme, 16),
+          color: "inherit",
+          "data-testid": `${dataTestId}-loading-spinner`
+        }
+      ) : void 0,
+      autoFocus: !cancelFocused,
+      "data-testid": `${dataTestId}-confirm-button`,
+      children: confirmText
+    },
+    "confirm"
+  );
+  return /* @__PURE__ */ jsx(
+    StyledDialogActions,
+    {
+      disableSpacing: true,
+      fill: emphasis === "cancel",
+      "data-testid": `${dataTestId}-actions`,
+      children: inSlotOrder(emphasis, cancel, confirm)
+    }
+  );
+}
+
+export {
+  AlertDialogFooter
+};
+//# sourceMappingURL=chunk-IQQX3NDO.js.map

package/dist/chunk-IQQX3NDO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"sourcesContent":["/**\n * The AlertDialog's action row, kept apart from the dialog shell so each stays\n * inside the complexity budget: which button is filled, where each one sits,\n * and how the row wraps.\n */\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nimport type { AlertDialogProps } from './AlertDialog.types';\n\n/**\n * The action row WRAPS WHOLE BUTTONS; it never breaks a label inside one. A pair\n * that did not fit side by side used to squeeze the longer label onto two\n * lines, so one button stood twice as tall as its neighbour. Now the row breaks\n * instead. `wrap-reverse` puts the LAST button — the primary, whichever\n * `emphasis` picks — on top when it stacks, the same slot it holds on the right\n * when the row fits. A pair that fits is laid out exactly as before: natural\n * widths, pushed to the right.\n *\n * `fill` — set only by `emphasis=\"cancel\"` — lets the buttons grow to share the\n * row, and so to take the full width of their line once it stacks. It is not\n * the default because growing also stretches a pair that fits, which would\n * redraw every existing dialog's footer.\n *\n * Rendered with `disableSpacing`: MUI's own spacing is a left margin on every\n * button after the first, which would indent a button that wrapped onto a line\n * of its own. The gaps below replace it, at the same 16px across.\n */\nconst StyledDialogActions = styled(DialogActions, {\n  shouldForwardProp: (prop) => prop !== 'fill',\n})<{ fill: boolean }>(({ theme, fill }) => ({\n  padding: theme.spacing(2, 3, 3, 3),\n  flexWrap: 'wrap-reverse',\n  columnGap: theme.spacing(2),\n  rowGap: theme.spacing(1),\n  ...(fill && { '& > .MuiButton-root': { flexGrow: 1 } }),\n}));\n\nconst confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>\n  variant === 'destructive' ? 'error' : 'primary';\n\ninterface ButtonLook {\n  variant: ButtonProps['variant'];\n  color: ButtonProps['color'];\n}\n\n/**\n * How each button is drawn, by `emphasis`: the emphasised one is filled, the\n * other a NEUTRAL outline. Primary / neutral both ways round — a confirm that\n * steps down drops the variant's colour too, so the one filled button is the\n * only coloured thing in the row and the eye has a single place to land.\n */\nconst buttonLooks = (\n  emphasis: AlertDialogProps['emphasis'],\n  variant: AlertDialogProps['variant'],\n): { cancel: ButtonLook; confirm: ButtonLook } =>\n  emphasis === 'cancel'\n    ? {\n        cancel: { variant: 'contained', color: 'primary' },\n        confirm: { variant: 'outlined', color: 'inherit' },\n      }\n    : {\n        cancel: { variant: 'outlined', color: 'inherit' },\n        confirm: { variant: 'contained', color: confirmButtonColor(variant) },\n      };\n\n/**\n * The emphasis that applies: `cancel` only while the cancel is shown. A hidden\n * cancel with the confirm stepped down would leave a dialog with no primary.\n */\nconst effectiveEmphasis = (\n  emphasis: AlertDialogProps['emphasis'],\n  showCancel: boolean,\n): NonNullable<AlertDialogProps['emphasis']> =>\n  emphasis === 'cancel' && showCancel ? 'cancel' : 'confirm';\n\n/**\n * Whether the cancel owns focus on open: what `initialFocus` says, and when it\n * says nothing, the emphasised button — so Enter on a steered question keeps\n * the work instead of completing the loss.\n */\nconst focusesCancel = (\n  initialFocus: AlertDialogProps['initialFocus'],\n  emphasis: NonNullable<AlertDialogProps['emphasis']>,\n): boolean => (initialFocus ?? emphasis) === 'cancel';\n\n/** The two buttons in slot order: the emphasised one LAST, the primary slot. */\nconst inSlotOrder = (\n  emphasis: AlertDialogProps['emphasis'],\n  cancel: React.ReactNode,\n  confirm: React.ReactNode,\n): React.ReactNode[] => (emphasis === 'cancel' ? [confirm, cancel] : [cancel, confirm]);\n\n/**\n * Action row: the optional cancel button and the (variant-coloured) confirm,\n * with the emphasised one LAST — the primary slot, on the right or, once the\n * row stacks, on top. DOM order is the tab order, so it follows the same rule.\n */\nexport function AlertDialogFooter({\n  variant,\n  cancelText = 'Cancel',\n  confirmText = 'Confirm',\n  showCancel = true,\n  loading = false,\n  confirmDisabled = false,\n  initialFocus,\n  emphasis: asked,\n  onCancel,\n  onConfirm,\n  dataTestId,\n}: Pick<\n  AlertDialogProps,\n  | 'variant'\n  | 'cancelText'\n  | 'confirmText'\n  | 'showCancel'\n  | 'loading'\n  | 'confirmDisabled'\n  | 'initialFocus'\n  | 'emphasis'\n> & {\n  onCancel: () => void;\n  onConfirm: () => void;\n  dataTestId: string;\n}): React.ReactElement {\n  const theme = useTheme();\n  const emphasis = effectiveEmphasis(asked, showCancel);\n  const look = buttonLooks(emphasis, variant);\n  const cancelFocused = focusesCancel(initialFocus, emphasis);\n  const cancel = showCancel && (\n    <Button\n      key=\"cancel\"\n      onClick={onCancel}\n      variant={look.cancel.variant}\n      color={look.cancel.color}\n      disabled={loading}\n      autoFocus={cancelFocused}\n      data-testid={`${dataTestId}-cancel-button`}\n    >\n      {cancelText}\n    </Button>\n  );\n  const confirm = (\n    <Button\n      key=\"confirm\"\n      onClick={onConfirm}\n      variant={look.confirm.variant}\n      color={look.confirm.color}\n      disabled={confirmDisabled || loading}\n      startIcon={\n        loading ? (\n          <CircularProgress\n            size={rem(theme, 16)}\n            color=\"inherit\"\n            data-testid={`${dataTestId}-loading-spinner`}\n          />\n        ) : undefined\n      }\n      autoFocus={!cancelFocused}\n      data-testid={`${dataTestId}-confirm-button`}\n    >\n      {confirmText}\n    </Button>\n  );\n  return (\n    <StyledDialogActions\n      disableSpacing\n      fill={emphasis === 'cancel'}\n      data-testid={`${dataTestId}-actions`}\n    >\n      {inSlotOrder(emphasis, cancel, confirm)}\n    </StyledDialogActions>\n  );\n}\n"],"mappings":";;;;;AAMA,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,SAAS,QAAQ,gBAAgB;AA+H7B;AAtGJ,IAAM,sBAAsB,OAAO,eAAe;AAAA,EAChD,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAAqB,CAAC,EAAE,OAAO,KAAK,OAAO;AAAA,EAC1C,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,EACjC,UAAU;AAAA,EACV,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,GAAI,QAAQ,EAAE,uBAAuB,EAAE,UAAU,EAAE,EAAE;AACvD,EAAE;AAEF,IAAM,qBAAqB,CAAC,YAC1B,YAAY,gBAAgB,UAAU;AAaxC,IAAM,cAAc,CAClB,UACA,YAEA,aAAa,WACT;AAAA,EACE,QAAQ,EAAE,SAAS,aAAa,OAAO,UAAU;AAAA,EACjD,SAAS,EAAE,SAAS,YAAY,OAAO,UAAU;AACnD,IACA;AAAA,EACE,QAAQ,EAAE,SAAS,YAAY,OAAO,UAAU;AAAA,EAChD,SAAS,EAAE,SAAS,aAAa,OAAO,mBAAmB,OAAO,EAAE;AACtE;AAMN,IAAM,oBAAoB,CACxB,UACA,eAEA,aAAa,YAAY,aAAa,WAAW;AAOnD,IAAM,gBAAgB,CACpB,cACA,cACa,gBAAgB,cAAc;AAG7C,IAAM,cAAc,CAClB,UACA,QACA,YACuB,aAAa,WAAW,CAAC,SAAS,MAAM,IAAI,CAAC,QAAQ,OAAO;AAO9E,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAcuB;AACrB,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,kBAAkB,OAAO,UAAU;AACpD,QAAM,OAAO,YAAY,UAAU,OAAO;AAC1C,QAAM,gBAAgB,cAAc,cAAc,QAAQ;AAC1D,QAAM,SAAS,cACb;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,OAAO;AAAA,MACrB,OAAO,KAAK,OAAO;AAAA,MACnB,UAAU;AAAA,MACV,WAAW;AAAA,MACX,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IARG;AAAA,EASN;AAEF,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,QAAQ;AAAA,MACtB,OAAO,KAAK,QAAQ;AAAA,MACpB,UAAU,mBAAmB;AAAA,MAC7B,WACE,UACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,IAAI,OAAO,EAAE;AAAA,UACnB,OAAM;AAAA,UACN,eAAa,GAAG,UAAU;AAAA;AAAA,MAC5B,IACE;AAAA,MAEN,WAAW,CAAC;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IAjBG;AAAA,EAkBN;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,MAAM,aAAa;AAAA,MACnB,eAAa,GAAG,UAAU;AAAA,MAEzB,sBAAY,UAAU,QAAQ,OAAO;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/{chunk-PJVDIUT2.js → chunk-IRNKHHQM.js}

@@ -7,12 +7,12 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-DI46ZEWP.js";
+} from "./chunk-Y5QDXG5N.js";
 import {
   flatStyles,
   surfaceStyles,
   withCallerSx
-} from "./chunk-3DO5AJCG.js";
+} from "./chunk-WE2LNTR6.js";
 
 // src/components/layout/SettingCard/SettingToggle.tsx
 import Box from "@mui/material/Box/index.js";
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-PJVDIUT2.js.map
+//# sourceMappingURL=chunk-IRNKHHQM.js.map

package/dist/{chunk-4XET5MWR.js → chunk-KKE4SHRS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-2QUUCEDC.js";
 import {
   CategorySelect
-} from "./chunk-NKJSYZEU.js";
+} from "./chunk-V32626FV.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-4XET5MWR.js.map
+//# sourceMappingURL=chunk-KKE4SHRS.js.map

package/dist/{chunk-ZTTFLIPH.js → chunk-L624DFJV.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-VVFASSFY.js";
+} from "./chunk-6VGB4OX2.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-ZTTFLIPH.js.map
+//# sourceMappingURL=chunk-L624DFJV.js.map