@12-apps/ui 6.63.0 → 6.64.0

package/dist/{chunk-PUNSVPME.js → chunk-RDLZUV2L.js}

@@ -2,7 +2,7 @@ import {
   absoluteInk,
   controlNeutral,
   neutralTones
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -150,4 +150,4 @@ Blockquote.displayName = "Blockquote";
 export {
   Blockquote
 };
-//# sourceMappingURL=chunk-PUNSVPME.js.map
+//# sourceMappingURL=chunk-RDLZUV2L.js.map

package/dist/{chunk-TSHX4Q6M.js → chunk-REEV7CLC.js}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-TP3XKS72.js";
+} from "./chunk-DQJFCVXW.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 
 // src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
 import Box from "@mui/material/Box/index.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-TSHX4Q6M.js.map
+//# sourceMappingURL=chunk-REEV7CLC.js.map

package/dist/{chunk-KPCYYNQQ.js → chunk-RGR6YKK5.js}

@@ -1,9 +1,9 @@
 import {
   Stepper
-} from "./chunk-EK2345YX.js";
+} from "./chunk-KZXOIRUP.js";
 import {
   EmptyState
-} from "./chunk-HN3PZTUK.js";
+} from "./chunk-4MKVGSHX.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-KPCYYNQQ.js.map
+//# sourceMappingURL=chunk-RGR6YKK5.js.map

package/dist/{chunk-PQYXHMED.js → chunk-RIAZPGHT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6KEXHOIF.js";
 import {
   SettingsSectionChips
-} from "./chunk-AG4MGJPQ.js";
+} from "./chunk-F3Q4CMRB.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -167,4 +167,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-PQYXHMED.js.map
+//# sourceMappingURL=chunk-RIAZPGHT.js.map

package/dist/chunk-RLTCU57K.js

