@12-apps/ui 6.40.0 → 6.41.1

package/dist/chunk-U67ZQ6VM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingGrid.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme, type CSSObject, type Theme } from '@mui/material/styles/index.js';\nimport { forwardRef } from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nimport { SETTING_CARD, SETTING_GRID_GAP_UNITS } from './SettingCard.metrics';\nimport { partTestId } from './SettingCard.parts';\nimport { SETTING_CARD_OPEN_ATTR, withCallerSx } from './SettingCard.styles';\nimport type { SettingGridColumns, SettingGridProps } from './SettingCard.types';\n\n/** The container the grid's own queries are asked of. Named, so a nested grid answers to its own. */\nexport const SETTING_GRID_CONTAINER = 'setting-grid';\n\n/** The track list for `n` equal columns. `minmax(0, …)` so a long word cannot widen its column. */\nconst tracks = (n: SettingGridColumns): string => `repeat(${n}, minmax(0, 1fr))`;\n\n/**\n * The narrowest the container can be and still fit `n` columns of\n * `minColumnWidth` with the gaps between them. A `calc()` because the gap is a\n * spacing unit and the width a type-scale length: two scales, one sum.\n */\nconst threshold = (theme: Theme, n: number, minColumnPx: number, gapUnits: number): string =>\n  `calc(${n} * ${rem(theme, minColumnPx)} + ${n - 1} * ${theme.spacing(gapUnits)})`;\n\n/**\n * The grid itself.\n *\n * - Columns come from CONTAINER queries, not viewport ones: a settings grid\n *   lives beside a rail, inside a drawer, in half a split view, and the\n *   viewport says nothing about how wide any of those are.\n * - `grid-auto-rows: auto` with `align-items: stretch` is the equal-height\n *   rule: each row is as tall as its tallest card and every card in it\n *   stretches to match. Not `1fr` rows — those would make EVERY row as tall as\n *   the tallest, so one open card would inflate the whole page.\n * - An open card spans the row. The card sets `grid-column` on itself; the\n *   `:has()` rule covers a card the host wrapped in an element of its own.\n */\nexport interface SettingGridLayout {\n  /** The narrowest column, in DESIGN px (drawn through `rem`). */\n  minColumnPx: number;\n  maxColumns: SettingGridColumns;\n  /** The gap, in theme SPACING units. */\n  gapUnits: number;\n}\n\nexport function settingGridStyles(theme: Theme, { minColumnPx, maxColumns, gapUnits }: SettingGridLayout): CSSObject {\n  const styles: CSSObject = {\n    display: 'grid',\n    gap: theme.spacing(gapUnits),\n    gridTemplateColumns: tracks(1),\n    gridAutoRows: 'auto',\n    alignItems: 'stretch',\n    [`& > [${SETTING_CARD_OPEN_ATTR}], & > :has([${SETTING_CARD_OPEN_ATTR}])`]: { gridColumn: '1 / -1' },\n  };\n  for (const n of [2, 3] as const) {\n    if (n > maxColumns) break;\n    styles[`@container ${SETTING_GRID_CONTAINER} (min-width: ${threshold(theme, n, minColumnPx, gapUnits)})`] = {\n      gridTemplateColumns: tracks(n),\n    };\n  }\n  return styles;\n}\n\n/**\n * Lays setting cards out in one, two or three columns by the width it is\n * GIVEN — see {@link settingGridStyles}. Two elements, because a container\n * query is answered by an ANCESTOR: the outer one is the container, the inner\n * one the grid.\n */\nexport const SettingGrid = forwardRef<HTMLDivElement, SettingGridProps>(function SettingGrid(props, ref) {\n  const {\n    children,\n    minColumnWidth = SETTING_CARD.gridMinColumnWidth,\n    maxColumns = 3,\n    gap = SETTING_GRID_GAP_UNITS,\n    'aria-label': ariaLabel,\n    dataTestId,\n    className,\n    sx,\n  } = props;\n  const theme = useTheme();\n  const gridStyles = settingGridStyles(theme, { minColumnPx: minColumnWidth, maxColumns, gapUnits: gap });\n\n  return (\n    <Box\n      ref={ref}\n      role={ariaLabel ? 'region' : undefined}\n      aria-label={ariaLabel}\n      data-testid={dataTestId}\n      className={className}\n      sx={withCallerSx({ containerType: 'inline-size', containerName: SETTING_GRID_CONTAINER, minWidth: 0 }, sx)}\n    >\n      <Box\n        sx={gridStyles}\n        data-max-columns={maxColumns}\n        data-testid={partTestId(dataTestId, 'grid')}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n});\n\nSettingGrid.displayName = 'SettingGrid';\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAA4C;AACrD,SAAS,kBAAkB;AA2FrB;AAjFC,IAAM,yBAAyB;AAGtC,IAAM,SAAS,CAAC,MAAkC,UAAU,CAAC;AAO7D,IAAM,YAAY,CAAC,OAAc,GAAW,aAAqB,aAC/D,QAAQ,CAAC,MAAM,IAAI,OAAO,WAAW,CAAC,MAAM,IAAI,CAAC,MAAM,MAAM,QAAQ,QAAQ,CAAC;AAuBzE,SAAS,kBAAkB,OAAc,EAAE,aAAa,YAAY,SAAS,GAAiC;AACnH,QAAM,SAAoB;AAAA,IACxB,SAAS;AAAA,IACT,KAAK,MAAM,QAAQ,QAAQ;AAAA,IAC3B,qBAAqB,OAAO,CAAC;AAAA,IAC7B,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,CAAC,QAAQ,sBAAsB,gBAAgB,sBAAsB,IAAI,GAAG,EAAE,YAAY,SAAS;AAAA,EACrG;AACA,aAAW,KAAK,CAAC,GAAG,CAAC,GAAY;AAC/B,QAAI,IAAI,WAAY;AACpB,WAAO,cAAc,sBAAsB,gBAAgB,UAAU,OAAO,GAAG,aAAa,QAAQ,CAAC,GAAG,IAAI;AAAA,MAC1G,qBAAqB,OAAO,CAAC;AAAA,IAC/B;AAAA,EACF;AACA,SAAO;AACT;AAQO,IAAM,cAAc,WAA6C,SAASA,aAAY,OAAO,KAAK;AACvG,QAAM;AAAA,IACJ;AAAA,IACA,iBAAiB,aAAa;AAAA,IAC9B,aAAa;AAAA,IACb,MAAM;AAAA,IACN,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,kBAAkB,OAAO,EAAE,aAAa,gBAAgB,YAAY,UAAU,IAAI,CAAC;AAEtG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,YAAY,WAAW;AAAA,MAC7B,cAAY;AAAA,MACZ,eAAa;AAAA,MACb;AAAA,MACA,IAAI,aAAa,EAAE,eAAe,eAAe,eAAe,wBAAwB,UAAU,EAAE,GAAG,EAAE;AAAA,MAEzG;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,oBAAkB;AAAA,UAClB,eAAa,WAAW,YAAY,MAAM;AAAA,UAEzC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,YAAY,cAAc;","names":["SettingGrid"]}

package/dist/{chunk-DOLDAAXH.js → chunk-UT73NGRS.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-AJVFSUC4.js";
+} from "./chunk-HFVYWHJT.js";
 import {
   useDataViewsState
-} from "./chunk-UP6RO2PR.js";
+} from "./chunk-HKBJZX3C.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-DOLDAAXH.js.map
+//# sourceMappingURL=chunk-UT73NGRS.js.map

