@12-apps/ui 6.20.0 → 6.22.0

package/dist/{chunk-47UD6DZ4.js → chunk-4523RYE7.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk-INGPH3YQ.js";
 import {
   Heading
-} from "./chunk-Z7JNCB5Q.js";
+} from "./chunk-MESRKY67.js";
 import {
   Separator
 } from "./chunk-MCZ7536N.js";
 import {
   Card,
   CardContent
-} from "./chunk-D2IASECY.js";
+} from "./chunk-AIRWM7KK.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/social-login-button/social-login-button.tsx
 import * as React from "react";
@@ -174,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-47UD6DZ4.js.map
+//# sourceMappingURL=chunk-4523RYE7.js.map

package/dist/{chunk-AEGX66N7.js → chunk-4IVOHL32.js}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-QZWKC3AP.js";
+} from "./chunk-7VN7LFBA.js";
 
 // src/components/data-display/StatCard/StatCard.tsx
 import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
@@ -200,4 +200,4 @@ export {
   StatCard,
   StatCard_default
 };
-//# sourceMappingURL=chunk-AEGX66N7.js.map
+//# sourceMappingURL=chunk-4IVOHL32.js.map

package/dist/{chunk-OQXOYHIV.js → chunk-4OHRZW7U.js}

@@ -1,16 +1,22 @@
 import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
-import {
-  SIZE_MAP,
   filledStyles,
   floatingLabelStyles,
   glowStyles,
   inputBaseStyles,
-  muiVariantFor,
   outlinedStyles,
   pulseStyles
-} from "./chunk-RMSH2I3O.js";
+} from "./chunk-S6YY2WWK.js";
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
+import {
+  INPUT_LOADING,
+  SIZE_MAP,
+  muiVariantFor
+} from "./chunk-DFK6QCXX.js";
+import {
+  splitTestId
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/form/Input/Input.tsx
 import CircularProgress from "@mui/material/CircularProgress/index.js";
@@ -22,7 +28,7 @@ var StyledTextField = styled(TextFieldSlim, {
   shouldForwardProp: (prop) => !["customVariant", "floating", "glow", "pulse", "loading"].includes(prop)
 })(({ theme, customVariant, floating, glow, pulse, loading }) => ({
   position: "relative",
-  opacity: loading ? 0.7 : 1,
+  opacity: loading ? INPUT_LOADING.opacity : 1,
   ...glow ? glowStyles(theme) : {},
   ...pulse ? pulseStyles(theme) : {},
   ...floating ? floatingLabelStyles(theme) : {},
@@ -38,7 +44,7 @@ var EndAdornment = ({
   endAdornment
 }) => {
   if (loading) {
-    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) });
+    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: INPUT_LOADING.spinnerSize }) });
   }
   if (!endAdornment) return null;
   return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
@@ -64,42 +70,44 @@ var Input = React.forwardRef(
     onClick,
     onFocus,
     onBlur,
-    "data-testid": dataTestId,
     "aria-label": ariaLabel,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    StyledTextField,
-    {
-      ref,
-      variant: muiVariantFor(variant),
-      customVariant: variant,
-      floating,
-      glow,
-      pulse,
-      loading,
-      label,
-      error,
-      helperText,
-      fullWidth,
-      ...interactionProps(loading, onClick, props.disabled),
-      onFocus,
-      onBlur,
-      inputProps: {
-        "data-testid": dataTestId,
-        ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
-      },
-      InputProps: {
-        startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
-        endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
-      },
-      ...SIZE_MAP[size],
-      ...props
-    }
-  )
+    ...rest
+  }, ref) => {
+    const { testId: dataTestId, rest: props } = splitTestId(rest);
+    return /* @__PURE__ */ jsx(
+      StyledTextField,
+      {
+        ref,
+        variant: muiVariantFor(variant),
+        customVariant: variant,
+        floating,
+        glow,
+        pulse,
+        loading,
+        label,
+        error,
+        helperText,
+        fullWidth,
+        ...interactionProps(loading, onClick, props.disabled),
+        onFocus,
+        onBlur,
+        inputProps: {
+          "data-testid": dataTestId,
+          ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
+        },
+        InputProps: {
+          startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
+          endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
+        },
+        ...SIZE_MAP[size],
+        ...props
+      }
+    );
+  }
 );
 Input.displayName = "Input";
 
 export {
   Input
 };