@@ -0,0 +1,238 @@
+import {
+  fieldBorder,
+  fieldHeight
+} from "./chunk-RGVNXES5.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
+import {
+  fieldWell,
+  uiInk
+} from "./chunk-XJAD6E3V.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/PickerSheet/PickerSheet.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var METRICS = {
+  dialogWidthPx: 520,
+  dialogMaxHeightPx: 780,
+  dialogRadiusPx: 14,
+  /** The gap a centred dialog keeps from the viewport edge. */
+  dialogMarginPx: 32,
+  sheetRadiusPx: 16,
+  headGapPx: 10,
+  closeButtonPx: 36,
+  controlRadiusPx: 8,
+  bodyPaddingPx: 16,
+  bodyGapPx: 12,
+  listMaxHeightPx: 380,
+  listGapPx: 2,
+  rowPaddingPx: 10,
+  rowMinHeightPx: 44,
+  /** Left padding per level of `indent` (`.pitem.ind{padding-left:28px}` at depth 1). */
+  rowIndentStepPx: 28,
+  checkGlyphPx: 16,
+  closeGlyphPx: 18,
+  searchGlyphPx: 16,
+  /** The magnifier's inset from the field's inner edge, and the gap before the text. */
+  searchGlyphInsetPx: 10,
+  searchGlyphGapPx: 6,
+  /** The prototype's body line-height; the sheet sets it rather than inheriting a host's. */
+  lineHeight: 1.4
+};
+var panelShadow = (theme) => `${rems(theme, 0, 16, 48)} ${alpha(uiInk(theme).panelShadowInk, 0.28)}`;
+var dialogPaperSx = (theme) => ({
+  width: rem(theme, METRICS.dialogWidthPx),
+  maxWidth: `calc(100% - ${rem(theme, METRICS.dialogMarginPx)})`,
+  maxHeight: `min(${rem(theme, METRICS.dialogMaxHeightPx)}, calc(100% - ${rem(theme, METRICS.dialogMarginPx * 2)}))`,
+  margin: 0,
+  borderRadius: rem(theme, METRICS.dialogRadiusPx),
+  boxShadow: panelShadow(theme),
+  background: theme.palette.background.paper,
+  backgroundImage: "none",
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+});
+var sheetPaperSx = (theme) => ({
+  width: "100%",
+  maxHeight: "88%",
+  borderRadius: rems(theme, METRICS.sheetRadiusPx, METRICS.sheetRadiusPx, 0, 0),
+  boxShadow: panelShadow(theme),
+  background: theme.palette.background.paper,
+  backgroundImage: "none",
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+});
+var headSx = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: rem(theme, METRICS.headGapPx),
+  padding: rems(theme, 14, 16),
+  // A shade under the controls' own border: the rule separates, it does not frame.
+  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.6)}`,
+  flex: "0 0 auto"
+});
+var kickerSx = (theme) => ({
+  fontSize: rem(theme, 11.5),
+  color: theme.palette.text.secondary,
+  lineHeight: METRICS.lineHeight
+});
+var titleSx = (theme) => ({
+  margin: 0,
+  fontSize: rem(theme, 14),
+  fontWeight: 700,
+  lineHeight: METRICS.lineHeight,
+  color: theme.palette.text.primary
+});
+var closeButtonSx = (theme) => ({
+  flex: "0 0 auto",
+  width: rem(theme, METRICS.closeButtonPx),
+  height: rem(theme, METRICS.closeButtonPx),
+  display: "grid",
+  placeItems: "center",
+  padding: 0,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: rem(theme, METRICS.controlRadiusPx),
+  background: "transparent",
+  color: theme.palette.text.primary,
+  cursor: "pointer",
+  "& svg": { width: rem(theme, METRICS.closeGlyphPx), height: rem(theme, METRICS.closeGlyphPx) },
+  "&:hover": { background: theme.palette.action.hover },
+  "&:focus-visible": { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 1) }
+});
+var bodySx = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: rem(theme, METRICS.bodyGapPx),
+  padding: rem(theme, METRICS.bodyPaddingPx),
+  overflow: "auto",
+  minHeight: 0,
+  flex: "1 1 auto"
+});
+var searchFieldSx = (theme) => ({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  flex: "0 0 auto",
+  "& > svg": {
+    position: "absolute",
+    // + 1 for the input's own border, which the glyph sits inside of.
+    left: rem(theme, METRICS.searchGlyphInsetPx + 1),
+    width: rem(theme, METRICS.searchGlyphPx),
+    height: rem(theme, METRICS.searchGlyphPx),
+    color: theme.palette.text.secondary,
+    pointerEvents: "none",
+    zIndex: 1
+  },
+  "& input": {
+    width: "100%",
+    height: fieldHeight(theme),
+    boxSizing: "border-box",
+    padding: rems(theme, 0, 10, 0, METRICS.searchGlyphInsetPx + METRICS.searchGlyphPx + METRICS.searchGlyphGapPx),
+    fontSize: rem(theme, 14),
+    border: fieldBorder(theme),
+    borderRadius: fieldRadiusPx(theme),
+    background: fieldWell(theme),
+    color: theme.palette.text.primary,
+    "&:focus": {
+      outline: "none",
+      borderColor: theme.palette.primary.main,
+      boxShadow: `0 0 0 ${rem(theme, 3)} ${alpha(theme.palette.primary.main, 0.15)}`
+    }
+  }
+});
+var listSx = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: rem(theme, METRICS.listGapPx),
+  maxHeight: rem(theme, METRICS.listMaxHeightPx),
+  overflow: "auto",
+  overscrollBehavior: "contain",
+  margin: 0,
+  padding: 0,
+  listStyle: "none",
+  flex: "0 1 auto"
+});
+var rowPaddingLeft = (theme, depth) => rem(theme, depth > 0 ? METRICS.rowIndentStepPx * depth : METRICS.rowPaddingPx);
+function rowBackground(theme, selected, active) {
+  if (selected) return alpha(theme.palette.primary.main, 0.1);
+  return active ? theme.palette.action.hover : "transparent";
+}
+var rowSx = (theme, selected, active) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: rem(theme, 10),
+  padding: rem(theme, METRICS.rowPaddingPx),
+  minHeight: rem(theme, METRICS.rowMinHeightPx),
+  boxSizing: "border-box",
+  borderRadius: rem(theme, METRICS.controlRadiusPx),
+  textAlign: "left",
+  cursor: "pointer",
+  userSelect: "none",
+  color: theme.palette.text.primary,
+  background: rowBackground(theme, selected, active),
+  boxShadow: active ? `inset 0 0 0 ${rem(theme, 1)} ${alpha(theme.palette.primary.main, 0.3)}` : "none",
+  "&:hover": { background: selected ? alpha(theme.palette.primary.main, 0.1) : theme.palette.action.hover }
+});
+var rowTextSx = { flex: "1 1 auto", minWidth: 0 };
+var rowLabelSx = (theme) => ({
+  display: "block",
+  fontSize: rem(theme, 14),
+  lineHeight: METRICS.lineHeight
+});
+var rowMetaSx = (theme) => ({
+  display: "block",
+  fontSize: rem(theme, 12),
+  lineHeight: METRICS.lineHeight,
+  color: theme.palette.text.secondary
+});
+var checkSx = (theme) => ({
+  flex: "0 0 auto",
+  display: "grid",
+  color: theme.palette.primary.main,
+  "& svg": { width: rem(theme, METRICS.checkGlyphPx), height: rem(theme, METRICS.checkGlyphPx) }
+});
+var createLabelSx = (theme) => ({
+  ...rowLabelSx(theme),
+  color: theme.palette.primary.main,
+  fontWeight: 600
+});
+var emptySx = (theme) => ({
+  fontSize: rem(theme, 12),
+  lineHeight: METRICS.lineHeight,
+  color: theme.palette.text.secondary,
+  padding: rem(theme, 10)
+});
+var footSx = (theme) => ({
+  margin: 0,
+  fontSize: rem(theme, 12),
+  lineHeight: METRICS.lineHeight,
+  color: theme.palette.text.secondary
+});
+
+export {
+  dialogPaperSx,
+  sheetPaperSx,
+  headSx,
+  kickerSx,
+  titleSx,
+  closeButtonSx,
+  bodySx,
+  searchFieldSx,
+  listSx,
+  rowPaddingLeft,
+  rowSx,
+  rowTextSx,
+  rowLabelSx,
+  rowMetaSx,
+  checkSx,
+  createLabelSx,
+  emptySx,
+  footSx
+};
+//# sourceMappingURL=chunk-RLTCU57K.js.map

package/dist/chunk-RLTCU57K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PickerSheet/PickerSheet.styles.ts"],"sourcesContent":["import { alpha, type CSSObject, type Theme } from '@mui/material/styles/index.js';\n\nimport { fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldWell, uiInk } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\n/**\n * The prototype's measurements, verbatim, in the design's px.\n *\n * Each is drawn through `rem()` where it is read, so the sheet follows a\n * density mode the way every other surface in the package does. Colours come\n * from the palette (a white-labelled tenant and dark mode carry through).\n */\nconst METRICS = {\n  dialogWidthPx: 520,\n  dialogMaxHeightPx: 780,\n  dialogRadiusPx: 14,\n  /** The gap a centred dialog keeps from the viewport edge. */\n  dialogMarginPx: 32,\n  sheetRadiusPx: 16,\n  headGapPx: 10,\n  closeButtonPx: 36,\n  controlRadiusPx: 8,\n  bodyPaddingPx: 16,\n  bodyGapPx: 12,\n  listMaxHeightPx: 380,\n  listGapPx: 2,\n  rowPaddingPx: 10,\n  rowMinHeightPx: 44,\n  /** Left padding per level of `indent` (`.pitem.ind{padding-left:28px}` at depth 1). */\n  rowIndentStepPx: 28,\n  checkGlyphPx: 16,\n  closeGlyphPx: 18,\n  searchGlyphPx: 16,\n  /** The magnifier's inset from the field's inner edge, and the gap before the text. */\n  searchGlyphInsetPx: 10,\n  searchGlyphGapPx: 6,\n  /** The prototype's body line-height; the sheet sets it rather than inheriting a host's. */\n  lineHeight: 1.4,\n} as const;\n\n/** The panel's shadow: `0 16px 48px` of ink at 0.28. */\nconst panelShadow = (theme: Theme): string =>\n  `${rems(theme, 0, 16, 48)} ${alpha(uiInk(theme).panelShadowInk, 0.28)}`;\n\n/** The centred dialog's paper, on a pointer. */\nexport const dialogPaperSx = (theme: Theme): CSSObject => ({\n  width: rem(theme, METRICS.dialogWidthPx),\n  maxWidth: `calc(100% - ${rem(theme, METRICS.dialogMarginPx)})`,\n  maxHeight: `min(${rem(theme, METRICS.dialogMaxHeightPx)}, calc(100% - ${rem(theme, METRICS.dialogMarginPx * 2)}))`,\n  margin: 0,\n  borderRadius: rem(theme, METRICS.dialogRadiusPx),\n  boxShadow: panelShadow(theme),\n  background: theme.palette.background.paper,\n  backgroundImage: 'none',\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'hidden',\n});\n\n/** The bottom sheet's paper, on a phone: full width, no grab handle. */\nexport const sheetPaperSx = (theme: Theme): CSSObject => ({\n  width: '100%',\n  maxHeight: '88%',\n  borderRadius: rems(theme, METRICS.sheetRadiusPx, METRICS.sheetRadiusPx, 0, 0),\n  boxShadow: panelShadow(theme),\n  background: theme.palette.background.paper,\n  backgroundImage: 'none',\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'hidden',\n});\n\n/** `.sh` — kicker and title on the left, the close button on the right. */\nexport const headSx = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: rem(theme, METRICS.headGapPx),\n  padding: rems(theme, 14, 16),\n  // A shade under the controls' own border: the rule separates, it does not frame.\n  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.6)}`,\n  flex: '0 0 auto',\n});\n\nexport const kickerSx = (theme: Theme): CSSObject => ({\n  fontSize: rem(theme, 11.5),\n  color: theme.palette.text.secondary,\n  lineHeight: METRICS.lineHeight,\n});\n\nexport const titleSx = (theme: Theme): CSSObject => ({\n  margin: 0,\n  fontSize: rem(theme, 14),\n  fontWeight: 700,\n  lineHeight: METRICS.lineHeight,\n  color: theme.palette.text.primary,\n});\n\nexport const closeButtonSx = (theme: Theme): CSSObject => ({\n  flex: '0 0 auto',\n  width: rem(theme, METRICS.closeButtonPx),\n  height: rem(theme, METRICS.closeButtonPx),\n  display: 'grid',\n  placeItems: 'center',\n  padding: 0,\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: rem(theme, METRICS.controlRadiusPx),\n  background: 'transparent',\n  color: theme.palette.text.primary,\n  cursor: 'pointer',\n  '& svg': { width: rem(theme, METRICS.closeGlyphPx), height: rem(theme, METRICS.closeGlyphPx) },\n  '&:hover': { background: theme.palette.action.hover },\n  '&:focus-visible': { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 1) },\n});\n\n/** `.sb` — the scrolling body: search, list, foot. */\nexport const bodySx = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: rem(theme, METRICS.bodyGapPx),\n  padding: rem(theme, METRICS.bodyPaddingPx),\n  overflow: 'auto',\n  minHeight: 0,\n  flex: '1 1 auto',\n});\n\n/**\n * The search field: the library's field height, border and corner, with a\n * leading magnifier. White on the light sheet, so the field reads as a field\n * against the paper behind it.\n */\nexport const searchFieldSx = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  flex: '0 0 auto',\n  '& > svg': {\n    position: 'absolute',\n    // + 1 for the input's own border, which the glyph sits inside of.\n    left: rem(theme, METRICS.searchGlyphInsetPx + 1),\n    width: rem(theme, METRICS.searchGlyphPx),\n    height: rem(theme, METRICS.searchGlyphPx),\n    color: theme.palette.text.secondary,\n    pointerEvents: 'none',\n    zIndex: 1,\n  },\n  '& input': {\n    width: '100%',\n    height: fieldHeight(theme),\n    boxSizing: 'border-box',\n    padding: rems(theme, 0, 10, 0, METRICS.searchGlyphInsetPx + METRICS.searchGlyphPx + METRICS.searchGlyphGapPx),\n    fontSize: rem(theme, 14),\n    border: fieldBorder(theme),\n    borderRadius: fieldRadiusPx(theme),\n    background: fieldWell(theme),\n    color: theme.palette.text.primary,\n    '&:focus': {\n      outline: 'none',\n      borderColor: theme.palette.primary.main,\n      boxShadow: `0 0 0 ${rem(theme, 3)} ${alpha(theme.palette.primary.main, 0.15)}`,\n    },\n  },\n});\n\n/** The list: a column, scrolling on its own past 380px. */\nexport const listSx = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: rem(theme, METRICS.listGapPx),\n  maxHeight: rem(theme, METRICS.listMaxHeightPx),\n  overflow: 'auto',\n  overscrollBehavior: 'contain',\n  margin: 0,\n  padding: 0,\n  listStyle: 'none',\n  flex: '0 1 auto',\n});\n\n/** Left padding for a row at `depth` — the row's own 10px at depth 0, 28px per level below it. */\nexport const rowPaddingLeft = (theme: Theme, depth: number): string =>\n  rem(theme, depth > 0 ? METRICS.rowIndentStepPx * depth : METRICS.rowPaddingPx);\n\n/** Background of a row: selected wins over the keyboard cursor, which wins over rest. */\nfunction rowBackground(theme: Theme, selected: boolean, active: boolean): string {\n  if (selected) return alpha(theme.palette.primary.main, 0.1);\n  return active ? theme.palette.action.hover : 'transparent';\n}\n\n/** `.pitem` — a row. `active` is the keyboard cursor, drawn as a ring so it reads apart from `selected`. */\nexport const rowSx = (theme: Theme, selected: boolean, active: boolean): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: rem(theme, 10),\n  padding: rem(theme, METRICS.rowPaddingPx),\n  minHeight: rem(theme, METRICS.rowMinHeightPx),\n  boxSizing: 'border-box',\n  borderRadius: rem(theme, METRICS.controlRadiusPx),\n  textAlign: 'left',\n  cursor: 'pointer',\n  userSelect: 'none',\n  color: theme.palette.text.primary,\n  background: rowBackground(theme, selected, active),\n  boxShadow: active ? `inset 0 0 0 ${rem(theme, 1)} ${alpha(theme.palette.primary.main, 0.3)}` : 'none',\n  '&:hover': { background: selected ? alpha(theme.palette.primary.main, 0.1) : theme.palette.action.hover },\n});\n\nexport const rowTextSx: CSSObject = { flex: '1 1 auto', minWidth: 0 };\n\nexport const rowLabelSx = (theme: Theme): CSSObject => ({\n  display: 'block',\n  fontSize: rem(theme, 14),\n  lineHeight: METRICS.lineHeight,\n});\n\nexport const rowMetaSx = (theme: Theme): CSSObject => ({\n  display: 'block',\n  fontSize: rem(theme, 12),\n  lineHeight: METRICS.lineHeight,\n  color: theme.palette.text.secondary,\n});\n\nexport const checkSx = (theme: Theme): CSSObject => ({\n  flex: '0 0 auto',\n  display: 'grid',\n  color: theme.palette.primary.main,\n  '& svg': { width: rem(theme, METRICS.checkGlyphPx), height: rem(theme, METRICS.checkGlyphPx) },\n});\n\n/** The create row's text: the accent, at 600. */\nexport const createLabelSx = (theme: Theme): CSSObject => ({\n  ...rowLabelSx(theme),\n  color: theme.palette.primary.main,\n  fontWeight: 600,\n});\n\nexport const emptySx = (theme: Theme): CSSObject => ({\n  fontSize: rem(theme, 12),\n  lineHeight: METRICS.lineHeight,\n  color: theme.palette.text.secondary,\n  padding: rem(theme, 10),\n});\n\nexport const footSx = (theme: Theme): CSSObject => ({\n  margin: 0,\n  fontSize: rem(theme, 12),\n  lineHeight: METRICS.lineHeight,\n  color: theme.palette.text.secondary,\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-46ZATLQV.js → chunk-RNLLDK5L.js}

@@ -1,9 +1,9 @@
 import {
   SectionNavRail
-} from "./chunk-53ACGKBW.js";
+} from "./chunk-IZBQL4HZ.js";
 import {
   SectionNavBar
-} from "./chunk-VWW2EXH7.js";
+} from "./chunk-CJ7KAM3S.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -52,4 +52,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-46ZATLQV.js.map
+//# sourceMappingURL=chunk-RNLLDK5L.js.map