package/dist/chunk-VYM2GPR6.js

@@ -0,0 +1,47 @@
+import {
+  useSettingGroup
+} from "./chunk-XJQNSMGA.js";
+import {
+  useAsyncSwitch
+} from "./chunk-SALQ65SM.js";
+import {
+  SettingSwitchBlock,
+  useSettingSwitchIds
+} from "./chunk-RDZGXJOD.js";
+import {
+  flatStyles,
+  surfaceStyles,
+  withCallerSx
+} from "./chunk-3DO5AJCG.js";
+
+// src/components/layout/SettingCard/SettingToggle.tsx
+import Box from "@mui/material/Box/index.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var SettingToggle = forwardRef(function SettingToggle2(props, ref) {
+  const { checked, onChange, copy, formatError, disabled = false, variant = "card", dataTestId, className, sx } = props;
+  const group = useSettingGroup();
+  const ids = useSettingSwitchIds();
+  const state = useAsyncSwitch({ checked, onChange, formatError, fallback: copy.saveFailed });
+  const card = variant === "card";
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: card ? "section" : "div",
+      ref,
+      "aria-labelledby": ids.titleId,
+      "aria-busy": state.saving || void 0,
+      "data-variant": variant,
+      "data-testid": dataTestId,
+      className,
+      sx: withCallerSx((theme) => card ? surfaceStyles(theme, false) : flatStyles(theme), sx),
+      children: /* @__PURE__ */ jsx(SettingSwitchBlock, { ...props, disabled: disabled || group.inactive, ids, state })
+    }
+  );
+});
+SettingToggle.displayName = "SettingToggle";
+
+export {
+  SettingToggle
+};
+//# sourceMappingURL=chunk-VYM2GPR6.js.map