-//# sourceMappingURL=chunk-OQXOYHIV.js.map
+//# sourceMappingURL=chunk-4OHRZW7U.js.map

package/dist/chunk-4OHRZW7U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={INPUT_LOADING.spinnerSize} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,cAAc;AACvB,OAAO,WAAW;AA2DV;AAlCR,IAAM,kBAAkB,OAAO,eAAe;AAAA,EAC5C,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACtF,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAChE,UAAU;AAAA,EACV,SAAS,UAAU,cAAc,UAAU;AAAA,EAE3C,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,KAAK,IAAI,CAAC;AAAA,EAClC,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,cAAc,aAAa,GACrD;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,IAAI,YAAY,IAAI;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,OAAO;AAAA,QAC9B,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,QACrD;AAAA,QACA;AAAA,QASA,YAAY;AAAA,UACV,eAAe;AAAA,UACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,QAC/D;AAAA,QACA,YAAY;AAAA,UACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,UAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,QAC5E;AAAA,QACC,GAAG,SAAS,IAAI;AAAA,QAChB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/{chunk-GGE7Y53F.js → chunk-4TXIZ5WI.js}

@@ -7,7 +7,7 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-FCOEJCUP.js";
+} from "./chunk-TFO6GBW7.js";
 
 // src/components/form/CategorySelect/CategoryPanelHead.tsx
 import Box from "@mui/material/Box/index.js";
@@ -144,4 +144,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-GGE7Y53F.js.map
+//# sourceMappingURL=chunk-4TXIZ5WI.js.map

package/dist/{chunk-IJIT5HQP.js → chunk-4X4KM4ZB.js}

@@ -4,16 +4,16 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/DeleteViewDialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-IJIT5HQP.js.map
+//# sourceMappingURL=chunk-4X4KM4ZB.js.map

package/dist/{chunk-6PRA45LC.js → chunk-5KEMPCW4.js}

@@ -1,3 +1,18 @@
+import {
+  DIALOG_BACKDROP,
+  DIALOG_BORDER_WIDTH,
+  DIALOG_GLASS,
+  DIALOG_GLOW,
+  DIALOG_GRADIENT,
+  DIALOG_MARGIN_UNITS,
+  DIALOG_MAX_WIDTH,
+  DIALOG_PULSE,
+  DIALOG_RADIUS_UNITS,
+  DIALOG_WIDTH_PERCENT
+} from "./chunk-VM3HRSAU.js";
+import {
+  shadowCss
+} from "./chunk-73BEVJCS.js";
 import {
   dynamicViewportHeight
 } from "./chunk-AKZWDZCZ.js";
@@ -10,7 +25,7 @@ var pulseAnimation = keyframes`
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 20px currentColor;
+    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;
     opacity: 0;
   }
   100% {
@@ -19,41 +34,18 @@ var pulseAnimation = keyframes`
   }
 `;
 function borderRadiusOf(theme, borderRadius) {
-  switch (borderRadius) {
-    case "none":
-      return 0;
-    case "sm":
-      return theme.spacing(0.5);
-    case "md":
-      return theme.spacing(1);
-    case "xl":
-      return theme.spacing(3);
-    case "lg":
-    default:
-      return theme.spacing(2);
-  }
+  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;
+  return units === 0 ? 0 : theme.spacing(units);
 }
 function maxWidthOf(size) {
-  switch (size) {
-    case "xs":
-      return 400;
-    case "sm":
-      return 600;
-    case "lg":
-      return 1e3;
-    case "xl":
-      return 1200;
-    case "md":
-    default:
-      return 800;
-  }
+  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;
 }
 function baseStylesOf(theme, opts) {
   return {
     borderRadius: borderRadiusOf(theme, opts.borderRadius),
     maxWidth: maxWidthOf(opts.size),
-    width: "90vw",
-    margin: theme.spacing(2),
+    width: `${DIALOG_WIDTH_PERCENT}vw`,
+    margin: theme.spacing(DIALOG_MARGIN_UNITS),
     transition: theme.transitions.create(
       ["box-shadow", "background-color", "backdrop-filter"],
       { duration: theme.transitions.duration.standard }
@@ -61,7 +53,15 @@ function baseStylesOf(theme, opts) {
   };
 }
 function glowStylesOf(theme, glow) {
-  return glow ? { boxShadow: `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}` } : {};
+  return glow ? {
+    boxShadow: shadowCss({
+      offsetX: 0,
+      offsetY: 0,
+      blurRadius: DIALOG_GLOW.blurRadius,
+      spreadDistance: 0,
+      color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha)
+    })
+  } : {};
 }
 function pulseStylesOf(theme, pulse) {
   if (!pulse) return {};
@@ -76,23 +76,23 @@ function pulseStylesOf(theme, pulse) {
       bottom: 0,
       borderRadius: "inherit",
       backgroundColor: theme.palette.primary.main,
-      opacity: 0.3,
-      animation: `${pulseAnimation} 2s infinite`,
+      opacity: DIALOG_PULSE.alpha,
+      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1e3}s infinite`,
       pointerEvents: "none",
