@12-apps/ui 6.30.0 → 6.31.0

package/dist/types-native/components/form/Input/Input.look.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AA4BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAI9E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAGrF;AA4DD,MAAM,WAAW,SAAS;IACxB,iFAAiF;IACjF,GAAG,EAAE,SAAS,CAAC;IACf,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CA8BX;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAkB/G;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CAaX"}
+{"version":3,"file":"Input.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AA4BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAI9E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAGrF;AA+DD,MAAM,WAAW,SAAS;IACxB,iFAAiF;IACjF,GAAG,EAAE,SAAS,CAAC;IACf,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CA8BX;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAkB/G;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CAaX"}

package/dist/types-native/components/form/Input/Input.metrics.d.ts

@@ -119,10 +119,12 @@ export declare const INPUT_GLOW: {
         readonly alpha: 0.5;
     };
 };
-/** `pulse`: a 56px bar behind the field, fading outward every two seconds. */
+/**
+ * `pulse`: a 56px bar behind the field, fading outward every two seconds. Its
+ * corner is the field's own — `fieldRadius` on the web, `radius.field` native.
+ */
 export declare const INPUT_PULSE: {
     readonly height: 56;
-    readonly radiusUnits: 0.5;
     readonly opacity: 0.3;
     readonly ms: 2000;
     readonly spread: 10;

package/dist/types-native/components/form/Input/Input.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEzE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,oEAAoE;AACpE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,yFAAyF;AACzF,eAAO,MAAM,aAAa,GAAI,SAAS,YAAY,KAAG,eAUrD,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAM1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAIrG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAavF,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,GAAG,UAAU,CAW/E;AAED,kFAAkF;AAClF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB;;;CAAsC,CAAC;AAEvE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQrD;AAED,iFAAiF;AACjF,eAAO,MAAM,YAAY;;;CAAmC,CAAC;AAE7D,4EAA4E;AAC5E,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;CAAmC,CAAC;AAE5D,0FAA0F;AAC1F,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,sFAAsF;AACtF,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,uFAAuF;AACvF,eAAO,MAAM,aAAa;;;CAA6C,CAAC;AAExE,2EAA2E;AAC3E,eAAO,MAAM,UAAU;;;;;;;;;CAGb,CAAC;AAEX,8EAA8E;AAC9E,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,6EAA6E;AAC7E,eAAO,MAAM,cAAc;;;;;;;;;;;CAKjB,CAAC;AAEX,+EAA+E;AAC/E,eAAO,MAAM,WAAW;;;;;;;;;;;;CAKd,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,cAAc;;;;;;;;CAIjB,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,WAAW;;;;CAAsD,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,EAAE,CAAC,EAAE;QAAE,uBAAuB,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;CACvD;AAYD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAEjB,CAAC"}
+{"version":3,"file":"Input.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEzE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,oEAAoE;AACpE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,yFAAyF;AACzF,eAAO,MAAM,aAAa,GAAI,SAAS,YAAY,KAAG,eAUrD,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAM1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAIrG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAavF,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,GAAG,UAAU,CAW/E;AAED,kFAAkF;AAClF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB;;;CAAsC,CAAC;AAEvE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQrD;AAED,iFAAiF;AACjF,eAAO,MAAM,YAAY;;;CAAmC,CAAC;AAE7D,4EAA4E;AAC5E,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;CAAmC,CAAC;AAE5D,0FAA0F;AAC1F,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,sFAAsF;AACtF,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,uFAAuF;AACvF,eAAO,MAAM,aAAa;;;CAA6C,CAAC;AAExE,2EAA2E;AAC3E,eAAO,MAAM,UAAU;;;;;;;;;CAGb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,6EAA6E;AAC7E,eAAO,MAAM,cAAc;;;;;;;;;;;CAKjB,CAAC;AAEX,+EAA+E;AAC/E,eAAO,MAAM,WAAW;;;;;;;;;;;;CAKd,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,cAAc;;;;;;;;CAIjB,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,WAAW;;;;CAAsD,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,EAAE,CAAC,EAAE;QAAE,uBAAuB,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;CACvD;AAYD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAEjB,CAAC"}

package/dist/types-native/components/form/Select/Select.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAkBtB,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAiItE;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;;;;;;;8BA+EjB,CAAC"}
+{"version":3,"file":"Select.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAiItE;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;;;;;;;8BA+EjB,CAAC"}

package/dist/types-native/tokens/field-radius.core.d.ts

@@ -0,0 +1,26 @@
+/**
+ * THE ONE RADIUS EVERY FIELD IS DRAWN WITH, WITH NO RENDERER BEHIND IT.
+ *
+ * A row of controls — a search box, three filter triggers, a "Mais" button —
+ * used to carry three radii: the text field took MUI's `shape.borderRadius`
+ * (4px), the button `theme.spacing(1)` (8px), and the filter triggers a 999px
+ * pill. Each was reasonable on its own; side by side they read as three kits
+ * glued together. A field's corner is one decision, so it is one token.
+ *
+ * "Field" is anything that sits at control height and takes input or opens a
+ * choice: text inputs, selects, textareas, OTP slots, date and filter triggers,
+ * toggles, and the buttons that share their rows. It is NOT a card, a menu, a
+ * badge or a chip counter — those keep the theme's general `radius` scale.
+ *
+ * This file is the number alone, so the native renderer and `./theme.ts` read
+ * it without importing MUI. The web reader and the theme channel it is set
+ * through are in `./field-radius.ts`.
+ */
+/**
+ * The default field radius, in px (dp on native).
+ *
+ * 8, because that is what `Button` has always drawn — so the control people
+ * see most keeps its corner and the rest of the row comes to meet it.
+ */
+export declare const DEFAULT_FIELD_RADIUS = 8;
+//# sourceMappingURL=field-radius.core.d.ts.map

package/dist/types-native/tokens/field-radius.core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-radius.core.d.ts","sourceRoot":"","sources":["../../../src/tokens/field-radius.core.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC"}

package/dist/types-native/tokens/index.native.d.ts

@@ -7,4 +7,5 @@
 export * from './vocabulary';
 export * from './theme';
 export * from './color';
+export { DEFAULT_FIELD_RADIUS } from './field-radius.core';
 //# sourceMappingURL=index.native.d.ts.map

package/dist/types-native/tokens/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/tokens/index.native.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/tokens/index.native.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types-native/tokens/theme.d.ts

@@ -94,13 +94,18 @@ export interface UiTheme {
     /** MUI's `theme.spacing(n)`: `n` units of {@link UiTheme.spacingUnit}, in px. */
     spacing: (units: number) => number;
     spacingUnit: number;
-    /** `md` is MUI's `shape.borderRadius`; the others are its halves and doubles. */
+    /**
+     * `md` is MUI's `shape.borderRadius`; `sm`–`xl` are its halves and doubles.
+     * `field` is not on that scale: it is the one corner every field is drawn
+     * with (see `./field-radius.core`), MUI's `theme.fieldRadius` on the web.
+     */
     radius: {
         sm: number;
         md: number;
         lg: number;
         xl: number;
         full: number;
+        field: number;
     };
     typography: UiTypography;
     zIndex: {
@@ -126,6 +131,8 @@ export interface UiThemeOptions {
     }>;
     typography?: Partial<Pick<UiTypography, 'fontFamily' | 'monospaceFontFamily'>>;
     spacingUnit?: number;
+    /** The radius every field is drawn with, in dp. Defaults to {@link DEFAULT_FIELD_RADIUS}. */
+    fieldRadius?: number;
 }
 /** The px value as the rem string the web components write. */
 export declare const px: (value: number) => string;

package/dist/types-native/tokens/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tokens/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tokens/theme.ts"],"names":[],"mappings":"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"}

package/dist/typography/Heading.js

@@ -1,16 +1,17 @@
 import "../chunk-6GP2DOOO.js";
 import {
   Heading
-} from "../chunk-SLMA4UQS.js";
-import "../chunk-XYDW5RQB.js";
-import "../chunk-EUKYQXYU.js";
+} from "../chunk-BWSYSSF3.js";
+import "../chunk-GKGA2ZCW.js";
+import "../chunk-OHKEQ7QJ.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-PT6TCWIW.js";
-import "../chunk-SONWG2RT.js";
-import "../chunk-AG66JBNH.js";
+import "../chunk-BRAF4MFO.js";
 import "../chunk-2BYKTBDL.js";
+import "../chunk-AG66JBNH.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-FZXKH2ZT.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Heading

package/dist/typography/Paragraph.js

@@ -1,13 +1,14 @@
 import {
   Paragraph
-} from "../chunk-NWQWUYOV.js";
+} from "../chunk-I2IZ53QS.js";
 import "../chunk-QKLGH3RZ.js";
 import "../chunk-TYJR4GOF.js";