package/dist/chunk-VYM2GPR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingToggle.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { forwardRef } from 'react';\n\nimport { useAsyncSwitch } from './SettingCard.hooks';\nimport { flatStyles, surfaceStyles, withCallerSx } from './SettingCard.styles';\nimport type { SettingToggleProps } from './SettingCard.types';\nimport { useSettingGroup } from './SettingGroup.context';\nimport { SettingSwitchBlock, useSettingSwitchIds } from './SettingSwitch';\n\n/**\n * A setting that is one switch and nothing else. There is no edit state:\n * flipping it IS the edit, and it saves at once.\n *\n * `onChange` may be async. The switch shows the new value while the promise is\n * pending, with a spinner and an announced \"saving\"; a rejection flips it back\n * to `checked` and shows the error under it.\n *\n * Inside a `SettingGroup` whose main switch is off, it renders disabled.\n */\nexport const SettingToggle = forwardRef<HTMLElement, SettingToggleProps>(function SettingToggle(props, ref) {\n  const { checked, onChange, copy, formatError, disabled = false, variant = 'card', dataTestId, className, sx } = props;\n  const group = useSettingGroup();\n  const ids = useSettingSwitchIds();\n  const state = useAsyncSwitch({ checked, onChange, formatError, fallback: copy.saveFailed });\n  const card = variant === 'card';\n\n  return (\n    <Box\n      component={card ? 'section' : 'div'}\n      ref={ref}\n      aria-labelledby={ids.titleId}\n      aria-busy={state.saving || undefined}\n      data-variant={variant}\n      data-testid={dataTestId}\n      className={className}\n      sx={withCallerSx((theme) => (card ? surfaceStyles(theme, false) : flatStyles(theme)), sx)}\n    >\n      <SettingSwitchBlock {...props} disabled={disabled || group.inactive} ids={ids} state={state} />\n    </Box>\n  );\n});\n\nSettingToggle.displayName = 'SettingToggle';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,kBAAkB;AAoCrB;AAlBC,IAAM,gBAAgB,WAA4C,SAASA,eAAc,OAAO,KAAK;AAC1G,QAAM,EAAE,SAAS,UAAU,MAAM,aAAa,WAAW,OAAO,UAAU,QAAQ,YAAY,WAAW,GAAG,IAAI;AAChH,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,MAAM,oBAAoB;AAChC,QAAM,QAAQ,eAAe,EAAE,SAAS,UAAU,aAAa,UAAU,KAAK,WAAW,CAAC;AAC1F,QAAM,OAAO,YAAY;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO,YAAY;AAAA,MAC9B;AAAA,MACA,mBAAiB,IAAI;AAAA,MACrB,aAAW,MAAM,UAAU;AAAA,MAC3B,gBAAc;AAAA,MACd,eAAa;AAAA,MACb;AAAA,MACA,IAAI,aAAa,CAAC,UAAW,OAAO,cAAc,OAAO,KAAK,IAAI,WAAW,KAAK,GAAI,EAAE;AAAA,MAExF,8BAAC,sBAAoB,GAAG,OAAO,UAAU,YAAY,MAAM,UAAU,KAAU,OAAc;AAAA;AAAA,EAC/F;AAEJ,CAAC;AAED,cAAc,cAAc;","names":["SettingToggle"]}