-      zIndex: -1
+      zIndex: DIALOG_PULSE.zIndex
     }
   };
 }
 function defaultVariantStyles(theme, opts) {
   const gradientStyles = opts.gradient ? {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
-    backdropFilter: "blur(10px)"
+    background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,
+    backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`
   } : {};
   return {
     ...gradientStyles,
-    backgroundColor: opts.glass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,
-    backdropFilter: opts.glass ? "blur(20px)" : "none",
-    border: opts.glass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : "none"
+    backgroundColor: opts.glass ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha) : theme.palette.background.paper,
+    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : "none",
+    border: opts.glass ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}` : "none"
   };
 }
 function variantStylesOf(theme, opts) {
@@ -105,10 +105,16 @@ function variantStylesOf(theme, opts) {
       return {
         ...baseStylesOf(theme, opts),
         ...decorations,
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
+        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),
+        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,
+        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,
+        boxShadow: shadowCss({
+          offsetX: 0,
+          offsetY: DIALOG_GLASS.shadow.offsetY,
+          blurRadius: DIALOG_GLASS.shadow.blurRadius,
+          spreadDistance: 0,
+          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha)
+        })
       };
     case "fullscreen":
       return {
@@ -144,8 +150,11 @@ function variantStylesOf(theme, opts) {
 }
 function backdropSxOf(theme, glass) {
   return {
-    backgroundColor: glass ? alpha(theme.palette.common.black, 0.2) : alpha(theme.palette.common.black, 0.5),
-    backdropFilter: glass ? "blur(8px)" : "none"
+    backgroundColor: alpha(
+      theme.palette.common.black,
+      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain
+    ),
+    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : "none"
   };
 }
 
@@ -153,4 +162,4 @@ export {
   variantStylesOf,
   backdropSxOf
 };
-//# sourceMappingURL=chunk-6PRA45LC.js.map
+//# sourceMappingURL=chunk-5KEMPCW4.js.map

package/dist/chunk-5KEMPCW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport type { DialogBorderRadius, DialogSize, DialogVariant } from './Dialog.base';\nimport {\n  DIALOG_BACKDROP,\n  DIALOG_BORDER_WIDTH,\n  DIALOG_GLASS,\n  DIALOG_GLOW,\n  DIALOG_GRADIENT,\n  DIALOG_MARGIN_UNITS,\n  DIALOG_MAX_WIDTH,\n  DIALOG_PULSE,\n  DIALOG_RADIUS_UNITS,\n  DIALOG_WIDTH_PERCENT,\n} from './Dialog.metrics';\nimport { shadowCss } from '../../../tokens/shadow';\nimport { dynamicViewportHeight } from '../../../utils/viewport';\n\n/**\n * Paper/backdrop styling for the Dialog component (FUT-181 gate cleanup):\n * pure helpers so `Dialog.tsx` stays within the size/complexity budget.\n *\n * Every number comes from `Dialog.metrics.ts`, which the native renderer reads\n * too — so a paper cannot be 800px wide on one side and 780 on the other.\n */\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Style toggles that shape the dialog paper (extracted so each fn stays small). */\ninterface VariantStyleOptions {\n  variant: DialogVariant;\n  size: DialogSize;\n  borderRadius: DialogBorderRadius;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\nfunction borderRadiusOf(theme: Theme, borderRadius: VariantStyleOptions['borderRadius']) {\n  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? 0 : theme.spacing(units);\n}\n\nfunction maxWidthOf(size: VariantStyleOptions['size']): number {\n  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;\n}\n\nfunction baseStylesOf(theme: Theme, opts: VariantStyleOptions) {\n  return {\n    borderRadius: borderRadiusOf(theme, opts.borderRadius),\n    maxWidth: maxWidthOf(opts.size),\n    width: `${DIALOG_WIDTH_PERCENT}vw`,\n    margin: theme.spacing(DIALOG_MARGIN_UNITS),\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n}\n\nfunction glowStylesOf(theme: Theme, glow: boolean) {\n  return glow\n    ? {\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: 0,\n          blurRadius: DIALOG_GLOW.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha),\n        }),\n      }\n    : {};\n}\n\nfunction pulseStylesOf(theme: Theme, pulse: boolean) {\n  if (!pulse) return {};\n  return {\n    position: 'relative' as const,\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute' as const,\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: DIALOG_PULSE.alpha,\n      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1000}s infinite`,\n      pointerEvents: 'none' as const,\n      zIndex: DIALOG_PULSE.zIndex,\n    },\n  };\n}\n\n/** The default variant's paper: optional gradient/glass over the base styles. */\nfunction defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {\n  const gradientStyles = opts.gradient\n    ? {\n        background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,\n        backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`,\n      }\n    : {};\n  return {\n    ...gradientStyles,\n    backgroundColor: opts.glass\n      ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha)\n      : theme.palette.background.paper,\n    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : 'none',\n    border: opts.glass\n      ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`\n      : 'none',\n  };\n}\n\nexport function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProps<Theme> {\n  const decorations = {\n    ...glowStylesOf(theme, opts.glow),\n    ...pulseStylesOf(theme, opts.pulse),\n  };\n  switch (opts.variant) {\n    case 'glass':\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),\n        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,\n        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: DIALOG_GLASS.shadow.offsetY,\n          blurRadius: DIALOG_GLASS.shadow.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha),\n        }),\n      };\n    case 'fullscreen':\n      return {\n        borderRadius: 0,\n        margin: 0,\n        width: '100vw',\n        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.\n        ...dynamicViewportHeight('height'),\n        maxWidth: 'none',\n        maxHeight: 'none',\n        ...decorations,\n      };\n    case 'drawer': {\n      const radius = borderRadiusOf(theme, opts.borderRadius);\n      return {\n        borderRadius: `${radius}px 0 0 ${radius}px`,\n        margin: 0,\n        width: maxWidthOf(opts.size),\n        ...dynamicViewportHeight('height'),\n        maxHeight: 'none',\n        position: 'absolute' as const,\n        right: 0,\n        ...decorations,\n      };\n    }\n    default:\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        ...defaultVariantStyles(theme, opts),\n      };\n  }\n}\n\nexport function backdropSxOf(theme: Theme, glass: boolean) {\n  return {\n    backgroundColor: alpha(\n      theme.palette.common.black,\n      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain,\n    ),\n    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : 'none',\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-M7OHXNLF.js → chunk-5NKUYCZD.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-NRUYYGDZ.js";
+} from "./chunk-WLQTHPMX.js";
 import {
   PanelRangeField
 } from "./chunk-QZBUGUOY.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-J3JGO6Y6.js";
 import {
   StackedModal
-} from "./chunk-YRUCIKPO.js";
+} from "./chunk-2UYR2OOE.js";
 import {
   StackedModalContent
 } from "./chunk-JN3PGXRJ.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-M7OHXNLF.js.map
