@12-apps/ui 6.20.0 → 6.21.0

package/dist/chunk-DFK6QCXX.js

@@ -0,0 +1,150 @@
+import {
+  SIZE_VALUES
+} from "./chunk-7ZPUN7TV.js";
+import {
+  decomposeColor,
+  recomposeColor
+} from "./chunk-6JAIFIPW.js";
+
+// src/components/form/Input/Input.metrics.ts
+var muiVariantFor = (variant) => {
+  switch (variant) {
+    case "underline":
+      return "standard";
+    case "glass":
+    case "gradient":
+      return "outlined";
+    default:
+      return variant;
+  }
+};
+var INPUT_MUI_SIZE = {
+  xs: "small",
+  sm: "small",
+  md: "medium",
+  lg: "medium",
+  xl: "medium"
+};
+var INPUT_SIZE_OVERRIDES = {
+  xs: { vertical: 6, horizontal: 10 },
+  lg: { vertical: 16, horizontal: 14 },
+  xl: { vertical: 20, horizontal: 16 }
+};
+var MUI_INPUT_PADDING = {
+  outlined: {
+    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },
+    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 }
+  },
+  filled: {
+    small: { top: 21, right: 12, bottom: 4, left: 12 },
+    medium: { top: 25, right: 12, bottom: 8, left: 12 }
+  },
+  standard: {
+    small: { top: 1, right: 0, bottom: 5, left: 0 },
+    medium: { top: 4, right: 0, bottom: 5, left: 0 }
+  }
+};
+function inputPadding(variant, size) {
+  const override = INPUT_SIZE_OVERRIDES[size];
+  if (override) {
+    return {
+      top: override.vertical,
+      right: override.horizontal,
+      bottom: override.vertical,
+      left: override.horizontal
+    };
+  }
+  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];
+}
+var INPUT_FONT_SIZE = 16;
+var INPUT_LINE_HEIGHT = 23;
+var PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 };
+function placeholderInk(theme) {
+  const opacity = theme.mode === "dark" ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;
+  const { type, values } = decomposeColor(theme.palette.text.primary);
+  const [first = 0, second = 0, third = 0, own = 1] = values;
+  return recomposeColor({
+    type: type.startsWith("hsl") ? "hsla" : "rgba",
+    values: [first, second, third, own * opacity]
+  });
+}
+var INPUT_BORDER = { rest: 1, focused: 2 };
+var UNDERLINE_COLOR = {
+  light: "rgba(0, 0, 0, 0.42)",
+  dark: "rgba(255, 255, 255, 0.7)"
+};
+var INPUT_LABEL = { scale: 0.75, gap: 4 };
+var HELPER_TEXT = {
+  fontSize: 12,
+  lineHeight: 1.66,
+  marginTop: 3,
+  marginTopSmall: 4,
+  marginHorizontal: 14
+};
+var ADORNMENT_GAP = 8;
+var INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 };
+var INPUT_GLOW = {
+  rest: { blur: 15, alpha: 0.3 },
+  focused: { blur: 20, alpha: 0.5 }
+};
+var INPUT_PULSE = {
+  height: 56,
+  radiusUnits: 0.5,
+  opacity: 0.3,
+  ms: 2e3,
+  spread: 10
+};
+var FLOATING_LABEL = {
+  rest: { x: 14, y: 16 },
+  shrink: { x: 14, y: -9 },
+  scale: 0.75,
+  paddingX: 4
+};
+var INPUT_GLASS = {
+  background: { rest: 0.1, hover: 0.15, focused: 0.2 },
+  blur: 20,
+  hoverBorderAlpha: 0.3,
+  focusRing: { width: 2, alpha: 0.1 }
+};
+var INPUT_GRADIENT = {
+  angleDeg: 135,
+  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },
+  borderWidth: 2
+};
+var FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 };
+var sizeProps = (size) => {
+  const override = INPUT_SIZE_OVERRIDES[size];
+  return {
+    size: INPUT_MUI_SIZE[size],
+    ...override ? { sx: { "& .MuiInputBase-input": { padding: `${override.vertical}px ${override.horizontal}px` } } } : {}
+  };
+};
+var SIZE_MAP = Object.fromEntries(
+  SIZE_VALUES.map((size) => [size, sizeProps(size)])
+);
+
+export {
+  muiVariantFor,
+  INPUT_MUI_SIZE,
+  INPUT_SIZE_OVERRIDES,
+  MUI_INPUT_PADDING,
+  inputPadding,
+  INPUT_FONT_SIZE,
+  INPUT_LINE_HEIGHT,
+  PLACEHOLDER_OPACITY,
+  placeholderInk,
+  INPUT_BORDER,
+  UNDERLINE_COLOR,
+  INPUT_LABEL,
+  HELPER_TEXT,
+  ADORNMENT_GAP,
+  INPUT_LOADING,
+  INPUT_GLOW,
+  INPUT_PULSE,
+  FLOATING_LABEL,
+  INPUT_GLASS,
+  INPUT_GRADIENT,
+  FILLED_WASH,
+  SIZE_MAP
+};
+//# sourceMappingURL=chunk-DFK6QCXX.js.map