package/dist/{chunk-BXEMC4YH.js → chunk-VYV3JOV5.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-H772ZSAI.js";
+} from "./chunk-NQ7NMCRI.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -62,4 +62,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-BXEMC4YH.js.map
+//# sourceMappingURL=chunk-VYV3JOV5.js.map

package/dist/{chunk-OTWMG7B2.js → chunk-WN5PNP6F.js}

@@ -1,3 +1,6 @@
+import {
+  resolveCardProps
+} from "./chunk-FKUYRQSP.js";
 import {
   cardStyles
 } from "./chunk-76X6JRVI.js";
@@ -7,9 +10,6 @@ import {
   CARD_LOADING,
   CARD_MEDIA_HEIGHT
 } from "./chunk-JH7EEJEQ.js";
-import {
-  resolveCardProps
-} from "./chunk-FKUYRQSP.js";
 import {
   childTestId,
   resolveTestId,
@@ -191,4 +191,4 @@ export {
   CardActions,
   CardMedia
 };
-//# sourceMappingURL=chunk-OTWMG7B2.js.map
+//# sourceMappingURL=chunk-WN5PNP6F.js.map

package/dist/chunk-X3C3VTYS.js

@@ -0,0 +1,85 @@
+import {
+  clamp,
+  formatValue,
+  isRefusedKey,
+  parseDigits,
+  stepValue
+} from "./chunk-Q4JWWTL4.js";
+import {
+  Input
+} from "./chunk-SDKOOVEX.js";
+
+// src/components/form/NumberField/NumberField.tsx
+import React, { useCallback, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+var NumberField = React.forwardRef(function NumberField2(props, ref) {
+  const {
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    suffix,
+    onKeyDown,
+    onBlur,
+    inputProps,
+    id: idProp,
+    "aria-describedby": callerDescribedBy,
+    ...rest
+  } = props;
+  const generated = useId();
+  const id = idProp ?? `number-field-${generated}`;
+  const suffixId = `${id}-suffix`;
+  const commit = useCallback(
+    (next) => {
+      if (next !== value) onChange(next);
+    },
+    [value, onChange]
+  );
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+      event.preventDefault();
+      commit(stepValue(value, event.key === "ArrowUp" ? 1 : -1, step, { min, max }));
+    } else if (isRefusedKey(event)) {
+      event.preventDefault();
+    }
+  };
+  const handleBlur = (event) => {
+    if (value !== null) commit(clamp(value, { min, max }));
+    onBlur?.(event);
+  };
+  const describedBy = [callerDescribedBy, suffix != null ? suffixId : void 0].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ref,
+      ...rest,
+      id,
+      type: "text",
+      autoComplete: "off",
+      value: formatValue(value),
+      onChange: (event) => commit(parseDigits(event.target.value)),
+      onBlur: handleBlur,
+      "aria-describedby": describedBy || void 0,
+      endAdornment: suffix != null ? /* @__PURE__ */ jsx("span", { id: suffixId, children: suffix }) : void 0,
+      inputProps: {
+        ...inputProps,
+        inputMode: "numeric",
+        pattern: "[0-9]*",
+        role: "spinbutton",
+        "aria-valuenow": value ?? void 0,
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        onKeyDown: handleKeyDown
+      }
+    }
+  );
+});
+NumberField.displayName = "NumberField";
+
+export {
+  NumberField
+};
+//# sourceMappingURL=chunk-X3C3VTYS.js.map