+//# sourceMappingURL=chunk-5NKUYCZD.js.map

package/dist/{chunk-C52BELLW.js → chunk-5OIH36KX.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-empty.tsx
 import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
@@ -77,4 +77,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-C52BELLW.js.map
+//# sourceMappingURL=chunk-5OIH36KX.js.map

package/dist/chunk-5ZNU2U4D.js

@@ -0,0 +1,41 @@
+// src/components/form/Checkbox/Checkbox.metrics.ts
+var CHECKBOX_PADDING = 9;
+var CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 };
+var glyphSize = (size) => CHECKBOX_GLYPH_SIZES[size ?? "medium"] ?? CHECKBOX_GLYPH_SIZES.medium;
+var CHECKBOX_GLYPH = {
+  checked: "CheckBox",
+  unchecked: "CheckBoxOutlineBlank",
+  indeterminate: "IndeterminateCheckBox"
+};
+var CHECKBOX_VARIANT = {
+  default: {},
+  rounded: { radius: "50%" },
+  toggle: { radius: 12, scale: 1.2 }
+};
+var CHECKBOX_HOVER_ALPHA = 0.1;
+var CHECKBOX_TRANSITION_MS = 300;
+var CHECKBOX_SPINNER = { size: 20, offset: -10 };
+var CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 };
+var CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2e3 };
+var CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2e3 };
+var effectInk = (alphaValue) => `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;
+var CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 };
+var CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 };
+
+export {
+  CHECKBOX_PADDING,
+  CHECKBOX_GLYPH_SIZES,
+  glyphSize,
+  CHECKBOX_GLYPH,
+  CHECKBOX_VARIANT,
+  CHECKBOX_HOVER_ALPHA,
+  CHECKBOX_TRANSITION_MS,
+  CHECKBOX_SPINNER,
+  CHECKBOX_EFFECT_INK,
+  CHECKBOX_GLOW,
+  CHECKBOX_PULSE,
+  effectInk,
+  CHECKBOX_LABEL,
+  CHECKBOX_HELPER
+};
+//# sourceMappingURL=chunk-5ZNU2U4D.js.map

package/dist/chunk-5ZNU2U4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.metrics.ts"],"sourcesContent":["import type { CheckboxVariant } from './Checkbox.base';\n\n/**\n * THE NUMBERS BOTH `Checkbox` RENDERERS DRAW WITH.\n *\n * `Checkbox.tsx` (web, emotion over MUI's `Checkbox`) and\n * `Checkbox.native.tsx` (React Native) read this one table. As with the other\n * fields, some of it is what the web writes itself — the two variants' corner\n * treatment, the glow and pulse keyframes, the helper text's inset — and some\n * is what MUI supplies underneath: `SwitchBase`'s 9px padding, `SvgIcon`'s\n * three sizes, and the ink a box is drawn in.\n */\n\n/** MUI's `SwitchBase`: 9px of padding around the glyph, at every size. */\nexport const CHECKBOX_PADDING = 9;\n\n/** `SvgIcon`'s own three steps. MUI passes the `size` prop straight to the glyph. */\nexport const CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 } as const;\nexport type CheckboxSize = keyof typeof CHECKBOX_GLYPH_SIZES;\n\nexport const glyphSize = (size: CheckboxSize | undefined): number =>\n  CHECKBOX_GLYPH_SIZES[size ?? 'medium'] ?? CHECKBOX_GLYPH_SIZES.medium;\n\n/**\n * The three glyphs MUI draws, by state.\n *\n * `@12-apps/ui/icons` generates their paths from the same\n * `@mui/icons-material` package MUI's own `Checkbox` imports them from, so the\n * native box is the web box rather than a hand-drawn square.\n */\nexport const CHECKBOX_GLYPH = {\n  checked: 'CheckBox',\n  unchecked: 'CheckBoxOutlineBlank',\n  indeterminate: 'IndeterminateCheckBox',\n} as const;\n\n/**\n * The corner each variant gives the glyph's box.\n *\n * `rounded` is a circle and `toggle` a 12px radius at 1.2 scale — both applied\n * to the SVG's own box on the web, where they show only through what the box\n * clips. Native gives them the same radius and the same scale.\n */\nexport const CHECKBOX_VARIANT: Record<CheckboxVariant, { radius?: number | string; scale?: number }> = {\n  default: {},\n  rounded: { radius: '50%' },\n  toggle: { radius: 12, scale: 1.2 },\n};\n\n/** The wash a hovered box takes, and the 0.3s every state change runs over. */\nexport const CHECKBOX_HOVER_ALPHA = 0.1;\nexport const CHECKBOX_TRANSITION_MS = 300;\n\n/** `loading`: MUI's 20px `CircularProgress`, centred over the box. */\nexport const CHECKBOX_SPINNER = { size: 20, offset: -10 } as const;\n\n/**\n * `glow` and `pulse` are keyed to MUI's DEFAULT blue rather than the theme's\n * primary — the web writes the rgba out by hand — so both renderers do.\n */\nexport const CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 } as const;\nexport const CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2000 } as const;\nexport const CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2000 } as const;\n\n/** MUI's default blue at an alpha, as the web's keyframes spell it. */\nexport const effectInk = (alphaValue: number): string =>\n  `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;\n\n/** `FormControlLabel`: flush left, its label at MUI's `body2` size. */\nexport const CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 } as const;\n\n/** `FormHelperText`: four spacing units in, half a unit down. */\nexport const CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 } as const;\n"],"mappings":";AAcO,IAAM,mBAAmB;AAGzB,IAAM,uBAAuB,EAAE,OAAO,IAAI,QAAQ,IAAI,OAAO,GAAG;AAGhE,IAAM,YAAY,CAAC,SACxB,qBAAqB,QAAQ,QAAQ,KAAK,qBAAqB;AAS1D,IAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AACjB;AASO,IAAM,mBAA0F;AAAA,EACrG,SAAS,CAAC;AAAA,EACV,SAAS,EAAE,QAAQ,MAAM;AAAA,EACzB,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI;AACnC;AAGO,IAAM,uBAAuB;AAC7B,IAAM,yBAAyB;AAG/B,IAAM,mBAAmB,EAAE,MAAM,IAAI,QAAQ,IAAI;AAMjD,IAAM,sBAAsB,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI;AACpD,IAAM,gBAAgB,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,OAAO,EAAE,MAAM,KAAK,IAAI,IAAI,GAAG,IAAI,IAAK;AAC3F,IAAM,iBAAiB,EAAE,QAAQ,IAAI,OAAO,KAAK,IAAI,IAAK;AAG1D,IAAM,YAAY,CAAC,eACxB,QAAQ,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,KAAK,UAAU;AAG3F,IAAM,iBAAiB,EAAE,YAAY,GAAG,UAAU,GAAG;AAGrD,IAAM,kBAAkB,EAAE,iBAAiB,GAAG,gBAAgB,KAAK,UAAU,IAAI,YAAY,KAAK;","names":[]}