package/dist/{chunk-GWUJIO6Z.js → chunk-RQF4NXDC.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-RNQ2PGBB.js";
 import {
   CategorySelect
-} from "./chunk-3WIA25YQ.js";
+} from "./chunk-65NYUQXD.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-GWUJIO6Z.js.map
+//# sourceMappingURL=chunk-RQF4NXDC.js.map

package/dist/{chunk-QCTG7LIX.js → chunk-RUF7TOAZ.js}

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

package/dist/{chunk-SSDYEOU4.js → chunk-S4JXSC4D.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-Z64TMGYT.js";
 import {
   CarouselTrack
-} from "./chunk-EMNDJ57M.js";
+} from "./chunk-6FDLBWTE.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
 import {
   CarouselChrome
-} from "./chunk-QCTG7LIX.js";
+} from "./chunk-RUF7TOAZ.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-SSDYEOU4.js.map
+//# sourceMappingURL=chunk-S4JXSC4D.js.map

package/dist/{chunk-UPAFHAF4.js → chunk-S5VIN3EB.js}

@@ -1,7 +1,3 @@
-import {
-  CheckGlyph,
-  DisclosureGlyph
-} from "./chunk-DMNZD3Q7.js";
 import {
   METRICS,
   checkboxBarSx,
@@ -14,7 +10,11 @@ import {
   rowNameSx,
   rowSx,
   sectionHeadSx
-} from "./chunk-RCQYCDV6.js";
+} from "./chunk-VPGDYI63.js";
+import {
+  CheckGlyph,
+  DisclosureGlyph
+} from "./chunk-DMNZD3Q7.js";
 import {
   highlightSegments
 } from "./chunk-PN4HVM43.js";