package/dist/chunk-DFK6QCXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.metrics.ts"],"sourcesContent":["import type { InputVariant } from './Input.base';\nimport { decomposeColor, recomposeColor } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\nimport { SIZE_VALUES, type SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Input` RENDERERS DRAW WITH.\n *\n * `Input.styles.ts` (web, emotion over MUI's `TextField`) and\n * `Input.native.tsx` (React Native) read this one table. The web turns the px\n * into the padding shorthands and rem it has always emitted; native uses the\n * numbers as they are.\n *\n * Two kinds of number live here, and the difference matters:\n *\n *  - the ones `Input.styles.ts` writes itself — the size overrides, the glow,\n *    the pulse, the glass and gradient alphas, the filled wash;\n *  - the ones MUI supplies UNDER those overrides — `OutlinedInput`'s\n *    `16.5px 14px`, `InputBase`'s 23px line box, `FormHelperText`'s 3px lift.\n *    The web never writes them, but it draws them, so a native field that\n *    wants the same box has to know them. They are MUI 6.5's own values,\n *    copied with their source named; a host that re-themes MUI's components\n *    moves the web only, which the parity ledger records.\n */\n\nexport interface InputInset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\n/** MUI gives a text field two heights; the house scale has five. */\nexport type MuiInputSize = 'small' | 'medium';\nexport type MuiInputVariant = 'outlined' | 'filled' | 'standard';\n\n/** Our five variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): MuiInputVariant => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant;\n  }\n};\n\n/** Which of MUI's two heights each step of the house scale asks for. */\nexport const INPUT_MUI_SIZE: Record<SizeValue, MuiInputSize> = {\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n  xl: 'medium',\n};\n\n/**\n * The three steps MUI has no height for, as `padding` on the input itself.\n *\n * `sm` and `md` are absent on purpose — they ARE MUI's two heights, so they\n * fall through to {@link MUI_INPUT_PADDING} below rather than restating it.\n * (`lg`'s 16px is a hair under `md`'s 16.5px: the override is a round number\n * where MUI's is derived from a 56px box. Kept as written — this table is what\n * the web draws, not what it ought to draw.)\n */\nexport const INPUT_SIZE_OVERRIDES: Partial<Record<SizeValue, { vertical: number; horizontal: number }>> = {\n  xs: { vertical: 6, horizontal: 10 },\n  lg: { vertical: 16, horizontal: 14 },\n  xl: { vertical: 20, horizontal: 16 },\n};\n\n/**\n * MUI's own input padding per variant and height (`OutlinedInput`,\n * `FilledInput`, `InputBase`). The filled insets are lopsided because the\n * floating label sits inside the box on the web.\n */\nexport const MUI_INPUT_PADDING: Record<MuiInputVariant, Record<MuiInputSize, InputInset>> = {\n  outlined: {\n    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },\n    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 },\n  },\n  filled: {\n    small: { top: 21, right: 12, bottom: 4, left: 12 },\n    medium: { top: 25, right: 12, bottom: 8, left: 12 },\n  },\n  standard: {\n    small: { top: 1, right: 0, bottom: 5, left: 0 },\n    medium: { top: 4, right: 0, bottom: 5, left: 0 },\n  },\n};\n\n/** The inset the value is drawn at: the size override where there is one, MUI's otherwise. */\nexport function inputPadding(variant: InputVariant, size: SizeValue): InputInset {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  if (override) {\n    return {\n      top: override.vertical,\n      right: override.horizontal,\n      bottom: override.vertical,\n      left: override.horizontal,\n    };\n  }\n  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];\n}\n\n/** `theme.typography.body1` and `InputBase`'s `lineHeight: '1.4375em'`, in px. */\nexport const INPUT_FONT_SIZE = 16;\nexport const INPUT_LINE_HEIGHT = 23;\n\n/** MUI's `::placeholder` opacity, which multiplies the ink's own alpha. */\nexport const PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 } as const;\n\n/**\n * The placeholder's colour: the field's ink faded by MUI's opacity.\n *\n * `alpha()` REPLACES an alpha channel, and `text.primary` already carries one\n * (`rgba(0, 0, 0, 0.87)`), so `alpha(ink, 0.42)` would be a different grey from\n * the one the browser composites. React Native has no per-placeholder opacity —\n * only `placeholderTextColor` — so the multiplication happens here.\n */\nexport function placeholderInk(theme: UiTheme): string {\n  const opacity = theme.mode === 'dark' ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;\n  const { type, values } = decomposeColor(theme.palette.text.primary);\n  const [first = 0, second = 0, third = 0, own = 1] = values;\n  return recomposeColor({\n    type: type.startsWith('hsl') ? 'hsla' : 'rgba',\n    values: [first, second, third, own * opacity],\n  });\n}\n\n/** The outline: 1px at rest, 2px focused, as MUI's `notchedOutline` draws it. */\nexport const INPUT_BORDER = { rest: 1, focused: 2 } as const;\n\n/** `FilledInput`'s and `Input`'s resting underline, MUI's own two greys. */\nexport const UNDERLINE_COLOR = {\n  light: 'rgba(0, 0, 0, 0.42)',\n  dark: 'rgba(255, 255, 255, 0.7)',\n} as const;\n\n/**\n * The label. It floats into the border on the web and sits above the field on\n * native, but it is the SAME label: 16px body type at MUI's shrunk scale, and\n * left-aligned with the value it names ({@link inputPadding}'s `left`).\n *\n * The 4px gap is MUI's own: a standard field puts 16px between the control's\n * top and the input, and the shrunk label's 12px line box takes the first 12.\n */\nexport const INPUT_LABEL = { scale: 0.75, gap: 4 } as const;\n\n/** `FormHelperText`: `theme.typography.caption` lifted 3px, inset 14px when contained. */\nexport const HELPER_TEXT = {\n  fontSize: 12,\n  lineHeight: 1.66,\n  marginTop: 3,\n  marginTopSmall: 4,\n  marginHorizontal: 14,\n} as const;\n\n/** `InputAdornment`: 8px between the glyph and the value, on whichever side it is. */\nexport const ADORNMENT_GAP = 8;\n\n/** `loading`: the field fades and MUI's 20px `CircularProgress` takes the end slot. */\nexport const INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 } as const;\n\n/** `glow`: a halo of the primary hue, wider and stronger while focused. */\nexport const INPUT_GLOW = {\n  rest: { blur: 15, alpha: 0.3 },\n  focused: { blur: 20, alpha: 0.5 },\n} as const;\n\n/** `pulse`: a 56px bar behind the field, fading outward every two seconds. */\nexport const INPUT_PULSE = {\n  height: 56,\n  radiusUnits: 0.5,\n  opacity: 0.3,\n  ms: 2000,\n  spread: 10,\n} as const;\n\n/** `floating`: where the label rests and where it shrinks to, on the web. */\nexport const FLOATING_LABEL = {\n  rest: { x: 14, y: 16 },\n  shrink: { x: 14, y: -9 },\n  scale: 0.75,\n  paddingX: 4,\n} as const;\n\n/** `glass`: a wash of paper under a blur, brighter as the field is engaged. */\nexport const INPUT_GLASS = {\n  background: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  blur: 20,\n  hoverBorderAlpha: 0.3,\n  focusRing: { width: 2, alpha: 0.1 },\n} as const;\n\n/** `gradient`: a 135° fill between the two brand hues, inside a 2px masked ring. */\nexport const INPUT_GRADIENT = {\n  angleDeg: 135,\n  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  borderWidth: 2,\n} as const;\n\n/** `filled`: MUI's own grey replaced by a wash of `action.hover`. */\nexport const FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 } as const;\n\n/**\n * The `sx` the web spreads onto the `TextField` for a size: MUI's height, plus\n * the input padding for the three steps MUI has no height for.\n */\nexport interface InputSizeProps {\n  size: MuiInputSize;\n  sx?: { '& .MuiInputBase-input': { padding: string } };\n}\n\nconst sizeProps = (size: SizeValue): InputSizeProps => {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  return {\n    size: INPUT_MUI_SIZE[size],\n    ...(override\n      ? { sx: { '& .MuiInputBase-input': { padding: `${override.vertical}px ${override.horizontal}px` } } }\n      : {}),\n  };\n};\n\nexport const SIZE_MAP: Record<SizeValue, InputSizeProps> = Object.fromEntries(\n  SIZE_VALUES.map((size) => [size, sizeProps(size)]),\n) as Record<SizeValue, InputSizeProps>;\n"],"mappings":"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","names":[]}

package/dist/{chunk-BILE3A7F.js → chunk-DH75UNF3.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-OQXOYHIV.js";
+} from "./chunk-TLX66HCW.js";
 import {
   FormControl,
   FormLabel,
@@ -122,4 +122,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-BILE3A7F.js.map
+//# sourceMappingURL=chunk-DH75UNF3.js.map

package/dist/{chunk-MLOWPVVW.js → chunk-EPEJMTCQ.js}

@@ -1,4 +1,3 @@
-// src/tokens/field-edge.ts
 import {
   darken,
   decomposeColor,
@@ -7,27 +6,31 @@ import {
   hslToRgb,
   lighten,
   recomposeColor
-} from "@mui/material/styles/index.js";
+} from "./chunk-6JAIFIPW.js";
+
+// src/tokens/field-edge.core.ts
 var MIN_UI_CONTRAST = 3;
 var STEP = 0.05;
 var MAX_STEPS = 20;
-function flatten(colour, surface) {
+function channels(colour) {
   const decomposed = decomposeColor(colour);
   const rgb = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(colour)) : decomposed;
-  const [r, g, b] = rgb.values;
-  const alpha = rgb.values[3] ?? 1;
+  const [r, g, b, a] = rgb.values;
+  return [r ?? 0, g ?? 0, b ?? 0, a ?? 1];
+}
+function flatten(colour, surface) {
+  const [r, g, b, alpha] = channels(colour);
   if (alpha >= 1) return recomposeColor({ type: "rgb", values: [r, g, b] });
-  const behind = decomposeColor(surface);
-  const base = behind.type.startsWith("hsl") ? decomposeColor(hslToRgb(surface)) : behind;
+  const [baseR, baseG, baseB] = channels(surface);
   const blend = (fg, bg) => Math.round(alpha * fg + (1 - alpha) * bg);
   return recomposeColor({
     type: "rgb",
-    values: [blend(r, base.values[0]), blend(g, base.values[1]), blend(b, base.values[2])]
+    values: [blend(r, baseR), blend(g, baseG), blend(b, baseB)]
   });
 }
-function fieldEdge(theme, surface) {
-  const ground = flatten(surface ?? theme.palette.background.paper, "#FFFFFF");
-  const seed = flatten(theme.palette.divider, ground);
+function resolveFieldEdge(divider, surface) {
+  const ground = flatten(surface, "#FFFFFF");
+  const seed = flatten(divider, ground);
   if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;
   const away = getLuminance(ground) > 0.5 ? darken : lighten;
   for (let step = 1; step <= MAX_STEPS; step += 1) {
@@ -39,6 +42,6 @@ function fieldEdge(theme, surface) {
 
 export {
   MIN_UI_CONTRAST,
-  fieldEdge
+  resolveFieldEdge
 };
-//# sourceMappingURL=chunk-MLOWPVVW.js.map
+//# sourceMappingURL=chunk-EPEJMTCQ.js.map

package/dist/chunk-EPEJMTCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/field-edge.core.ts"],"sourcesContent":["import {\n  darken,\n  decomposeColor,\n  getContrastRatio,\n  getLuminance,\n  hslToRgb,\n  lighten,\n  recomposeColor,\n} from './color';\n\n/**\n * THE FIELD EDGE, WITH NO RENDERER BEHIND IT.\n *\n * The argument for why an outlined control cannot draw its resting boundary\n * from `alpha(theme.palette.divider, 0.23)` is in `./field-edge.ts`, next to\n * the MUI-typed `fieldEdge` the web components call. This file is the WALK\n * itself, over two colour strings, so the native renderer can run it too:\n * `Input.native.tsx` and `Select.native.tsx` have no MUI `Theme` to pass and no\n * `@mui/material/styles` to import, and a second copy of the walk beside them\n * is a second answer to \"where is this field's border\" waiting to drift.\n *\n * `./color` is a faithful port of MUI's colour manipulator (asserted equal to\n * it in `./__tests__/color.test.ts`), so the string this returns is the string\n * the web has always emitted.\n */\n\n/**\n * WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface\n * behind it. See `./field-edge.ts` for why 3:1 and why it is a floor.\n */\nexport const MIN_UI_CONTRAST = 3;\n\n/** How far one step of the walk moves, and how many steps before it gives up. */\nconst STEP = 0.05;\nconst MAX_STEPS = 20;\n\n/** A colour's red, green, blue and alpha, with `hsl()` converted on the way. */\nfunction channels(colour: string): [number, number, number, number] {\n  const decomposed = decomposeColor(colour);\n  const rgb = decomposed.type.startsWith('hsl') ? decomposeColor(hslToRgb(colour)) : decomposed;\n  const [r, g, b, a] = rgb.values;\n  return [r ?? 0, g ?? 0, b ?? 0, a ?? 1];\n}\n\n/**\n * A colour as an opaque `rgb()`, with any translucency resolved against\n * `surface`.\n *\n * Needed because `getContrastRatio` reads the channels it is given and ignores\n * the alpha, so handing it an `rgba()` measures a colour nobody sees.\n */\nfunction flatten(colour: string, surface: string): string {\n  const [r, g, b, alpha] = channels(colour);\n  if (alpha >= 1) return recomposeColor({ type: 'rgb', values: [r, g, b] });\n\n  const [baseR, baseG, baseB] = channels(surface);\n  const blend = (fg: number, bg: number): number => Math.round(alpha * fg + (1 - alpha) * bg);\n  return recomposeColor({\n    type: 'rgb',\n    values: [blend(r, baseR), blend(g, baseG), blend(b, baseB)],\n  });\n}\n\n/**\n * The resting boundary a control draws on `surface`, from the theme's own\n * `divider` as the seed: the seed itself when it already clears\n * {@link MIN_UI_CONTRAST}, otherwise the nearest tone of it that does.\n */\nexport function resolveFieldEdge(divider: string, surface: string): string {\n  const ground = flatten(surface, '#FFFFFF');\n  const seed = flatten(divider, ground);\n  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;\n\n  // Away from the surface, whichever way that is — so one rule serves both\n  // modes, and a dark card in a light theme is still handled by the pair rather\n  // than by `palette.mode`.\n  const away = getLuminance(ground) > 0.5 ? darken : lighten;\n  for (let step = 1; step <= MAX_STEPS; step += 1) {\n    // From the SEED each time rather than compounding the previous result, so\n    // the walk lands on the nearest passing tone instead of overshooting past it.\n    const candidate = away(seed, step * STEP);\n    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;\n  }\n  // Unreachable for any real surface — black clears 21:1 on white and white\n  // clears it on black — but a caller must never be handed `undefined`.\n  return getLuminance(ground) > 0.5 ? '#000000' : '#FFFFFF';\n}\n"],"mappings":";;;;;;;;;;;AA8BO,IAAM,kBAAkB;AAG/B,IAAM,OAAO;AACb,IAAM,YAAY;AAGlB,SAAS,SAAS,QAAkD;AAClE,QAAM,aAAa,eAAe,MAAM;AACxC,QAAM,MAAM,WAAW,KAAK,WAAW,KAAK,IAAI,eAAe,SAAS,MAAM,CAAC,IAAI;AACnF,QAAM,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,IAAI;AACzB,SAAO,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACxC;AASA,SAAS,QAAQ,QAAgB,SAAyB;AACxD,QAAM,CAAC,GAAG,GAAG,GAAG,KAAK,IAAI,SAAS,MAAM;AACxC,MAAI,SAAS,EAAG,QAAO,eAAe,EAAE,MAAM,OAAO,QAAQ,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;AAExE,QAAM,CAAC,OAAO,OAAO,KAAK,IAAI,SAAS,OAAO;AAC9C,QAAM,QAAQ,CAAC,IAAY,OAAuB,KAAK,MAAM,QAAQ,MAAM,IAAI,SAAS,EAAE;AAC1F,SAAO,eAAe;AAAA,IACpB,MAAM;AAAA,IACN,QAAQ,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAAA,EAC5D,CAAC;AACH;AAOO,SAAS,iBAAiB,SAAiB,SAAyB;AACzE,QAAM,SAAS,QAAQ,SAAS,SAAS;AACzC,QAAM,OAAO,QAAQ,SAAS,MAAM;AACpC,MAAI,iBAAiB,MAAM,MAAM,KAAK,gBAAiB,QAAO;AAK9D,QAAM,OAAO,aAAa,MAAM,IAAI,MAAM,SAAS;AACnD,WAAS,OAAO,GAAG,QAAQ,WAAW,QAAQ,GAAG;AAG/C,UAAM,YAAY,KAAK,MAAM,OAAO,IAAI;AACxC,QAAI,iBAAiB,WAAW,MAAM,KAAK,gBAAiB,QAAO;AAAA,EACrE;AAGA,SAAO,aAAa,MAAM,IAAI,MAAM,YAAY;AAClD;","names":[]}

package/dist/{chunk-6D5WEZ2L.js → chunk-FB36IHCE.js}

@@ -5,7 +5,12 @@ import {
   fadeInScale,
   getColorFromTheme,
   getVariantIcon
-} from "./chunk-E27Y7FF2.js";
+} from "./chunk-6Z4H2Y77.js";
+import {
+  defaultAriaLive,
+  resolveAlertProps,
+  testIdFor
+} from "./chunk-N3QUEBNS.js";
 import {
   ACTIVE,
   ALERT_EASING,
@@ -21,15 +26,10 @@ import {
   TITLE,
   seconds
 } from "./chunk-B2Y3BABA.js";
-import {
-  defaultAriaLive,
-  resolveAlertProps,
-  testIdFor
-} from "./chunk-N3QUEBNS.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -216,4 +216,4 @@ Alert.displayName = "Alert";
 export {
   Alert
 };
-//# sourceMappingURL=chunk-6D5WEZ2L.js.map
+//# sourceMappingURL=chunk-FB36IHCE.js.map

package/dist/{chunk-OI3HOI74.js → chunk-FGUESLDX.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-IPPTOL53.js";
 import {
   fieldEdge
-} from "./chunk-MLOWPVVW.js";
+} from "./chunk-7FDU3FIN.js";
 import {
   stackedOverlayZIndex
 } from "./chunk-MFU4Y25U.js";
@@ -158,4 +158,4 @@ function CreatableSelect({
 export {
   CreatableSelect
 };
-//# sourceMappingURL=chunk-OI3HOI74.js.map
+//# sourceMappingURL=chunk-FGUESLDX.js.map

package/dist/{chunk-PC5FFEIY.js → chunk-FINCVAAR.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-DX527XPL.js";
+} from "./chunk-UOPQOBQZ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -10,10 +10,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/data-views-more-filters.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -180,4 +180,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-PC5FFEIY.js.map
+//# sourceMappingURL=chunk-FINCVAAR.js.map

package/dist/{chunk-YK2PETUP.js → chunk-FRQ4HNGF.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-WR7ELCIL.js";
 import {
   Skeleton
-} from "./chunk-QZWKC3AP.js";
+} from "./chunk-QS7ZGRNS.js";
 
 // src/components/data-display/LazyImage/LazyImage.tsx
 import Box from "@mui/material/Box/index.js";
@@ -195,4 +195,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-YK2PETUP.js.map
+//# sourceMappingURL=chunk-FRQ4HNGF.js.map

package/dist/{chunk-WO52KYSU.js → chunk-G2IPK2XE.js}

@@ -1,24 +1,24 @@
+import {
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-AJ6XEO4E.js";
 import {
   CategoryQuickActions
 } from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-NHSMLVNC.js";
+} from "./chunk-BQQONDW5.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
-} from "./chunk-GGE7Y53F.js";
+} from "./chunk-4TXIZ5WI.js";
 import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-PU3AAKRR.js";
+  removeChip
+} from "./chunk-LR6MSKTT.js";
 import {
   panelSx,
   sheetSx
-} from "./chunk-FCOEJCUP.js";
-import {
-  removeChip
-} from "./chunk-LR6MSKTT.js";
+} from "./chunk-TFO6GBW7.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-WO52KYSU.js.map
+//# sourceMappingURL=chunk-G2IPK2XE.js.map

package/dist/{chunk-E4FGKZID.js → chunk-GBNOYRLP.js}

@@ -1,9 +1,3 @@
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
 } from "./chunk-OLVZ6TOV.js";
@@ -11,13 +5,19 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-EZSEAYYT.js";
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-6C5D6O3D.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
 } from "./chunk-KVEHH4SA.js";
 import {
   resolveTestId
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 
 // src/components/data-display/Badge/Badge.tsx
 import MuiBadge from "@mui/material/Badge/index.js";
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-E4FGKZID.js.map
+//# sourceMappingURL=chunk-GBNOYRLP.js.map

package/dist/{chunk-UNF65XZW.js → chunk-GBRKP5GZ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-BJ3J6FTN.js";
+} from "./chunk-STH66VLA.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -131,4 +131,4 @@ export {
   SelectSlot,
   DiscloseSlot
 };
-//# sourceMappingURL=chunk-UNF65XZW.js.map
+//# sourceMappingURL=chunk-GBRKP5GZ.js.map

package/dist/{chunk-VLHGBFR6.js → chunk-GCXYCDOA.js}

@@ -1,6 +1,6 @@
 import {
   Chart
-} from "./chunk-7TZ6OC5T.js";
+} from "./chunk-OH3YGJT5.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-VLHGBFR6.js.map
+//# sourceMappingURL=chunk-GCXYCDOA.js.map

package/dist/{chunk-EX3PSZLV.js → chunk-GDEXYUPF.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-6F5IKY32.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-GDEXYUPF.js.map

package/dist/{chunk-4N4ENTF7.js → chunk-GO4MVQGC.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/data-views-columns-tab.tsx
 import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
@@ -181,4 +181,4 @@ function MoveButton({
 export {
   ColumnsTab
 };
-//# sourceMappingURL=chunk-4N4ENTF7.js.map
+//# sourceMappingURL=chunk-GO4MVQGC.js.map

package/dist/{chunk-HDNK7BAX.js → chunk-GT7C6TSM.js}

@@ -1,9 +1,9 @@
 import {
   NavigationMegaSection
-} from "./chunk-BLT5ZBVL.js";
+} from "./chunk-RRX6ZTNX.js";
 import {
   NavigationStandardBody
-} from "./chunk-G5ZVD5IJ.js";
+} from "./chunk-ZDWU52DJ.js";
 import {
   LogoBar,
   NavigationShell
@@ -167,4 +167,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-HDNK7BAX.js.map
+//# sourceMappingURL=chunk-GT7C6TSM.js.map

package/dist/chunk-GY6KNVMI.js

@@ -0,0 +1,39 @@
+import {
+  ICON_SIZES
+} from "./chunk-RTSK5OZT.js";
+
+// src/components/form/Select/Select.metrics.ts
+var inputVariantFor = (variant) => variant === "default" ? "outlined" : variant;
+var selectInputSize = (size) => size === "sm" ? "sm" : "md";
+var SELECT_ICON = {
+  size: ICON_SIZES.md,
+  right: 7,
+  displayPaddingRight: 32,
+  openRotateDeg: 180
+};
+var SELECT_ICON_GAP = SELECT_ICON.displayPaddingRight - SELECT_ICON.size - SELECT_ICON.right;
+var SELECT_DISPLAY_MIN_HEIGHT = 23;
+var SELECT_MENU = {
+  itemMinHeight: 48,
+  itemPaddingVertical: 6,
+  itemPaddingHorizontal: 16,
+  listPaddingVertical: 8,
+  selectedAlpha: { light: 0.08, dark: 0.16 },
+  disabledOpacity: 0.38,
+  /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */
+  maxHeightInset: 96
+};
+var MUI_MENU_SHADOW = "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)";
+var selectedWashAlpha = (theme) => theme.mode === "dark" ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;
+
+export {
+  inputVariantFor,
+  selectInputSize,
+  SELECT_ICON,
+  SELECT_ICON_GAP,
+  SELECT_DISPLAY_MIN_HEIGHT,
+  SELECT_MENU,
+  MUI_MENU_SHADOW,
+  selectedWashAlpha
+};
+//# sourceMappingURL=chunk-GY6KNVMI.js.map

package/dist/chunk-GY6KNVMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Select/Select.metrics.ts"],"sourcesContent":["import type { SelectVariant } from './Select.base';\nimport type { InputVariant } from '../Input/Input.base';\nimport { ICON_SIZES } from '../../../icons/Icon.types';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Select` RENDERERS DRAW WITH.\n *\n * A `Select` on the web IS an `OutlinedInput` with a display slot and an arrow\n * where the value would be typed, so the box's own numbers — the padding, the\n * border, the radius, the field edge — are `Input.metrics.ts`'s, read through\n * {@link inputVariantFor} rather than restated. What is here is what a select\n * has and a text field does not: the arrow, the option list, and the two\n * heights MUI's `FormControl` offers.\n */\n\n/** Our three variants onto the `Input` variant that draws the same box. */\nexport const inputVariantFor = (variant: SelectVariant): InputVariant =>\n  variant === 'default' ? 'outlined' : variant;\n\n/**\n * The house scale as a `FormControl` size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two — `sm` draws small and EVERY other step, `xs` included, draws\n * medium. Restated from `Select.tsx`'s `formControlSize` so the native side\n * reads the same lossy map rather than inventing a kinder one.\n */\nexport const selectInputSize = (size: SizeValue | undefined): 'sm' | 'md' =>\n  size === 'sm' ? 'sm' : 'md';\n\n/**\n * The arrow: MUI's `ArrowDropDown` at `SvgIcon`'s medium size, 7px from the\n * right edge, turned over while the list is open. The display slot reserves\n * 32px for it, so the flow-laid glyph takes the difference as a margin.\n */\nexport const SELECT_ICON = {\n  size: ICON_SIZES.md,\n  right: 7,\n  displayPaddingRight: 32,\n  openRotateDeg: 180,\n} as const;\n\n/** What the glyph leaves between itself and the value: 32 - 24 - 7. */\nexport const SELECT_ICON_GAP =\n  SELECT_ICON.displayPaddingRight - SELECT_ICON.size - SELECT_ICON.right;\n\n/** `.MuiSelect-select`'s floor, MUI's `1.4375em` at the 16px body size. */\nexport const SELECT_DISPLAY_MIN_HEIGHT = 23;\n\n/**\n * The option list: MUI's `Menu` over a `MenuList` of `MenuItem`s.\n *\n * `selectedAlpha` is `palette.action.selectedOpacity`, which MUI doubles in\n * dark mode; `disabledOpacity` is `palette.action.disabledOpacity`. Neither is\n * on `UiTheme`, whose `action` carries colours rather than opacities.\n */\nexport const SELECT_MENU = {\n  itemMinHeight: 48,\n  itemPaddingVertical: 6,\n  itemPaddingHorizontal: 16,\n  listPaddingVertical: 8,\n  selectedAlpha: { light: 0.08, dark: 0.16 },\n  disabledOpacity: 0.38,\n  /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */\n  maxHeightInset: 96,\n} as const;\n\n/** MUI's `theme.shadows[8]`, the elevation a `Menu` paper rests at. */\nexport const MUI_MENU_SHADOW =\n  '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)';\n\n/** The wash behind the option the value currently names. */\nexport const selectedWashAlpha = (theme: UiTheme): number =>\n  theme.mode === 'dark' ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;\n\n/**\n * The box a select draws IS the input's box, so these are the input's tables\n * under this component's names — the border widths, the glass and gradient\n * alphas, the halo and the pulse. Restating them here is how the two controls\n * would come to disagree about what an outlined field looks like.\n */\nexport {\n  INPUT_BORDER as SELECT_BORDER,\n  INPUT_GLASS as SELECT_GLASS,\n  INPUT_GLOW as SELECT_GLOW,\n  INPUT_GRADIENT as SELECT_GRADIENT,\n  INPUT_PULSE as SELECT_PULSE,\n} from '../Input/Input.metrics';\n"],"mappings":";;;;;AAkBO,IAAM,kBAAkB,CAAC,YAC9B,YAAY,YAAY,aAAa;AAUhC,IAAM,kBAAkB,CAAC,SAC9B,SAAS,OAAO,OAAO;AAOlB,IAAM,cAAc;AAAA,EACzB,MAAM,WAAW;AAAA,EACjB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,eAAe;AACjB;AAGO,IAAM,kBACX,YAAY,sBAAsB,YAAY,OAAO,YAAY;AAG5D,IAAM,4BAA4B;AASlC,IAAM,cAAc;AAAA,EACzB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,eAAe,EAAE,OAAO,MAAM,MAAM,KAAK;AAAA,EACzC,iBAAiB;AAAA;AAAA,EAEjB,gBAAgB;AAClB;AAGO,IAAM,kBACX;AAGK,IAAM,oBAAoB,CAAC,UAChC,MAAM,SAAS,SAAS,YAAY,cAAc,OAAO,YAAY,cAAc;","names":[]}

package/dist/{chunk-HBAPVB7T.js → chunk-HKKSZ7HG.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-URWGRPL7.js";
+} from "./chunk-3W7IEWEL.js";
 
 // src/components/form/AddressAutocomplete/AddressFallbackField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -56,4 +56,4 @@ var AddressFallbackField = ({
 export {
   AddressFallbackField
 };
-//# sourceMappingURL=chunk-HBAPVB7T.js.map
+//# sourceMappingURL=chunk-HKKSZ7HG.js.map

package/dist/{chunk-3AOOI2NR.js → chunk-HR7YTBR7.js}

@@ -1,3 +1,6 @@
+import {
+  useViewMutations
+} from "./chunk-DZEC6RFM.js";
 import {
   coerceViewState,
   emptyViewState
@@ -5,9 +8,6 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-3AOOI2NR.js.map
+//# sourceMappingURL=chunk-HR7YTBR7.js.map

package/dist/{chunk-AEGX66N7.js → chunk-I3MDKPGG.js}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-QZWKC3AP.js";
+} from "./chunk-QS7ZGRNS.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-I3MDKPGG.js.map

package/dist/{chunk-7BYFC2MR.js → chunk-I7HYGIEJ.js}

@@ -1,8 +1,3 @@
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
 } from "./chunk-4SQFO4GW.js";
@@ -12,6 +7,11 @@ import {
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-FAITHWIO.js";
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 
 // src/components/data-display/Avatar/Avatar.tsx
 import BrokenImage from "@mui/icons-material/BrokenImage";
@@ -172,4 +172,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-7BYFC2MR.js.map
+//# sourceMappingURL=chunk-I7HYGIEJ.js.map

package/dist/{chunk-D7FJ2GAD.js → chunk-IFNK5TPI.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.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-D7FJ2GAD.js.map
+//# sourceMappingURL=chunk-IFNK5TPI.js.map