package/dist/{chunk-LMJBINWN.js → chunk-5ZTUP65G.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk-LMXWI3DD.js";
 import {
   CategoryPanel
-} from "./chunk-WO52KYSU.js";
-import {
-  useCategoryCommit
-} from "./chunk-ZAB65STX.js";
+} from "./chunk-AGSBIUPV.js";
 import {
   CategoryTrigger
-} from "./chunk-ZBNTFWTG.js";
+} from "./chunk-KIHQE5YA.js";
 import {
   METRICS
-} from "./chunk-FCOEJCUP.js";
+} from "./chunk-TFO6GBW7.js";
 import {
   useCategorySelect
 } from "./chunk-2GB5CIN6.js";
 import {
   useCategoryKeyHandler
 } from "./chunk-ISH42UC7.js";
+import {
+  useCategoryCommit
+} from "./chunk-ZAB65STX.js";
 import {
   summarizeSelection
 } from "./chunk-LR6MSKTT.js";
@@ -158,4 +158,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-LMJBINWN.js.map
+//# sourceMappingURL=chunk-5ZTUP65G.js.map

package/dist/{chunk-EX3PSZLV.js → chunk-67L7HMEP.js}

@@ -1,6 +1,6 @@
 import {
   ICON_PATHS
-} from "./chunk-VMNSGE2G.js";
+} from "./chunk-KEVPUBOE.js";
 import {
   iconFill
 } from "./chunk-QWBQVQRG.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-KLREH4X6.js";
 import {
   resolveTestId
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/icons/Icon.tsx
 import SvgIcon from "@mui/material/SvgIcon/index.js";
@@ -46,4 +46,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-EX3PSZLV.js.map
+//# sourceMappingURL=chunk-67L7HMEP.js.map

package/dist/{chunk-2EKALM6P.js → chunk-6JGPPTLX.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-VEFDL77X.js";
+} from "./chunk-NWNSUHEB.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,10 +16,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/ManageViewsDialog.tsx
 import { useMemo } from "react";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-2EKALM6P.js.map
+//# sourceMappingURL=chunk-6JGPPTLX.js.map

package/dist/{chunk-LZRURORY.js → chunk-6NZTYZP5.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-MY5VNNSP.js";
+} from "./chunk-ZIYMBR7K.js";
 import {
   Dialog
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-LZRURORY.js.map
+//# sourceMappingURL=chunk-6NZTYZP5.js.map