@@ -148,4 +148,4 @@ export {
   CategoryTreeRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-UPAFHAF4.js.map
+//# sourceMappingURL=chunk-S5VIN3EB.js.map

package/dist/{chunk-DOROD5GQ.js → chunk-SAJDNO43.js}

@@ -1,7 +1,7 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-GF5VDLCC.js";
+} from "./chunk-7JS2SPRW.js";
 import {
   SettingGroupContext
 } from "./chunk-XJQNSMGA.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   partTestId
-} from "./chunk-3AQ25I6D.js";
+} from "./chunk-OJFE5PK6.js";
 import {
   dependentsStyles,
   hintStyles,
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-DOROD5GQ.js.map
+//# sourceMappingURL=chunk-SAJDNO43.js.map

package/dist/{chunk-JXAPKS5X.js → chunk-SFZHGDRH.js}

@@ -1,9 +1,9 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-2FGWKMW2.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
+import {
+  ConfirmActionDialog
+} from "./chunk-UD4R5HMI.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -23,4 +23,4 @@ ConfirmAction.displayName = "ConfirmAction";
 export {
   ConfirmAction
 };
-//# sourceMappingURL=chunk-JXAPKS5X.js.map
+//# sourceMappingURL=chunk-SFZHGDRH.js.map

package/dist/{chunk-7PK5IENM.js → chunk-SV6IQ2YO.js}

@@ -2,10 +2,10 @@ import {
   indicatorSizeFor,
   stepColors,
   stepPalette
-} from "./chunk-ZJGDD54X.js";
+} from "./chunk-XKSA4L2X.js";
 import {
   neutralTones
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -283,4 +283,4 @@ export {
   StepContentComponent,
   StepItemRow
 };
-//# sourceMappingURL=chunk-7PK5IENM.js.map
+//# sourceMappingURL=chunk-SV6IQ2YO.js.map

package/dist/{chunk-CUZGBE3L.js → chunk-SYGM4SHY.js}

@@ -1,10 +1,10 @@
 import {
   captionSx,
   counterSx
-} from "./chunk-NAQ2PIV5.js";
+} from "./chunk-VQU3CBAL.js";
 import {
   onMedia
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rems,
   sxRem
@@ -108,4 +108,4 @@ var LightboxStage = ({
 export {
   LightboxStage
 };
-//# sourceMappingURL=chunk-CUZGBE3L.js.map
+//# sourceMappingURL=chunk-SYGM4SHY.js.map

package/dist/{chunk-WM44LYFN.js → chunk-T3SZYWWN.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-2XOL4HJU.js";
+} from "./chunk-FL2DRDTS.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-WM44LYFN.js.map
+//# sourceMappingURL=chunk-T3SZYWWN.js.map

package/dist/{chunk-PSYX2KEQ.js → chunk-TAUCPCNN.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-KYFRZX5C.js";
+} from "./chunk-YKKHNYEW.js";
 import {
   ManageViewsDialog
-} from "./chunk-NHAB477Y.js";
+} from "./chunk-IPCRPGWU.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-TP3XKS72.js";
+} from "./chunk-DQJFCVXW.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-PSYX2KEQ.js.map
+//# sourceMappingURL=chunk-TAUCPCNN.js.map

package/dist/{chunk-FIMSPRKX.js → chunk-TCWISGSS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-B7ZHEOQQ.js";
 import {
   uiInk
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   remPx,
@@ -129,4 +129,4 @@ export {
   resolveSeries,
   getAxisStyles
 };
-//# sourceMappingURL=chunk-FIMSPRKX.js.map
+//# sourceMappingURL=chunk-TCWISGSS.js.map

package/dist/{chunk-EP674QTM.js → chunk-TKLPPAS5.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-GWUJIO6Z.js";
+} from "./chunk-RQF4NXDC.js";
 import {
   PanelRangeField
-} from "./chunk-5WJFCQFN.js";
+} from "./chunk-647DEGIU.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,10 +12,10 @@ import {
 } from "./chunk-7LOCLC24.js";
 import {
   StackedModal
-} from "./chunk-RQ2NKSIA.js";
+} from "./chunk-TNVO3EVF.js";
 import {
   StackedModalContent
-} from "./chunk-GLKUN3DL.js";
+} from "./chunk-6A6GZRXD.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-EP674QTM.js.map
+//# sourceMappingURL=chunk-TKLPPAS5.js.map