package/dist/chunk-X3C3VTYS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/NumberField/NumberField.tsx"],"sourcesContent":["import React, { useCallback, useId } from 'react';\n\nimport { Input } from '../Input';\n\nimport { clamp, formatValue, isRefusedKey, parseDigits, stepValue } from './NumberField.helpers';\nimport type { NumberFieldProps } from './NumberField.types';\n\n/**\n * A digits-only number input whose value is a `number | null`.\n *\n * - `inputMode=\"numeric\"` on the `<input>` itself, so a phone opens its number\n *   pad (the attribute does nothing anywhere else — see `Input.types.ts`).\n * - A non-digit keystroke never reaches the field, and a paste keeps only its\n *   digits: `\"1.500 min\"` pastes as `1500`.\n * - `suffix` is drawn inside the field's border, and read as its description.\n * - ArrowUp / ArrowDown move by `step`, never past `min` / `max`. Typing may go\n *   out of bounds for a moment (typing `5` on the way to `50` must not snap to a\n *   minimum of 10); the blur brings it back inside.\n * - Clearing the field reports `null`, not `0` and not `NaN`.\n *\n * `role=\"spinbutton\"` with `aria-valuenow` / `-min` / `-max`, because that is\n * what the arrow keys make it — a screen reader then says so, and says where\n * in the range the value sits.\n */\nexport const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  props,\n  ref,\n) {\n  const {\n    value, onChange, min, max, step = 1, suffix, onKeyDown, onBlur, inputProps, id: idProp,\n    'aria-describedby': callerDescribedBy, ...rest\n  } = props;\n  const generated = useId();\n  const id = idProp ?? `number-field-${generated}`;\n  const suffixId = `${id}-suffix`;\n\n  const commit = useCallback(\n    (next: number | null) => {\n      if (next !== value) onChange(next);\n    },\n    [value, onChange],\n  );\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      commit(stepValue(value, event.key === 'ArrowUp' ? 1 : -1, step, { min, max }));\n    } else if (isRefusedKey(event)) {\n      event.preventDefault();\n    }\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (value !== null) commit(clamp(value, { min, max }));\n    onBlur?.(event);\n  };\n\n  const describedBy = [callerDescribedBy, suffix != null ? suffixId : undefined].filter(Boolean).join(' ');\n\n  return (\n    <Input\n      ref={ref}\n      {...rest}\n      id={id}\n      type=\"text\"\n      autoComplete=\"off\"\n      value={formatValue(value)}\n      onChange={(event) => commit(parseDigits(event.target.value))}\n      onBlur={handleBlur}\n      aria-describedby={describedBy || undefined}\n      endAdornment={suffix != null ? <span id={suffixId}>{suffix}</span> : undefined}\n      inputProps={{\n        ...inputProps,\n        inputMode: 'numeric',\n        pattern: '[0-9]*',\n        role: 'spinbutton',\n        'aria-valuenow': value ?? undefined,\n        'aria-valuemin': min,\n        'aria-valuemax': max,\n        onKeyDown: handleKeyDown,\n      }}\n    />\n  );\n});\n\nNumberField.displayName = 'NumberField';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAAS,aAAa,aAAa;AAwEL;AAhD9B,IAAM,cAAc,MAAM,WAA+C,SAASA,aACvF,OACA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IAAO;AAAA,IAAU;AAAA,IAAK;AAAA,IAAK,OAAO;AAAA,IAAG;AAAA,IAAQ;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAY,IAAI;AAAA,IAChF,oBAAoB;AAAA,IAAmB,GAAG;AAAA,EAC5C,IAAI;AACJ,QAAM,YAAY,MAAM;AACxB,QAAM,KAAK,UAAU,gBAAgB,SAAS;AAC9C,QAAM,WAAW,GAAG,EAAE;AAEtB,QAAM,SAAS;AAAA,IACb,CAAC,SAAwB;AACvB,UAAI,SAAS,MAAO,UAAS,IAAI;AAAA,IACnC;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACtE,gBAAY,KAAK;AACjB,QAAI,MAAM,iBAAkB;AAC5B,QAAI,MAAM,QAAQ,aAAa,MAAM,QAAQ,aAAa;AACxD,YAAM,eAAe;AACrB,aAAO,UAAU,OAAO,MAAM,QAAQ,YAAY,IAAI,IAAI,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC;AAAA,IAC/E,WAAW,aAAa,KAAK,GAAG;AAC9B,YAAM,eAAe;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,aAAa,CAAC,UAA8C;AAChE,QAAI,UAAU,KAAM,QAAO,MAAM,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC;AACrD,aAAS,KAAK;AAAA,EAChB;AAEA,QAAM,cAAc,CAAC,mBAAmB,UAAU,OAAO,WAAW,MAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA,MAAK;AAAA,MACL,cAAa;AAAA,MACb,OAAO,YAAY,KAAK;AAAA,MACxB,UAAU,CAAC,UAAU,OAAO,YAAY,MAAM,OAAO,KAAK,CAAC;AAAA,MAC3D,QAAQ;AAAA,MACR,oBAAkB,eAAe;AAAA,MACjC,cAAc,UAAU,OAAO,oBAAC,UAAK,IAAI,UAAW,kBAAO,IAAU;AAAA,MACrE,YAAY;AAAA,QACV,GAAG;AAAA,QACH,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,QACN,iBAAiB,SAAS;AAAA,QAC1B,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,YAAY,cAAc;","names":["NumberField"]}

