@12-apps/ui 6.26.0 → 6.27.0

package/dist/{chunk-JWW2Z3RH.js → chunk-SMZBGHR2.js}

@@ -4,20 +4,20 @@ import {
   isActionable,
   isSelectable,
   slotTestIds
-} from "./chunk-OQFSYMHJ.js";
+} from "./chunk-67ALTEWH.js";
 import {
   DragHandle,
   useDragItem
 } from "./chunk-JCJGJX7V.js";
-import {
-  CARD_ASPECT_RATIOS
-} from "./chunk-LHHAYZ55.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  CARD_ASPECT_RATIOS
+} from "./chunk-LHHAYZ55.js";
 import {
   Checkbox
-} from "./chunk-R7R3LOKW.js";
+} from "./chunk-CA7TA36R.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-AIRWM7KK.js";
 import {
   Text
-} from "./chunk-343TTIHD.js";
+} from "./chunk-PENJBKPH.js";
 
 // src/components/data-display/DataViews/base-card.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -263,4 +263,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-JWW2Z3RH.js.map
+//# sourceMappingURL=chunk-SMZBGHR2.js.map

package/dist/{chunk-EZSEAYYT.js → chunk-SSWZHR46.js}

@@ -1,13 +1,13 @@
 import {
   badgeVariantStyles
-} from "./chunk-ZTF5C2GA.js";
+} from "./chunk-B5SW7I5W.js";
 import {
   bounceAnimation,
   fadeInScaleAnimation,
   glowPulseAnimation,
   pulseAnimation,
   shimmerAnimation
-} from "./chunk-HI2OFZSZ.js";
+} from "./chunk-YPILHGEO.js";
 import {
   BADGE_BORDER_WIDTH,
   BADGE_CONTENT_GAP,
@@ -23,10 +23,10 @@ import {
   PULSE,
   SHIMMER,
   badgeAnchor
-} from "./chunk-KVEHH4SA.js";
+} from "./chunk-DB2MAYPK.js";
 import {
   px
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/components/data-display/Badge/Badge.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -197,4 +197,4 @@ export {
   getAnchorOrigin,
   badgeStyles
 };
-//# sourceMappingURL=chunk-EZSEAYYT.js.map
+//# sourceMappingURL=chunk-SSWZHR46.js.map

package/dist/{chunk-NA7MIEG6.js → chunk-SZETT7QV.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-FAITHWIO.js";
 import {
   px
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/components/data-display/Avatar/Avatar.view.tsx
 import MuiAvatar from "@mui/material/Avatar/index.js";
@@ -272,4 +272,4 @@ function AvatarView(props) {
 export {
   AvatarView
 };
-//# sourceMappingURL=chunk-NA7MIEG6.js.map
+//# sourceMappingURL=chunk-SZETT7QV.js.map

package/dist/chunk-SZS7VZJN.js

@@ -0,0 +1,25 @@
+// src/components/form/Switch/Switch.ids.ts
+function switchIds({
+  generated,
+  id,
+  inputProps,
+  description,
+  helperText,
+  callerDescribedBy
+}) {
+  const inputId = inputProps?.id ?? id ?? `switch-${generated}`;
+  const descriptionId = description ? `${inputId}-description` : void 0;
+  const helperId = helperText ? `${inputId}-helper` : void 0;
+  const described = [callerDescribedBy, inputProps?.["aria-describedby"], descriptionId, helperId];
+  return {
+    inputId,
+    descriptionId,
+    helperId,
+    describedBy: described.filter(Boolean).join(" ") || void 0
+  };
+}
+
+export {
+  switchIds
+};
+//# sourceMappingURL=chunk-SZS7VZJN.js.map

package/dist/chunk-SZS7VZJN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Switch/Switch.ids.ts"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode } from 'react';\n\n/** The ids the DOM `Switch` wires its label and its two descriptions with. */\nexport interface SwitchIds {\n  /** The input's id. Always set — the label has to have something to point at. */\n  inputId: string;\n  descriptionId?: string;\n  helperId?: string;\n  /** Everything that DESCRIBES the control, the caller's own included. */\n  describedBy?: string;\n}\n\nexport interface SwitchIdSource {\n  /** `useId()`'s value, passed in so this stays a pure function. */\n  generated: string;\n  id?: string;\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  description?: ReactNode;\n  helperText?: ReactNode;\n  callerDescribedBy?: unknown;\n}\n\n/**\n * Derive every id one `Switch` needs, in one place (FUT-1905).\n *\n * The precedence is the point: an id the caller spelled — as `inputProps.id` or\n * as `id` — wins, because a consumer that chose one is usually pointing its own\n * `<label>` or a test at it. Only when there is none does the generated one\n * apply, and it comes from `useId` rather than from the test id: two call sites\n * sharing a `dataTestId` would otherwise share a `for`, and the second label\n * would toggle the first control.\n *\n * `describedBy` APPENDS rather than replaces. The description and the helper\n * line are the component's own, but a consumer that passed `aria-describedby`\n * meant it, and dropping it to make room would trade one silent omission for\n * another.\n *\n * It has TWO spellings and both count — top-level and inside `inputProps` —\n * because that is a consumer's choice of spelling, not a choice of meaning.\n * Reading only the first is how this shipped for one round: a caller writing\n * `inputProps={{ 'aria-describedby': … }}` had it silently dropped, which is the\n * omission the paragraph above says it must not trade for.\n */\nexport function switchIds({\n  generated,\n  id,\n  inputProps,\n  description,\n  helperText,\n  callerDescribedBy,\n}: SwitchIdSource): SwitchIds {\n  const inputId = inputProps?.id ?? id ?? `switch-${generated}`;\n  const descriptionId = description ? `${inputId}-description` : undefined;\n  const helperId = helperText ? `${inputId}-helper` : undefined;\n  const described = [callerDescribedBy, inputProps?.['aria-describedby'], descriptionId, helperId];\n\n  return {\n    inputId,\n    descriptionId,\n    helperId,\n    describedBy: described.filter(Boolean).join(' ') || undefined,\n  };\n}\n"],"mappings":";AA2CO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,UAAU,YAAY,MAAM,MAAM,UAAU,SAAS;AAC3D,QAAM,gBAAgB,cAAc,GAAG,OAAO,iBAAiB;AAC/D,QAAM,WAAW,aAAa,GAAG,OAAO,YAAY;AACpD,QAAM,YAAY,CAAC,mBAAmB,aAAa,kBAAkB,GAAG,eAAe,QAAQ;AAE/F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,UAAU,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,EACtD;AACF;","names":[]}

package/dist/{chunk-2HPP6RVC.js → chunk-TQOPF7LD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Text
-} from "./chunk-343TTIHD.js";
+} from "./chunk-PENJBKPH.js";
 
 // src/components/data-display/DataViews/save-view-preview.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -51,4 +51,4 @@ function PreviewBox({ preview, testIdPrefix }) {
 export {
   PreviewBox
 };
-//# sourceMappingURL=chunk-2HPP6RVC.js.map
+//# sourceMappingURL=chunk-TQOPF7LD.js.map

package/dist/{chunk-OLVZ6TOV.js → chunk-TUO47RL2.js}

@@ -1,13 +1,13 @@
 import {
   getSizeStyles
-} from "./chunk-EZSEAYYT.js";
+} from "./chunk-SSWZHR46.js";
 import {
   BADGE_CONTENT_GAP,
   BADGE_SIZES
-} from "./chunk-KVEHH4SA.js";
+} from "./chunk-DB2MAYPK.js";
 import {
   px
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/components/data-display/Badge/BadgeContent.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -85,4 +85,4 @@ var buildBadgeContent = ({
 export {
   buildBadgeContent
 };
-//# sourceMappingURL=chunk-OLVZ6TOV.js.map
+//# sourceMappingURL=chunk-TUO47RL2.js.map

package/dist/{chunk-N5IVVLTH.js → chunk-UG76BO5K.js}

@@ -1,18 +1,20 @@
 import {
+  onTrackInk,
   switchSx
-} from "./chunk-2ECT4IY2.js";
+} from "./chunk-DIHVWBQV.js";
 import {
   LABEL_GAP_UNITS,
-  SWITCH_ICON_SIZES
-} from "./chunk-MLCFODJO.js";
+  SWITCH_ICON_SIZES,
+  TAP_TARGET_MIN
+} from "./chunk-3W2IS5RH.js";
 
 // src/components/form/Switch/Switch.parts.tsx
 import Box from "@mui/material/Box/index.js";
 import FormHelperText from "@mui/material/FormHelperText/index.js";
 import MuiSwitch from "@mui/material/Switch/index.js";
 import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { styled, useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var StyledSwitch = styled(MuiSwitch, {
   shouldForwardProp: (prop) => ![
     "customVariant",
@@ -44,7 +46,14 @@ var StyledLabelContainer = styled(Box, {
   };
 });
 var LabelContainer = ({ labelPosition, error, children }) => /* @__PURE__ */ jsx(StyledLabelContainer, { labelPosition, error, children });
-var SwitchIcon = ({ icon, shown, animated, size, side }) => {
+var SwitchIcon = ({
+  icon,
+  shown,
+  animated,
+  size,
+  side,
+  onInk
+}) => {
   const isOn = side === "on";
   const translate = isOn ? "translate(-50%, -50%)" : "translate(50%, -50%)";
   return /* @__PURE__ */ jsx(
@@ -59,7 +68,7 @@ var SwitchIcon = ({ icon, shown, animated, size, side }) => {
         transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,
         pointerEvents: "none",
         zIndex: 2,
-        color: isOn ? "#fff" : "text.secondary",
+        color: isOn ? onInk : "text.secondary",
         fontSize: SWITCH_ICON_SIZES[size] ?? SWITCH_ICON_SIZES.md
       },
       children: icon
@@ -75,10 +84,15 @@ var SwitchControl = ({
   size,
   dataTestId,
   switchRef,
+  inputId,
+  inputProps,
+  describedBy,
   rest,
   ...flags
 }) => {
   const props = rest;
+  const theme = useTheme();
+  const onInk = onTrackInk(theme, flags);
   return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", display: "inline-flex" }, children: [
     /* @__PURE__ */ jsx(
       StyledSwitch,
@@ -88,13 +102,14 @@ var SwitchControl = ({
         checked,
         onChange,
         disabled: Boolean(flags.loading) || props.disabled,
+        ...props,
         inputProps: {
           "aria-label": props["aria-label"],
-          "aria-describedby": props["aria-describedby"],
-          ...props.inputProps,
-          "data-testid": dataTestId || "switch"
-        },
-        ...props
+          "data-testid": dataTestId || "switch",
+          ...inputProps,
+          id: inputId,
+          "aria-describedby": describedBy
+        }
       }
     ),
     onIcon && /* @__PURE__ */ jsx(
@@ -104,7 +119,8 @@ var SwitchControl = ({
         shown: Boolean(checked),
         animated,
         size,
-        side: "on"
+        side: "on",
+        onInk
       }
     ),
     offIcon && /* @__PURE__ */ jsx(
@@ -114,27 +130,42 @@ var SwitchControl = ({
         shown: !checked,
         animated,
         size,
-        side: "off"
+        side: "off",
+        onInk
       }
     )
   ] });
 };
-var SwitchHelper = ({ helperText, error, dataTestId }) => helperText ? /* @__PURE__ */ jsx(
+var SwitchHelper = ({ helperText, error, dataTestId, id }) => helperText ? /* @__PURE__ */ jsx(
   FormHelperText,
   {
+    id,
     error,
     sx: { mt: 1 },
     "data-testid": dataTestId ? `${dataTestId}-helper` : "switch-helper",
     children: helperText
   }
 ) : null;
-var SwitchLabel = ({ label, description, error, dataTestId }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+var SwitchLabel = ({ label, description, error, dataTestId, htmlFor, descriptionId, disabled }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
   /* @__PURE__ */ jsx(
     Typography,
     {
+      component: "label",
+      htmlFor,
       variant: "body2",
       fontWeight: 500,
       color: error ? "error.main" : "text.primary",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        // The floor applies to the row the label shares with the control. A
+        // description already makes the row taller than 40px, so forcing it
+        // there would only add blank space.
+        ...description ? {} : { minHeight: TAP_TARGET_MIN },
+        // A disabled control's label toggles nothing, so it must not wear the
+        // cursor that says it does.
+        ...htmlFor && !disabled ? { cursor: "pointer" } : {}
+      },
       "data-testid": dataTestId ? `${dataTestId}-label` : "switch-label",
       children: label
     }
@@ -142,6 +173,7 @@ var SwitchLabel = ({ label, description, error, dataTestId }) => /* @__PURE__ */
   description && /* @__PURE__ */ jsx(
     Typography,
     {
+      id: descriptionId,
       variant: "caption",
       color: error ? "error.main" : "text.secondary",
       sx: { display: "block", mt: 0.5 },
@@ -149,12 +181,40 @@ var SwitchLabel = ({ label, description, error, dataTestId }) => /* @__PURE__ */
     }
   )
 ] });
+var SwitchRow = ({
+  label,
+  description,
+  labelPosition,
+  error,
+  dataTestId,
+  htmlFor,
+  descriptionId,
+  disabled,
+  control
+}) => {
+  if (!label) return /* @__PURE__ */ jsx(Fragment, { children: control });
+  return /* @__PURE__ */ jsxs(LabelContainer, { labelPosition, error, children: [
+    labelPosition === "start" && control,
+    /* @__PURE__ */ jsx(
+      SwitchLabel,
+      {
+        label,
+        description,
+        error,
+        dataTestId,
+        htmlFor,
+        descriptionId,
+        disabled
+      }
+    ),
+    labelPosition !== "start" && control
+  ] });
+};
 
 export {
-  LabelContainer,
   SwitchIcon,
   SwitchControl,
   SwitchHelper,
-  SwitchLabel
+  SwitchRow
 };
-//# sourceMappingURL=chunk-N5IVVLTH.js.map
+//# sourceMappingURL=chunk-UG76BO5K.js.map

package/dist/chunk-UG76BO5K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Switch/Switch.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport MuiSwitch from '@mui/material/Switch/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { LABEL_GAP_UNITS, SWITCH_ICON_SIZES, TAP_TARGET_MIN } from './Switch.metrics';\nimport { onTrackInk, switchSx } from './Switch.styles';\nimport type { SwitchFlags } from './Switch.styles';\nimport type { SwitchProps } from './Switch.types';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\nconst StyledSwitch = styled(MuiSwitch, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'glow',\n      'glass',\n      'gradient',\n      'trackWidth',\n      'trackHeight',\n      'onText',\n      'offText',\n      'loading',\n      'ripple',\n      'pulse',\n    ].includes(prop as string),\n})<SwitchFlags>(({ theme, ...flags }) => ({ ...switchSx(theme, flags) }));\n\n/**\n * A top or bottom label stacks and aligns to the start; start/end sit the label\n * beside the control and centre it.\n */\nconst StyledLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['labelPosition', 'error'].includes(prop as string),\n})<{ labelPosition?: string; error?: boolean }>(({ theme, labelPosition, error }) => {\n  const stacked = labelPosition === 'top' || labelPosition === 'bottom';\n\n  return {\n    display: 'flex',\n    alignItems: stacked ? 'flex-start' : 'center',\n    flexDirection:\n      labelPosition === 'top' ? 'column' : labelPosition === 'bottom' ? 'column-reverse' : 'row',\n    gap: theme.spacing(stacked ? LABEL_GAP_UNITS.stacked : LABEL_GAP_UNITS.beside),\n    width: '100%',\n    ...(error && { '& .MuiTypography-root': { color: theme.palette.error.main } }),\n  };\n});\n\n/**\n * A plain wrapper over the styled row. Exporting the styled component itself\n * needs a @mui/system reference tsc calls unportable (TS2742).\n */\nconst LabelContainer: React.FC<{\n  labelPosition?: string;\n  error?: boolean;\n  children: React.ReactNode;\n}> = ({ labelPosition, error, children }) => (\n  <StyledLabelContainer labelPosition={labelPosition} error={error}>\n    {children}\n  </StyledLabelContainer>\n);\n\nexport interface SwitchIconProps {\n  icon: React.ReactNode;\n  /** True when this icon is the one the current state should show. */\n  shown: boolean;\n  animated: boolean;\n  size: string;\n  side: 'on' | 'off';\n  /** The ink for the ON icon, which sits on the brand-filled track (FUT-1924). */\n  onInk: string;\n}\n\n/**\n * One of the two icons overlaid on the track. The on icon slides to the left\n * edge when checked and the off icon to the right when unchecked; they are\n * mirror images, so they share this component rather than being written twice.\n */\nexport const SwitchIcon: React.FC<SwitchIconProps> = ({\n  icon,\n  shown,\n  animated,\n  size,\n  side,\n  onInk,\n}) => {\n  const isOn = side === 'on';\n  const translate = isOn ? 'translate(-50%, -50%)' : 'translate(50%, -50%)';\n\n  return (\n    <Box\n      sx={{\n        position: 'absolute',\n        top: '50%',\n        ...(isOn ? { left: shown ? 4 : '50%' } : { right: shown ? 4 : '50%' }),\n        transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n        opacity: shown ? 1 : 0,\n        transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,\n        pointerEvents: 'none',\n        zIndex: 2,\n        color: isOn ? onInk : 'text.secondary',\n        fontSize: SWITCH_ICON_SIZES[size as SizeValue] ?? SWITCH_ICON_SIZES.md,\n      }}\n    >\n      {icon}\n    </Box>\n  );\n};\n\nexport interface SwitchControlProps extends SwitchFlags {\n  checked?: boolean;\n  onChange?: SwitchProps['onChange'];\n  onIcon?: React.ReactNode;\n  offIcon?: React.ReactNode;\n  animated: boolean;\n  size: string;\n  dataTestId?: string;\n  switchRef?: React.Ref<HTMLButtonElement>;\n  /** The id the label points at — always set, so the input always has one. */\n  inputId: string;\n  /** The caller's own `inputProps`, merged rather than spread over (FUT-1905). */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /** The description's id, appended to whatever the caller described it by. */\n  describedBy?: string;\n  rest: Record<string, unknown>;\n}\n\n/** The control itself: the track, and the two icons that may sit over it. */\nexport const SwitchControl: React.FC<SwitchControlProps> = ({\n  checked,\n  onChange,\n  onIcon,\n  offIcon,\n  animated,\n  size,\n  dataTestId,\n  switchRef,\n  inputId,\n  inputProps,\n  describedBy,\n  rest,\n  ...flags\n}) => {\n  const props = rest as Record<string, unknown> & { disabled?: boolean };\n  const theme = useTheme();\n  const onInk = onTrackInk(theme, flags);\n\n  return (\n    <Box sx={{ position: 'relative', display: 'inline-flex' }}>\n      <StyledSwitch\n        ref={switchRef}\n        {...flags}\n        checked={checked}\n        onChange={onChange}\n        disabled={Boolean(flags.loading) || props.disabled}\n        {...props}\n        /*\n          AFTER `props`, not before it (FUT-1905). `inputProps` used to be\n          written first and `{...props}` spread over it, so a caller passing\n          `inputProps` of its own silently replaced the whole object — losing\n          the `data-testid` every spec finds this control by, and the `id` the\n          label points at.\n\n          The order inside is the contract. Everything the component DEFAULTS\n          goes first, so a caller's own key still wins — that is what it could\n          do before, and a fix for a clobber must not become a clobber the\n          other way. Only the two the component OWNS come last: the `id`, which\n          already resolved the caller's spelling of it (`switchIds`), and\n          `aria-describedby`, which by then already CONTAINS whatever the\n          caller passed, in either spelling.\n        */\n        inputProps={\n          {\n            'aria-label': props['aria-label'],\n            'data-testid': dataTestId || 'switch',\n            ...inputProps,\n            id: inputId,\n            'aria-describedby': describedBy,\n          } as React.InputHTMLAttributes<HTMLInputElement>\n        }\n      />\n\n      {onIcon && (\n        <SwitchIcon\n          icon={onIcon}\n          shown={Boolean(checked)}\n          animated={animated}\n          size={size}\n          side=\"on\"\n          onInk={onInk}\n        />\n      )}\n      {offIcon && (\n        <SwitchIcon\n          icon={offIcon}\n          shown={!checked}\n          animated={animated}\n          size={size}\n          side=\"off\"\n          onInk={onInk}\n        />\n      )}\n    </Box>\n  );\n};\n\n/**\n * The helper line, which is where a validation message lands — so it is\n * `aria-describedby`'d like the description (FUT-1905).\n *\n * It carried no `id` and nothing pointed at it, which means an `error` state\n * announced as \"checkbox, checked\" and nothing else: the one sentence saying\n * WHY was on screen and outside the accessibility tree.\n */\nexport const SwitchHelper: React.FC<{\n  helperText?: React.ReactNode;\n  error?: boolean;\n  dataTestId?: string;\n  id?: string;\n}> = ({ helperText, error, dataTestId, id }) =>\n  helperText ? (\n    <FormHelperText\n      id={id}\n      error={error}\n      sx={{ mt: 1 }}\n      data-testid={dataTestId ? `${dataTestId}-helper` : 'switch-helper'}\n    >\n      {helperText}\n    </FormHelperText>\n  ) : null;\n\n/**\n * The label, WIRED to the input it names (FUT-1905).\n *\n * It used to be a `<p>` rendered as the control's sibling, with no `for`, no\n * `id` on the input and no `aria-labelledby` — so a labelled `Switch` announced\n * as \"checkbox, checked\" with no name, and clicking the words did nothing. Every\n * `Switch` in a consumer app was affected, not one call site, and the workaround\n * each had to write was a hand-typed `aria-label` duplicating the text already\n * on screen.\n *\n * A real `<label for>` fixes the name and the pointer in the same stroke, and it\n * is also the answer to the TAP TARGET: no size in `SWITCH_SIZES` clears the\n * 40px floor (`xl` is 34px tall), so the control cannot be made big enough by\n * passing a bigger `size` — instead the label becomes the target, which is how\n * this is normally solved. Hence `display: flex` and `TAP_TARGET_MIN`: the\n * label fills its half of the row and is never shorter than the floor.\n *\n * The DESCRIPTION stays outside the label and is pointed at by\n * `aria-describedby` instead: inside it, a two-line explanation would be read\n * out as part of the control's name.\n */\nconst SwitchLabel: React.FC<{\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  error?: boolean;\n  dataTestId?: string;\n  /** The input's id. Omitted only where there is no input to point at. */\n  htmlFor?: string;\n  descriptionId?: string;\n  disabled?: boolean;\n}> = ({ label, description, error, dataTestId, htmlFor, descriptionId, disabled }) => (\n  <Box sx={{ flex: 1, minWidth: 0 }}>\n    <Typography\n      component=\"label\"\n      htmlFor={htmlFor}\n      variant=\"body2\"\n      fontWeight={500}\n      color={error ? 'error.main' : 'text.primary'}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        // The floor applies to the row the label shares with the control. A\n        // description already makes the row taller than 40px, so forcing it\n        // there would only add blank space.\n        ...(description ? {} : { minHeight: TAP_TARGET_MIN }),\n        // A disabled control's label toggles nothing, so it must not wear the\n        // cursor that says it does.\n        ...(htmlFor && !disabled ? { cursor: 'pointer' } : {}),\n      }}\n      data-testid={dataTestId ? `${dataTestId}-label` : 'switch-label'}\n    >\n      {label}\n    </Typography>\n    {description && (\n      <Typography\n        id={descriptionId}\n        variant=\"caption\"\n        color={error ? 'error.main' : 'text.secondary'}\n        sx={{ display: 'block', mt: 0.5 }}\n      >\n        {description}\n      </Typography>\n    )}\n  </Box>\n);\n\n/**\n * The control and its label in one row, or the control alone.\n *\n * Lives here rather than inline in `Switch.tsx` because the two branches only\n * differ in what surrounds the control — and the component that assembles them\n * was long enough that the wiring got hard to see between them.\n */\nexport const SwitchRow: React.FC<{\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  labelPosition?: string;\n  error?: boolean;\n  dataTestId?: string;\n  htmlFor: string;\n  descriptionId?: string;\n  disabled?: boolean;\n  control: React.ReactNode;\n}> = ({\n  label,\n  description,\n  labelPosition,\n  error,\n  dataTestId,\n  htmlFor,\n  descriptionId,\n  disabled,\n  control,\n}) => {\n  if (!label) return <>{control}</>;\n\n  return (\n    <LabelContainer labelPosition={labelPosition} error={error}>\n      {labelPosition === 'start' && control}\n\n      <SwitchLabel\n        label={label}\n        description={description}\n        error={error}\n        dataTestId={dataTestId}\n        htmlFor={htmlFor}\n        descriptionId={descriptionId}\n        disabled={disabled}\n      />\n\n      {labelPosition !== 'start' && control}\n    </LabelContainer>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-4IVDVZZ2.js → chunk-UGL6SJN6.js}

@@ -4,10 +4,10 @@ import {
   bannerPointerStates,
   fadeInSlide,
   getVariantColor
-} from "./chunk-M4LFDGI6.js";
+} from "./chunk-GYQT47YZ.js";
 import {
   FOCUS
-} from "./chunk-TXKZEKJN.js";
+} from "./chunk-XNOSTV5F.js";
 
 // src/components/data-display/Banner/Banner.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -260,4 +260,4 @@ Banner.displayName = "Banner";
 export {
   Banner
 };
-//# sourceMappingURL=chunk-4IVDVZZ2.js.map
+//# sourceMappingURL=chunk-UGL6SJN6.js.map

package/dist/{chunk-QJRDDVZ2.js → chunk-V5P5Q6HM.js}

@@ -7,14 +7,14 @@ import {
 } from "./chunk-SHDIZSN5.js";
 import {
   StaticMapView
-} from "./chunk-QYNCPS5W.js";
+} from "./chunk-WBKWIFXA.js";
 import {
   glassStyles,
   resolveMapPreviewProps
 } from "./chunk-ACZH2NUW.js";
 import {
   useMapPreview
-} from "./chunk-PQECNGDE.js";
+} from "./chunk-AGYGNNOM.js";
 
 // src/components/data-display/MapPreview/MapPreview.tsx
 import Box from "@mui/material/Box/index.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-QJRDDVZ2.js.map
+//# sourceMappingURL=chunk-V5P5Q6HM.js.map

package/dist/{chunk-73NJCGQG.js → chunk-VIK3HAUQ.js}

@@ -1,6 +1,6 @@
 import {
   usePhoneInput
-} from "./chunk-TXHJX2NG.js";
+} from "./chunk-BGYLL467.js";
 import {
   countries
 } from "./chunk-3JDP5OUR.js";
@@ -334,4 +334,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-73NJCGQG.js.map
+//# sourceMappingURL=chunk-VIK3HAUQ.js.map

package/dist/{chunk-7LCXGJN5.js → chunk-VK4ULJFH.js}

@@ -1,6 +1,6 @@
 import {
   useCardActions
-} from "./chunk-VNTOBLIB.js";
+} from "./chunk-Q3OFOOO7.js";
 import {
   ConfirmActionDialog
 } from "./chunk-QQS3GQYS.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-7LCXGJN5.js.map
+//# sourceMappingURL=chunk-VK4ULJFH.js.map

package/dist/{chunk-QYNCPS5W.js → chunk-WBKWIFXA.js}

@@ -4,16 +4,16 @@ import {
   MapDecorativePins,
   MapRoads,
   MapScaleBar
-} from "./chunk-W3FAKT3D.js";
+} from "./chunk-2SWQ6HIK.js";
 import {
   MapTiles
-} from "./chunk-JB67KPGM.js";
-import {
-  surfaceBackground
-} from "./chunk-DRADVLHZ.js";
+} from "./chunk-RRO2EOJB.js";
 import {
   getTileCoordinates
 } from "./chunk-TUBCN4DJ.js";
+import {
+  surfaceBackground
+} from "./chunk-DRADVLHZ.js";
 
 // src/components/data-display/MapPreview/StaticMapView.tsx
 import Box from "@mui/material/Box/index.js";
@@ -59,4 +59,4 @@ var StaticMapView = ({
 export {
   StaticMapView
 };
-//# sourceMappingURL=chunk-QYNCPS5W.js.map
+//# sourceMappingURL=chunk-WBKWIFXA.js.map

package/dist/{chunk-X4Z62ZQY.js → chunk-WETAIIKC.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-JXPHU3K5.js";
+} from "./chunk-LGJ2H4AH.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-X4Z62ZQY.js.map
+//# sourceMappingURL=chunk-WETAIIKC.js.map

package/dist/{chunk-GMTM6EN7.js → chunk-WKF54CCK.js}

@@ -1,15 +1,15 @@
-import {
-  useAddressAutocomplete
-} from "./chunk-4MGFUPQT.js";
-import {
-  AddressFallbackField
-} from "./chunk-HKKSZ7HG.js";
 import {
   AddressAutocompleteField
 } from "./chunk-KW7H5O3K.js";
+import {
+  useAddressAutocomplete
+} from "./chunk-HOJL2GKW.js";
 import {
   resolveAddressProps
 } from "./chunk-MTGEJRE4.js";
+import {
+  AddressFallbackField
+} from "./chunk-HKKSZ7HG.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.tsx
 import LocationIcon from "@mui/icons-material/LocationOn";
@@ -35,4 +35,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-GMTM6EN7.js.map
+//# sourceMappingURL=chunk-WKF54CCK.js.map

package/dist/{chunk-KT6HWAEN.js → chunk-WZUNBSS7.js}

@@ -1,6 +1,6 @@
 import {
   buildChartContext
-} from "./chunk-BLBOYCOV.js";
+} from "./chunk-HKV4MQ2W.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
@@ -312,4 +312,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-KT6HWAEN.js.map
+//# sourceMappingURL=chunk-WZUNBSS7.js.map

package/dist/{chunk-Y2B3I3IH.js → chunk-X5RDHO6G.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-WAPJ2DL3.js";
+} from "./chunk-72T5PAW7.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-Y2B3I3IH.js.map
+//# sourceMappingURL=chunk-X5RDHO6G.js.map

package/dist/{chunk-TXKZEKJN.js → chunk-XNOSTV5F.js}

@@ -1,6 +1,6 @@
 import {
   contrastText
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 import {
   alpha,
   darken,
@@ -130,4 +130,4 @@ export {
   gradientSurface,
   alertSurface
 };
-//# sourceMappingURL=chunk-TXKZEKJN.js.map
+//# sourceMappingURL=chunk-XNOSTV5F.js.map

package/dist/{chunk-7JXLGOM2.js → chunk-Y55ILY2F.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-XZTRZ3HO.js";
 import {
   muiThemeOptionsFrom
-} from "./chunk-YMRI5QKG.js";
+} from "./chunk-IV5QQLCS.js";
 import {
   createUiTheme
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/provider/UiProvider.tsx
 import { createTheme, ThemeProvider } from "@mui/material/styles/index.js";
@@ -22,4 +22,4 @@ UiProvider.displayName = "UiProvider";
 export {
   UiProvider
 };
-//# sourceMappingURL=chunk-7JXLGOM2.js.map
+//# sourceMappingURL=chunk-Y55ILY2F.js.map

package/dist/{chunk-HI2OFZSZ.js → chunk-YPILHGEO.js}

@@ -3,7 +3,7 @@ import {
   FADE_IN_SCALE,
   GLOW_PULSE,
   PULSE
-} from "./chunk-KVEHH4SA.js";
+} from "./chunk-DB2MAYPK.js";
 
 // src/components/data-display/Badge/Badge.animations.ts
 import { keyframes } from "@mui/material/styles/index.js";
@@ -72,4 +72,4 @@ export {
   fadeInScaleAnimation,
   glowPulseAnimation
 };
-//# sourceMappingURL=chunk-HI2OFZSZ.js.map
+//# sourceMappingURL=chunk-YPILHGEO.js.map

package/dist/{chunk-V3PLFYKO.js → chunk-ZAJO2B75.js}

@@ -1,7 +1,7 @@
 import {
   FONT_WEIGHTS,
   TYPE_SIZES
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/components/typography/Text/Text.metrics.ts
 var TEXT_SIZES = TYPE_SIZES;
@@ -31,4 +31,4 @@ export {
   CODE_PADDING,
   CODE_RADIUS_FACTOR
 };
-//# sourceMappingURL=chunk-V3PLFYKO.js.map
+//# sourceMappingURL=chunk-ZAJO2B75.js.map

package/dist/data-display/Alert.js

@@ -1,12 +1,12 @@
 import "../chunk-NUGT7LMR.js";
 import {
   Alert
-} from "../chunk-4Y6SPFKW.js";
-import "../chunk-CXLAJZSE.js";
+} from "../chunk-FOF2RAVQ.js";
+import "../chunk-3VZT2FAI.js";
 import "../chunk-L7VH6IMR.js";
-import "../chunk-TXKZEKJN.js";
+import "../chunk-XNOSTV5F.js";
 import "../chunk-TYJR4GOF.js";
-import "../chunk-NQN5Z36J.js";
+import "../chunk-QLI7ES7Z.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-FZXKH2ZT.js";