package/dist/{chunk-RQ2NKSIA.js → chunk-TNVO3EVF.js}

@@ -1,15 +1,15 @@
-import {
-  usePanelChrome
-} from "./chunk-TSMF7K37.js";
 import {
   ModalPanelContents,
   modalAriaIds,
   resolveModalContent
-} from "./chunk-GLKUN3DL.js";
+} from "./chunk-6A6GZRXD.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
-} from "./chunk-XSIVM4VO.js";
+} from "./chunk-3PGY4UL4.js";
+import {
+  usePanelChrome
+} from "./chunk-TSMF7K37.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -172,4 +172,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-RQ2NKSIA.js.map
+//# sourceMappingURL=chunk-TNVO3EVF.js.map

package/dist/{chunk-6V3HKKNC.js → chunk-TTCVYY2B.js}

@@ -1,7 +1,7 @@
 import {
   modeInk,
   neutralTones
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -202,4 +202,4 @@ Code.displayName = "Code";
 export {
   Code
 };
-//# sourceMappingURL=chunk-6V3HKKNC.js.map
+//# sourceMappingURL=chunk-TTCVYY2B.js.map

package/dist/{chunk-SAVNRXHT.js → chunk-TVXUOJAL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -167,4 +167,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-SAVNRXHT.js.map
+//# sourceMappingURL=chunk-TVXUOJAL.js.map