package/dist/{chunk-HZBRXLV7.js → chunk-XB7HYOMM.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-FRAVVI4A.js";
 import {
   isoToMasked
-} from "./chunk-SE6TW72O.js";
+} from "./chunk-FDMQ7H22.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.range.ts
 function resolveDayRange(draft, maxRangeDays) {
@@ -62,4 +62,4 @@ export {
   resolveQuickRanges,
   activeQuickRangeId
 };
-//# sourceMappingURL=chunk-HZBRXLV7.js.map
+//# sourceMappingURL=chunk-XB7HYOMM.js.map

package/dist/{chunk-C6FVXX7Y.js → chunk-XBLFK2FL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-JXS56EW5.js";
 import {
   fieldTextFieldStyles
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   rem,
   sxRem
@@ -275,4 +275,4 @@ export {
   NoResultsRow,
   SuggestionListBox
 };
-//# sourceMappingURL=chunk-C6FVXX7Y.js.map
+//# sourceMappingURL=chunk-XBLFK2FL.js.map

package/dist/{chunk-EDBVMLNX.js → chunk-XHA2NXLD.js}

@@ -5,7 +5,7 @@ import {
   GroupLabel,
   SegmentRadios,
   testId
-} from "./chunk-JDUIWHJ3.js";
+} from "./chunk-6H4TPEMO.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -96,4 +96,4 @@ RadioGroup.displayName = "RadioGroup";
 export {
   RadioGroup
 };
-//# sourceMappingURL=chunk-EDBVMLNX.js.map
+//# sourceMappingURL=chunk-XHA2NXLD.js.map

package/dist/chunk-XJQNSMGA.js

@@ -0,0 +1,10 @@
+// src/components/layout/SettingCard/SettingGroup.context.ts
+import { createContext, useContext } from "react";
+var SettingGroupContext = createContext({ inactive: false });
+var useSettingGroup = () => useContext(SettingGroupContext);
+
+export {
+  SettingGroupContext,
+  useSettingGroup
+};
+//# sourceMappingURL=chunk-XJQNSMGA.js.map

package/dist/chunk-XJQNSMGA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * What a `SettingGroup` tells the rows inside it: whether its main switch is\n * off. `inert` on the rows' container already makes every descendant\n * unreachable; this is for the family's own rows (`SettingToggle`) to ALSO\n * draw and announce themselves as disabled, which `inert` does not do.\n */\nexport const SettingGroupContext = createContext<{ inactive: boolean }>({ inactive: false });\n\nexport const useSettingGroup = (): { inactive: boolean } => useContext(SettingGroupContext);\n"],"mappings":";AAAA,SAAS,eAAe,kBAAkB;AAQnC,IAAM,sBAAsB,cAAqC,EAAE,UAAU,MAAM,CAAC;AAEpF,IAAM,kBAAkB,MAA6B,WAAW,mBAAmB;","names":[]}

package/dist/{chunk-ZO4NO77T.js → chunk-XO4ZUHVH.js}

@@ -1,6 +1,6 @@
 import {
   FleetCanvas
-} from "./chunk-HDELNMZC.js";
+} from "./chunk-3MJHHPRW.js";
 import {
   FleetRoster
 } from "./chunk-5JCGBCFJ.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-ZO4NO77T.js.map
+//# sourceMappingURL=chunk-XO4ZUHVH.js.map

package/dist/{chunk-OPT7X3Y6.js → chunk-XXL4PM4M.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-DDVNYVJH.js";
+} from "./chunk-B3QWQG62.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-OPT7X3Y6.js.map
+//# sourceMappingURL=chunk-XXL4PM4M.js.map

package/dist/{chunk-3HKUOLPD.js → chunk-XZY7O7JJ.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-WUFTDJ2L.js";
+} from "./chunk-77BKKPCI.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-T2HZ3GVA.js";
+} from "./chunk-CM2Q7IH3.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   Text
 } from "./chunk-MKLIMY3D.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-3HKUOLPD.js.map