-import "../chunk-SONWG2RT.js";
-import "../chunk-AG66JBNH.js";
+import "../chunk-BRAF4MFO.js";
 import "../chunk-2BYKTBDL.js";
+import "../chunk-AG66JBNH.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-FZXKH2ZT.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Paragraph

package/dist/typography/Text.js

@@ -1,14 +1,15 @@
 import "../chunk-VUHLNYAE.js";
 import {
   Text
-} from "../chunk-YTYROOLY.js";
-import "../chunk-EPRA5QLB.js";
+} from "../chunk-QNUWSXF2.js";
+import "../chunk-VUFMV5Q5.js";
 import "../chunk-TYJR4GOF.js";
-import "../chunk-SONWG2RT.js";
-import "../chunk-AG66JBNH.js";
+import "../chunk-BRAF4MFO.js";
 import "../chunk-2BYKTBDL.js";
+import "../chunk-AG66JBNH.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-FZXKH2ZT.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Text

package/dist/user-avatar.js

@@ -1,33 +1,35 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-554SVTCN.js";
+} from "./chunk-UHWHTNUS.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-HGJHZ5PE.js";
-import "./chunk-35UG2QDB.js";
+import "./chunk-2DFH74T4.js";
+import "./chunk-3ZVUNSFF.js";
+import "./chunk-HSVNFMXY.js";
 import "./chunk-XRMZMBE3.js";
 import "./chunk-FAITHWIO.js";