+//# sourceMappingURL=chunk-XZY7O7JJ.js.map

package/dist/{chunk-743SY4WQ.js → chunk-YLXQWYOG.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk-JU3FRRO2.js";
 import {
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -183,4 +183,4 @@ export {
   outlinedStyles,
   filledStyles
 };
-//# sourceMappingURL=chunk-743SY4WQ.js.map
+//# sourceMappingURL=chunk-YLXQWYOG.js.map

package/dist/{chunk-Q33JWFSA.js → chunk-YPIVLPXF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   Text
 } from "./chunk-MKLIMY3D.js";
@@ -297,4 +297,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-Q33JWFSA.js.map
+//# sourceMappingURL=chunk-YPIVLPXF.js.map

package/dist/{chunk-T7UUP7VD.js → chunk-YRUX7XMQ.js}

@@ -1,6 +1,6 @@
 import {
   fieldTextFieldStyles
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -75,4 +75,4 @@ export {
   formatPtBrNumber,
   NumberBoundInput
 };
-//# sourceMappingURL=chunk-T7UUP7VD.js.map
+//# sourceMappingURL=chunk-YRUX7XMQ.js.map

package/dist/{chunk-4JEXYOSN.js → chunk-YTXZUTLF.js}

@@ -1,6 +1,6 @@
 import {
   otpSlotSx
-} from "./chunk-LJSKF43D.js";
+} from "./chunk-6TPYT3UC.js";
 import {
   useOtpDigits
 } from "./chunk-UETHX57J.js";
@@ -93,4 +93,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-4JEXYOSN.js.map
+//# sourceMappingURL=chunk-YTXZUTLF.js.map

package/dist/{chunk-V7A5ZAAF.js → chunk-YWJDUJAR.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-NYFGFELX.js";
 import {
   Card
-} from "./chunk-OTWMG7B2.js";
+} from "./chunk-WN5PNP6F.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   Text
 } from "./chunk-MKLIMY3D.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-V7A5ZAAF.js.map
+//# sourceMappingURL=chunk-YWJDUJAR.js.map

package/dist/{chunk-ZK7YERPQ.js → chunk-Z2NN53E5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-3B4YMZD5.js";
+} from "./chunk-4Z7GEO2R.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-ZK7YERPQ.js.map
+//# sourceMappingURL=chunk-Z2NN53E5.js.map

package/dist/{chunk-CLSC36JS.js → chunk-Z4DKVLYG.js}

@@ -1,12 +1,12 @@
 import {
   DateRangeFields
-} from "./chunk-SXVCXLKU.js";
+} from "./chunk-K7MQP2KT.js";
 import {
   DEFAULT_QUICK_RANGES
 } from "./chunk-QKLSHNOH.js";
 import {
   useDateRangePicker
-} from "./chunk-O7OQZJ3D.js";
+} from "./chunk-4GN2RLYL.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-CLSC36JS.js.map
+//# sourceMappingURL=chunk-Z4DKVLYG.js.map

package/dist/{chunk-NFJ3VVD3.js → chunk-Z6T5SXST.js}

@@ -1,12 +1,12 @@
 import {
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 import {
   absoluteInk,
   uiInk
@@ -345,4 +345,4 @@ export {
   emptySx,
   skeletonSx
 };
-//# sourceMappingURL=chunk-NFJ3VVD3.js.map
+//# sourceMappingURL=chunk-Z6T5SXST.js.map

package/dist/{chunk-IITZA6U2.js → chunk-ZBVU2YWV.js}

@@ -1,3 +1,11 @@
+import {
+  bounceAnimation,
+  glowAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  shimmerAnimation,
+  spinAnimation
+} from "./chunk-RIEV4VXF.js";
 import {
   DISABLED,
   IOS_BASE_OFFSET,
@@ -25,14 +33,6 @@ import {
   showsTrackLabels,
   trackColor
 } from "./chunk-TNBJ4DK4.js";
-import {
-  bounceAnimation,
-  glowAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  shimmerAnimation,
-  spinAnimation
-} from "./chunk-RIEV4VXF.js";
 import {
   inkOver
 } from "./chunk-2BYKTBDL.js";
@@ -291,4 +291,4 @@ export {
   onTrackInk,
   switchSx
 };
-//# sourceMappingURL=chunk-IITZA6U2.js.map
+//# sourceMappingURL=chunk-ZBVU2YWV.js.map

package/dist/{chunk-IEWAFD6L.js → chunk-ZC5HDBQO.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-CLTK76ZF.js";
+} from "./chunk-JE5GEWTG.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -61,4 +61,4 @@ var AddressFallbackField = ({
 export {
   AddressFallbackField
 };
-//# sourceMappingURL=chunk-IEWAFD6L.js.map
+//# sourceMappingURL=chunk-ZC5HDBQO.js.map

package/dist/{chunk-KQS4ZJGS.js → chunk-ZGCPDA3F.js}

@@ -1,11 +1,11 @@
-import {
-  switchIds
-} from "./chunk-SZS7VZJN.js";
 import {
   SwitchControl,
   SwitchHelper,
   SwitchRow
-} from "./chunk-HSNOWYEE.js";
+} from "./chunk-K7FSTB2K.js";
+import {
+  switchIds
+} from "./chunk-SZS7VZJN.js";
 import {
   splitTestId
 } from "./chunk-TYJR4GOF.js";
@@ -124,4 +124,4 @@ Switch.displayName = "Switch";
 export {
   Switch
 };
-//# sourceMappingURL=chunk-KQS4ZJGS.js.map
+//# sourceMappingURL=chunk-ZGCPDA3F.js.map

package/dist/{chunk-AHDNANID.js → chunk-ZH2SZ6B3.js}

@@ -7,7 +7,7 @@ import {
 import {
   fieldOverrides,
   mergeMuiComponents
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -162,4 +162,4 @@ export {
   uiThemeFromMui,
   muiThemeOptionsFrom
 };
-//# sourceMappingURL=chunk-AHDNANID.js.map
+//# sourceMappingURL=chunk-ZH2SZ6B3.js.map

package/dist/{chunk-KOX2AEFW.js → chunk-ZKWVCSAB.js}

@@ -6,7 +6,7 @@ import {
   asFieldSize,
   fieldBorder,
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   inkOver
 } from "./chunk-2BYKTBDL.js";
@@ -217,4 +217,4 @@ export {
   buttonVariantStyles,
   buttonEmphasisStyles
 };
-//# sourceMappingURL=chunk-KOX2AEFW.js.map
+//# sourceMappingURL=chunk-ZKWVCSAB.js.map

package/dist/{chunk-K2U4BNHQ.js → chunk-ZNBLGS66.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XZTRZ3HO.js";
 import {
   muiThemeOptionsFrom
-} from "./chunk-AHDNANID.js";
+} from "./chunk-ZH2SZ6B3.js";
 import {
   createUiTheme
 } from "./chunk-YFODI4KT.js";
@@ -22,4 +22,4 @@ UiProvider.displayName = "UiProvider";
 export {
   UiProvider
 };
-//# sourceMappingURL=chunk-K2U4BNHQ.js.map
+//# sourceMappingURL=chunk-ZNBLGS66.js.map

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

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

package/dist/data-display/Badge.js

@@ -9,13 +9,13 @@ import "../chunk-3UIDKLML.js";
 import "../chunk-PYC4CWCQ.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-ZSTSISM6.js";
-import "../chunk-TRTX4BDI.js";
+import "../chunk-DJKVSUXH.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-PT6TCWIW.js";
-import "../chunk-EXFX3JRN.js";
-import "../chunk-GDN2LUTZ.js";
+import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";
 import "../chunk-EPEJMTCQ.js";
+import "../chunk-GDN2LUTZ.js";
 import "../chunk-YFODI4KT.js";
 import "../chunk-VBP46YP4.js";
 import "../chunk-2BYKTBDL.js";