-import "./chunk-3ZVUNSFF.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
-import "./chunk-AVI3XHRQ.js";
-import "./chunk-FKUYRQSP.js";
+import "./chunk-AIRWM7KK.js";
 import "./chunk-BEBLRL5D.js";
 import "./chunk-6Q6T3FW5.js";
+import "./chunk-FKUYRQSP.js";
 import "./chunk-BA4RHQ3B.js";
 import "./chunk-73BEVJCS.js";
-import "./chunk-BKAB4KZK.js";
+import "./chunk-X2R7QG5I.js";
+import "./chunk-EN5Q5RPQ.js";
+import "./chunk-K6FCXPTS.js";
 import "./chunk-TAMIZE4Q.js";
-import "./chunk-TSEWUY4V.js";
-import "./chunk-5LQ7PKMW.js";
-import "./chunk-YTYROOLY.js";
-import "./chunk-EPRA5QLB.js";
+import "./chunk-QNUWSXF2.js";
+import "./chunk-VUFMV5Q5.js";
 import "./chunk-TYJR4GOF.js";
-import "./chunk-SONWG2RT.js";
-import "./chunk-AG66JBNH.js";
+import "./chunk-GDN2LUTZ.js";
+import "./chunk-BRAF4MFO.js";
 import "./chunk-2BYKTBDL.js";
+import "./chunk-AG66JBNH.js";
 import "./chunk-6JAIFIPW.js";
 import "./chunk-FZXKH2ZT.js";
+import "./chunk-26X4CZVR.js";
 import "./chunk-PZ5AY32C.js";
 export {
   UserAvatar,

package/dist/utility/InstallPrompt.js

@@ -1,10 +1,12 @@
 import "../chunk-3QQVEYOR.js";
 import {
   InstallPrompt
-} from "../chunk-IABE56TG.js";
+} from "../chunk-5ZOJLYD2.js";
+import "../chunk-GY62N32G.js";
 import {
   usePwaInstall
-} from "../chunk-S2GDYA6R.js";
+} from "../chunk-5GMHJ7Y5.js";
+import "../chunk-WXYLH3QZ.js";
 import {
   PWA_INSTALL_AVAILABLE_EVENT,
   PWA_INSTALL_STASH_KEY,
@@ -12,8 +14,6 @@ import {
   readPwaInstallStash,
   resetPwaInstallStash
 } from "../chunk-UUL44SUX.js";
-import "../chunk-GY62N32G.js";
-import "../chunk-WXYLH3QZ.js";
 import "../chunk-PZ5AY32C.js";
 export {
   InstallPrompt,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.30.0",
+  "version": "6.31.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/DataViews/data-views-bar-controls.tsx

@@ -15,6 +15,7 @@ import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
 import Tooltip from "@mui/material/Tooltip/index.js";
 
 import { Box } from "../../../mui/Box";
+import { fieldRadiusPx } from "../../../tokens/field-radius";
 import { useDataViewsCopy } from "./data-views-copy-context";
 
 /**
@@ -40,7 +41,7 @@ export function ClearAllControl({
   testIdPrefix: string;
 }): React.JSX.Element {
   const copy = useDataViewsCopy();
-  // No border, no fill. Every other control on this row is an outlined pill
+  // No border, no fill. Every other control on this row is an outlined field
   // because it OPENS something; this one is an escape hatch, and giving it the
   // same weight made it read as a sixth filter. Quiet until hovered.
   const button = (
@@ -57,7 +58,7 @@ export function ClearAllControl({
         height: 34,
         px: compact ? 0.75 : 1,
         border: 0,
-        borderRadius: 1,
+        borderRadius: fieldRadiusPx,
         bgcolor: "transparent",
         cursor: "pointer",
         font: "inherit",
@@ -108,7 +109,7 @@ export function CloseSearchControl({
           height: 34,
           px: 0.75,
           border: 0,
-          borderRadius: 1,
+          borderRadius: fieldRadiusPx,
           bgcolor: "transparent",
           cursor: "pointer",
           color: "text.secondary",

package/src/components/data-display/DataViews/data-views-day-input.tsx

@@ -29,6 +29,7 @@
  */
 import TextField from '@mui/material/TextField/index.js';
 import React, { useEffect, useState } from 'react';
+import { fieldRootStyles } from '../../../tokens/field-radius';
 
 
 /**
@@ -253,7 +254,7 @@ export function DayBoundInput({
       // The placeholder occupies the space an un-shrunk label would render into.
       InputLabelProps={{ shrink: true }}
       inputProps={dayInputProps(testId, describedBy)}
-      sx={{ width: 165 }}
+      sx={[{ width: 165 }, fieldRootStyles]}
     />
   );
 }

package/src/components/data-display/DataViews/data-views-more-fields.tsx

@@ -23,6 +23,7 @@ import { RangeBounds } from "./data-views-range-pill";
 import { isRangeSet } from "./data-views-range-values";
 import type { RangeValue } from "./data-views-types";
 import { useDataViewsCopy } from "./data-views-copy-context";
+import { fieldRadiusPx } from "../../../tokens/field-radius";
 
 /** What each field's control needs, minus the panel's own chrome. */
 export interface MoreFieldProps {
@@ -95,7 +96,7 @@ function OverflowPill<T extends Record<string, unknown>>({
               borderStyle: "solid",
               borderColor: checked ? "primary.main" : "divider",
               bgcolor: checked ? "action.selected" : "transparent",
-              borderRadius: 5,
+              borderRadius: fieldRadiusPx,
               cursor: "pointer",
               fontSize: "0.8125rem",
               color: checked ? "primary.main" : "text.secondary",

package/src/components/data-display/DataViews/data-views-number-input.tsx

@@ -38,6 +38,7 @@
 import Box from '@mui/material/Box/index.js';
 import TextField from '@mui/material/TextField/index.js';
 import React, { useEffect, useState } from 'react';
+import { fieldRootStyles } from '../../../tokens/field-radius';
 
 /** Everything this field lets through: digits and the two separators. */
 const ALLOWED = /[^\d.,]/g;
@@ -162,7 +163,7 @@ export function NumberBoundInput({
             }
           : undefined
       }
-      sx={{ width: 140 }}
+      sx={[{ width: 140 }, fieldRootStyles]}
     />
   );
 }

package/src/components/data-display/DataViews/data-views-range-pill.tsx

@@ -32,6 +32,7 @@ import {
   rangeChipLabel,
 } from './data-views-range-values';
 import type { RangeFieldConfig, RangeValue } from './data-views-types';
+import { fieldRadiusPx } from '../../../tokens/field-radius';
 
 
 
@@ -226,7 +227,7 @@ function RangeTrigger<T extends Record<string, unknown>>({
       }
       endIcon={<ChevronDownIcon sx={{ fontSize: 16 }} />}
       sx={{
-        borderRadius: 999,
+        borderRadius: fieldRadiusPx,
         height: 34,
         px: 1.5,
         maxWidth: 280,

package/src/components/data-display/DataViews/data-views-search.tsx

@@ -13,6 +13,7 @@ import TextField from "@mui/material/TextField/index.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 import { Box } from "../../../mui/Box";
+import { fieldRadiusPx } from "../../../tokens/field-radius";
 import { useDataViewsCopy } from "./data-views-copy-context";
 
 /** How long the box waits after the last keystroke before it queries. */
@@ -167,8 +168,9 @@ export function InlineKeyword({
         ) : undefined,
       }}
       // Takes the free space and gives it up first — step 3 of the ladder,
-      // which needs no flag because flex does it (see `computeSplit`).
-      sx={boxWidth(fill)}
+      // which needs no flag because flex does it (see `computeSplit`). The
+      // corner is the theme's field radius, so the box matches the pills beside it.
+      sx={(theme) => ({ ...boxWidth(fill), "& .MuiOutlinedInput-root": { borderRadius: fieldRadiusPx(theme) } })}
     />
   );
 }
@@ -200,7 +202,7 @@ export function CollapsedSearch({
       sx={{
         position: "relative",
         border: 1,
-        borderRadius: 1,
+        borderRadius: fieldRadiusPx,
         borderColor: active ? "primary.main" : "divider",
         color: active ? "primary.main" : "text.secondary",
         bgcolor: active ? "action.selected" : "background.paper",

package/src/components/data-display/MapPreview/MapSearchBar.tsx

@@ -6,6 +6,8 @@ import { alpha, styled } from '@mui/material/styles/index.js';
 import type { FC } from 'react';
 import React from 'react';
 
+import { fieldRadius } from '../../../tokens/field-radius';
+
 // Kept module-local: styled() components cannot be exported across a module
 // boundary here without tripping TS2742.
 const SearchBar = styled(Box)(({ theme }) => ({
@@ -23,7 +25,7 @@ const SearchField = styled(TextField)(({ theme }) => ({
     background: alpha(theme.palette.background.paper, 0.95),
     backdropFilter: 'blur(10px)',
     WebkitBackdropFilter: 'blur(10px)',
-    borderRadius: theme.shape.borderRadius * 2,
+    borderRadius: fieldRadius(theme),
     '& fieldset': {
       borderColor: alpha(theme.palette.divider, 0.2),
     },

package/src/components/form/AddressAutocomplete/AddressTextField.tsx

@@ -7,12 +7,14 @@ import React from 'react';
 import type { AddressAutocompleteProps } from './AddressAutocomplete.types';
 
 import { fieldEdge } from '../../../tokens/field-edge';
+import { fieldRadius, fieldRootStyles } from '../../../tokens/field-radius';
 
 // Kept module-local on purpose: the inferred type of a styled() component cannot
 // be named across a module boundary here (TS2742), so the plain component below
 // is what the rest of the folder imports.
 const GlassTextField = styled(TextField)(({ theme }) => ({
   '& .MuiOutlinedInput-root': {
+    borderRadius: fieldRadius(theme),
     background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,
     backdropFilter: 'blur(10px)',
     WebkitBackdropFilter: 'blur(10px)',
@@ -32,6 +34,9 @@ const GlassTextField = styled(TextField)(({ theme }) => ({
   },
 }));
 
+/** The plain variants: MUI's own field, on the theme's field radius. */
+const FieldTextField = styled(TextField)(({ theme }) => fieldRootStyles(theme));
+
 export type AddressTextFieldProps = Omit<TextFieldProps, 'variant'> & {
   addressVariant: AddressAutocompleteProps['variant'];
 };
@@ -42,5 +47,5 @@ export const AddressTextField: FC<AddressTextFieldProps> = ({ addressVariant, ..
   addressVariant === 'glass' ? (
     <GlassTextField variant="outlined" {...props} />
   ) : (
-    <TextField variant={addressVariant} {...props} />
+    <FieldTextField variant={addressVariant} {...props} />
   );

package/src/components/form/Autocomplete/Autocomplete.parts.tsx

@@ -16,6 +16,7 @@ import React from 'react';
 import { highlightLabel, type MatchMode } from './Autocomplete.helpers';
 import type { SuggestionItemState, SuggestionType } from './Autocomplete.types';
 import type { AutocompleteCopy } from '../../../copy';
+import { fieldRootStyles } from '../../../tokens/field-radius';
 
 const StyledPopper = styled(Popper)(({ theme }) => ({
   zIndex: theme.zIndex.tooltip,
@@ -113,6 +114,7 @@ export function AutocompleteInput(props: AutocompleteInputProps): React.JSX.Elem
       <TextField
         ref={props.inputRef}
         fullWidth
+        sx={fieldRootStyles}
         value={props.inputValue}
         onChange={props.onChange}
         onKeyDown={props.onKeyDown}

package/src/components/form/Button/Button.metrics.ts

@@ -61,8 +61,6 @@ export const ICON_ONLY_PADDING: Record<SizeValue, number> = {
 export const BUTTON_ICON_GLYPH_SIZE = 20;
 
 export const BUTTON_FONT_WEIGHT = 500;
-/** `theme.spacing(1)`. */
-export const BUTTON_RADIUS_UNITS = 1;
 /** Between the icon and the label: `theme.spacing(0.5)`. */
 export const BUTTON_ICON_GAP_UNITS = 0.5;
 export const BUTTON_SPINNER_SIZE = 16;

package/src/components/form/Button/Button.native.tsx

@@ -19,7 +19,6 @@ import {
   BUTTON_FONT_WEIGHT,
   BUTTON_ICON_GAP_UNITS,
   BUTTON_LINE_HEIGHT,
-  BUTTON_RADIUS_UNITS,
   BUTTON_SIZES,
   BUTTON_SPINNER_SIZE,
   BUTTON_WASH_ALPHA,
@@ -214,7 +213,8 @@ function buttonLook(theme: UiTheme, props: ResolvedProps): ButtonLook {
   const iconOnly = !loading && icon != null && children == null;
   const inactive = Boolean(disabled) || loading;
   const paint = inactive ? disabledPaint(theme, variant) : paintFor(theme, variant, color, palette, active);
-  const radius = theme.spacing(BUTTON_RADIUS_UNITS);
+  // The theme's one field radius, so a button and the input beside it agree.
+  const radius = theme.radius.field;
   const metrics = BUTTON_SIZES[size];
   // The web button is `overflow: hidden` (its ripple needs it) unless the pulse
   // ring turns it visible; on native the glow's shadow needs it visible too,

package/src/components/form/Button/Button.tsx

@@ -6,6 +6,7 @@ import * as React from 'react';
 import { resolveButtonProps } from './Button.helpers';
 import { BUTTON_ICON_GLYPH_SIZE } from './Button.metrics';
 import { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';
+import { fieldRadius } from '../../../tokens/field-radius';
 import {
   buttonEmphasisStyles,
   buttonVariantStyles,
@@ -32,7 +33,7 @@ const StyledButton = styled(MuiButton, {
   return {
     textTransform: 'none',
     fontWeight: 500,
-    borderRadius: theme.spacing(1),
+    borderRadius: fieldRadius(theme),
     transition: 'all 0.3s ease',
     position: 'relative',
     overflow: 'hidden',

package/src/components/form/CategorySelect/CategoryPanelFoot.tsx

@@ -5,12 +5,13 @@ import Button from '@mui/material/Button/index.js';
 
 import type { CategorySelectCopy } from '../../../copy';
 import { footerSx, METRICS } from './CategorySelect.styles';
+import { fieldRadiusPx } from '../../../tokens/field-radius';
 
 const buttonSx = (sheet: boolean) =>
   ({
     height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,
     padding: '0 13px',
-    borderRadius: '8px',
+    borderRadius: fieldRadiusPx,
     fontSize: 12.5,
     fontWeight: 600,
     textTransform: 'none',

package/src/components/form/CategorySelect/CategoryPanelHead.tsx

@@ -13,6 +13,7 @@ import {
   pinnedSx,
 } from './CategorySelect.styles';
 import type { CategorySelectionChip } from './CategorySelect.types';
+import { fieldRadiusPx } from '../../../tokens/field-radius';
 
 interface PanelHeadProps {
   query: string;
@@ -37,7 +38,7 @@ const searchFieldSx = {
     fontSize: 13,
     border: '1px solid',
     borderColor: 'divider',
-    borderRadius: '9px',
+    borderRadius: fieldRadiusPx,
     background: 'background.paper',
     color: 'text.primary',
     '&:focus': {

package/src/components/form/CategorySelect/CategorySelect.styles.ts

@@ -1,6 +1,7 @@
 import { alpha, type CSSObject, type Theme } from '@mui/material/styles/index.js';
 
 import { fieldEdge } from '../../../tokens/field-edge';
+import { fieldRadiusPx } from '../../../tokens/field-radius';
 
 /**
  * The prototype's METRICS, verbatim.
@@ -10,6 +11,10 @@ import { fieldEdge } from '../../../tokens/field-edge';
  * a half-pixel type scale (13.5px rows, 1.5px checkbox borders) that an 8px
  * spacing grid cannot express without rounding the look away.
  *
+ * The trigger's CORNER is the other exception: it is a field, so it takes the
+ * theme's one field radius (`tokens/field-radius`) and lines up with the inputs
+ * and filter pills it sits beside.
+ *
  * COLOURS are the deliberate exception — they come from the theme, because a
  * tenant can white-label the palette (a hard-coded indigo would survive the
  * rebrand and the rest of the screen would not) and because the library ships a
@@ -18,7 +23,6 @@ import { fieldEdge } from '../../../tokens/field-edge';
  */
 export const METRICS = {
   triggerHeight: 38,
-  triggerRadius: 10,
   panelWidth: 340,
   panelRadius: 14,
   listMaxHeight: 290,
@@ -54,7 +58,7 @@ export const triggerSx = (theme: Theme, selected: boolean, open: boolean): CSSOb
     gap: '8px',
     height: METRICS.triggerHeight,
     padding: '0 10px 0 12px',
-    borderRadius: `${METRICS.triggerRadius}px`,
+    borderRadius: fieldRadiusPx(theme),
     border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,
     background: selected ? brand.soft : theme.palette.background.paper,
     color: selected ? brand.ink : theme.palette.text.primary,

package/src/components/form/CodeEditor/CodeEditor.tsx

@@ -13,6 +13,7 @@ import type { CodeEditorProps } from './CodeEditor.types';
 import { EditorToolbar } from './CodeEditorToolbar';
 
 import { fieldEdge } from '../../../tokens/field-edge';
+import { fieldRadius } from '../../../tokens/field-radius';
 
 // Styled components
 const EditorContainer = styled(Paper)(({ theme }) => ({
@@ -22,7 +23,7 @@ const EditorContainer = styled(Paper)(({ theme }) => ({
   backdropFilter: 'blur(10px)',
   WebkitBackdropFilter: 'blur(10px)',
   border: `1px solid ${fieldEdge(theme)}`,
-  borderRadius: theme.shape.borderRadius * 2,
+  borderRadius: fieldRadius(theme),
   overflow: 'hidden' }));
 
 const EditorWrapper = styled(Box, {

package/src/components/form/CreatableSelect/CreatableSelect.tsx

@@ -13,6 +13,7 @@ import type { CreatableSelectOption, CreatableSelectProps } from './CreatableSel
 import type { SizeValue } from '../../../tokens/scales';
 
 import { fieldEdge } from '../../../tokens/field-edge';
+import { fieldRadiusPx } from '../../../tokens/field-radius';
 
 /** Internal option shape: a real option, or the synthetic "create new" row. */
 interface InternalOption extends CreatableSelectOption {
@@ -36,6 +37,7 @@ const MUI_SIZE = { xs: 'small', sm: 'small', md: 'medium', lg: 'medium', xl: 'me
 /** Match the outlined border treatment of `Input` so siblings look identical. */
 const fieldSx = {
   '& .MuiOutlinedInput-root': {
+    borderRadius: fieldRadiusPx,
     '& fieldset': {
       borderColor: (theme: Theme) => fieldEdge(theme),
     },