@12-apps/ui 6.20.0 → 6.21.0

package/dist/layout/Box.js

@@ -1,13 +1,13 @@
 import {
   Box
-} from "../chunk-X5D3PTWI.js";
+} from "../chunk-7MAOQIWA.js";
 import {
   resolveBoxLayout
 } from "../chunk-7V6ZRQYW.js";
 import "../chunk-OCUVKI63.js";
 import "../chunk-KLREH4X6.js";
 import "../chunk-YMRI5QKG.js";
-import "../chunk-QLWBQQW7.js";
+import "../chunk-6F5IKY32.js";
 import "../chunk-V5IOLAIS.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-PT6TCWIW.js";

package/dist/layout/Container.js

@@ -1,9 +1,9 @@
 import "../chunk-DTKYXNCE.js";
 import {
   Container
-} from "../chunk-HEK4LQT6.js";
+} from "../chunk-UB76PBDF.js";
 import "../chunk-YBVKLJAL.js";
-import "../chunk-QLWBQQW7.js";
+import "../chunk-6F5IKY32.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Container

package/dist/layout/ContentToolbar.js

@@ -1,4 +1,10 @@
 import "../chunk-MOLQGQEQ.js";
+import {
+  ColumnsMenu
+} from "../chunk-JMVIIKII.js";
+import {
+  ViewSelector
+} from "../chunk-WXD7MGBT.js";
 import {
   SortByDropdown
 } from "../chunk-WQFIV5WD.js";
@@ -15,12 +21,6 @@ import {
 import {
   ContentToolbar
 } from "../chunk-TSPHRZ4U.js";
-import {
-  ColumnsMenu
-} from "../chunk-JMVIIKII.js";
-import {
-  ViewSelector
-} from "../chunk-WXD7MGBT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ColumnsMenu,

package/dist/layout/ScrollArea.js

@@ -1,11 +1,11 @@
 import "../chunk-KAK5SAEA.js";
 import {
   ScrollArea
-} from "../chunk-R7MX5KPJ.js";
-import "../chunk-4OEKIFBC.js";
-import "../chunk-RHIDWUK7.js";
+} from "../chunk-6YLAVHV4.js";
 import "../chunk-C53C7C2X.js";
+import "../chunk-4OEKIFBC.js";
 import "../chunk-ZADOIITM.js";
+import "../chunk-RHIDWUK7.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ScrollArea

package/dist/layout/Skeleton.js

@@ -1,11 +1,11 @@
 import "../chunk-724ZONOL.js";
 import {
   Skeleton
-} from "../chunk-QZWKC3AP.js";
+} from "../chunk-QS7ZGRNS.js";
 import "../chunk-ZOW2CCMO.js";
 import "../chunk-BRMGHMYB.js";
 import "../chunk-7WDPC46N.js";
-import "../chunk-QLWBQQW7.js";
+import "../chunk-6F5IKY32.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Skeleton

package/dist/layout/Spacer.js

@@ -1,8 +1,8 @@
 import {
   Spacer
-} from "../chunk-VJK5FBNK.js";
+} from "../chunk-B5PYBEXO.js";
 import "../chunk-N7MJ6CNC.js";
-import "../chunk-QLWBQQW7.js";
+import "../chunk-6F5IKY32.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Spacer

package/dist/layout/Stack.js

@@ -1,13 +1,13 @@
 import {
   Stack
-} from "../chunk-J6UFAMIC.js";
+} from "../chunk-5RQ7N63M.js";
 import "../chunk-4GGH6ZQ7.js";
-import "../chunk-X5D3PTWI.js";
+import "../chunk-7MAOQIWA.js";
 import "../chunk-7V6ZRQYW.js";
 import "../chunk-OCUVKI63.js";
 import "../chunk-KLREH4X6.js";
 import "../chunk-YMRI5QKG.js";
-import "../chunk-QLWBQQW7.js";
+import "../chunk-6F5IKY32.js";
 import "../chunk-V5IOLAIS.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-PT6TCWIW.js";

package/dist/native/chunks/{chunk-Q52IDAF2.js → chunk-D4EYAXNG.js}

@@ -1,6 +1,6 @@
 import {
   resolveTestId
-} from "./chunk-M4DTJDWU.js";
+} from "./chunk-QZAUOHDQ.js";
 import {
   COLOR_VALUES
 } from "./chunk-5WLOVHKK.js";
@@ -23,11 +23,14 @@ var ICON_PATHS = {
   Add: ["M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"],
   ArrowBack: ["M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"],
   ArrowDownward: ["m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z"],
+  ArrowDropDown: ["m7 10 5 5 5-5z"],
   ArrowForward: ["m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"],
   ArrowUpward: ["m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"],
   BrokenImage: ["M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-3 6.42 3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4z"],
   Cancel: ["M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"],
   Check: ["M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"],
+  CheckBox: ["M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"],
+  CheckBoxOutlineBlank: ["M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"],
   CheckCircle: ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"],
   ChevronLeft: ["M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"],
   ChevronRight: ["M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"],
@@ -40,6 +43,7 @@ var ICON_PATHS = {
   ExpandLess: ["m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"],
   ExpandMore: ["M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"],
   FilterList: ["M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"],
+  IndeterminateCheckBox: ["M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10H7v-2h10z"],
   Info: ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"],
   InfoOutlined: ["M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"],
   KeyboardArrowDown: ["M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"],
@@ -107,4 +111,4 @@ export {
   ICON_NAMES,
   Icon
 };
-//# sourceMappingURL=chunk-Q52IDAF2.js.map
+//# sourceMappingURL=chunk-D4EYAXNG.js.map

package/dist/native/chunks/chunk-D4EYAXNG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/icons/Icon.types.ts","../../../src/icons/paths.generated.ts","../../../src/icons/Icon.native.tsx","../../../src/icons/icon-color.ts"],"sourcesContent":["import type { IconName } from './paths.generated';\nimport type { ColorValue, SizeValue } from '../tokens/vocabulary';\n\nexport type { IconName };\n\n/**\n * The glyph sizes, in px. `md` is MUI's `SvgIcon` default (24) and `sm` its\n * `small` (20); the rest continue the house scale in 4px steps either side.\n */\nexport const ICON_SIZES: Record<SizeValue, number> = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 32,\n  xl: 40,\n};\n\nexport interface IconBaseProps {\n  /** Which glyph. The list is `src/icons/glyphs.json`; both renderers draw the same paths. */\n  name: IconName;\n  /** A step of the house scale, or an exact px size. */\n  size?: SizeValue | number;\n  /**\n   * A house colour, `inherit` (the surrounding text's colour on the web, the\n   * theme's primary text on native, which has no `currentColor`), or any CSS\n   * colour string.\n   */\n  color?: ColorValue | 'inherit' | string;\n  /**\n   * The name a screen reader gives the glyph. Omit for a decorative icon: it\n   * is then hidden from assistive technology on both renderers.\n   */\n  label?: string;\n  testID?: string;\n  dataTestId?: string;\n}\n\n/** The px size for either spelling of `size`. */\nexport const iconSize = (size: SizeValue | number | undefined): number =>\n  typeof size === 'number' ? size : ICON_SIZES[size ?? 'md'];\n","// GENERATED by scripts/generate-icon-paths.mjs from src/icons/glyphs.json.\n// Do not edit: run `pnpm icons:generate`; `pnpm icons:check` fails CI on drift.\n//\n// Each entry is the `d` of every <path> in the matching @mui/icons-material\n// module, in a 24x24 viewBox — the SAME geometry the web renders through\n// SvgIcon, so the native Icon draws the identical glyph.\n\n/** Path data per glyph, in a 0 0 24 24 viewBox. */\nexport const ICON_PATHS = {\n  Add: [\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z\"],\n  ArrowBack: [\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z\"],\n  ArrowDownward: [\"m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z\"],\n  ArrowDropDown: [\"m7 10 5 5 5-5z\"],\n  ArrowForward: [\"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"],\n  ArrowUpward: [\"m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z\"],\n  BrokenImage: [\"M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-3 6.42 3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4z\"],\n  Cancel: [\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z\"],\n  Check: [\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"],\n  CheckBox: [\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z\"],\n  CheckBoxOutlineBlank: [\"M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2\"],\n  CheckCircle: [\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z\"],\n  ChevronLeft: [\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"],\n  ChevronRight: [\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"],\n  Close: [\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"],\n  ContentCopy: [\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z\"],\n  Delete: [\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z\"],\n  Edit: [\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z\"],\n  Error: [\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z\"],\n  ErrorOutline: [\"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"],\n  ExpandLess: [\"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z\"],\n  ExpandMore: [\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\"],\n  FilterList: [\"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z\"],\n  IndeterminateCheckBox: [\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10H7v-2h10z\"],\n  Info: [\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z\"],\n  InfoOutlined: [\"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8\"],\n  KeyboardArrowDown: [\"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"],\n  KeyboardArrowUp: [\"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z\"],\n  Menu: [\"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z\"],\n  MoreHoriz: [\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\"],\n  MoreVert: [\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\"],\n  NavigateBefore: [\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"],\n  NavigateNext: [\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"],\n  Person: [\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4\"],\n  Refresh: [\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z\"],\n  Remove: [\"M19 13H5v-2h14z\"],\n  Save: [\"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z\"],\n  Search: [\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14\"],\n  Settings: [\"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6\"],\n  Visibility: [\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3\"],\n  VisibilityOff: [\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z\"],\n  Warning: [\"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z\"],\n  WarningAmber: [\"M12 5.99 19.53 19H4.47zM12 2 1 21h22z\",\"M13 16h-2v2h2zm0-6h-2v5h2z\"],\n} as const;\n\nexport type IconName = keyof typeof ICON_PATHS;\n\nexport const ICON_NAMES = Object.keys(ICON_PATHS) as readonly IconName[];\n","import * as React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport Svg, { Path } from 'react-native-svg';\n\nimport { iconFill } from './icon-color';\nimport { iconSize, type IconBaseProps } from './Icon.types';\nimport { ICON_PATHS } from './paths.generated';\nimport { resolveTestId } from '../platform/test-id';\nimport { useUiTheme } from '../provider/use-ui-theme.native';\n\nexport interface IconProps extends IconBaseProps {\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n * The native `Icon`: `react-native-svg` drawing the same generated path the web\n * `SvgIcon` draws, in the same 24-unit box, at the same px size.\n */\nexport function Icon({ name, size, color, label, style, ...rest }: IconProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const px = iconSize(size);\n  const fill = iconFill(theme, color, theme.palette.text.primary);\n  const testId = resolveTestId(rest, `icon-${name}`);\n\n  return (\n    <Svg\n      width={px}\n      height={px}\n      viewBox=\"0 0 24 24\"\n      fill={fill}\n      style={style}\n      testID={testId}\n      role=\"img\"\n      aria-label={label}\n      aria-hidden={!label}\n    >\n      {ICON_PATHS[name].map((d) => (\n        <Path key={d} d={d} fill={fill} />\n      ))}\n    </Svg>\n  );\n}\n\nIcon.displayName = 'Icon';\n","import { COLOR_VALUES, type ColorValue } from '../tokens/vocabulary';\nimport type { UiTheme } from '../tokens/theme';\n\nconst isColorValue = (color: string): color is ColorValue =>\n  (COLOR_VALUES as readonly string[]).includes(color);\n\n/**\n * The fill for an icon's `color` prop, on either renderer.\n *\n * A house colour resolves to the palette slot's `main`; `inherit` is the\n * caller's problem (the web passes `currentColor`, native the text colour); any\n * other string is taken as a CSS colour and passed through.\n */\nexport function iconFill(theme: UiTheme, color: string | undefined, inherit: string): string {\n  if (color === undefined || color === 'inherit') return inherit;\n  if (isColorValue(color)) {\n    return color === 'neutral' ? theme.palette.text.secondary : theme.palette[color].main;\n  }\n  return color;\n}\n"],"mappings":"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","names":[]}

package/dist/native/chunks/{chunk-EKKNUEA6.js → chunk-OGWPPQL4.js}

@@ -1,6 +1,6 @@
 import {
   resolveTestId
-} from "./chunk-M4DTJDWU.js";
+} from "./chunk-QZAUOHDQ.js";
 import {
   useUiTheme
 } from "./chunk-YTHR4Y5P.js";
@@ -133,4 +133,4 @@ export {
   resolveBoxLayout,
   Box
 };
-//# sourceMappingURL=chunk-EKKNUEA6.js.map
+//# sourceMappingURL=chunk-OGWPPQL4.js.map

package/dist/native/chunks/chunk-OXHZDFJZ.js

@@ -0,0 +1,15 @@
+// src/utils/withDefaults.ts
+function withDefaults(props, defaults) {
+  const resolved = { ...props };
+  for (const [key, value] of Object.entries(defaults)) {
+    if (resolved[key] === void 0) {
+      Object.assign(resolved, { [key]: value });
+    }
+  }
+  return resolved;
+}
+
+export {
+  withDefaults
+};
+//# sourceMappingURL=chunk-OXHZDFJZ.js.map

package/dist/native/chunks/chunk-OXHZDFJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/withDefaults.ts"],"sourcesContent":["/**\n * Fills in the defaults for props the caller left `undefined`.\n *\n * A table plus one loop, rather than a `= default` per destructured prop. Each\n * of those defaults is a branch, and a component with fifteen of them is over\n * the cyclomatic bar before it renders anything.\n *\n * Only `undefined` is replaced, so an explicit `prop={undefined}` still falls\n * back to the default exactly as a destructuring default would, while an\n * explicit `null`, `0`, `''` or `false` is preserved as the caller's choice.\n */\nexport function withDefaults<T extends object>(props: T, defaults: Partial<T>): T {\n  const resolved = { ...props };\n  for (const [key, value] of Object.entries(defaults)) {\n    if (resolved[key as keyof T] === undefined) {\n      Object.assign(resolved, { [key]: value });\n    }\n  }\n  return resolved;\n}\n"],"mappings":";AAWO,SAAS,aAA+B,OAAU,UAAyB;AAChF,QAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,GAAG;AACnD,QAAI,SAAS,GAAc,MAAM,QAAW;AAC1C,aAAO,OAAO,UAAU,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA,IAC1C;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/native/chunks/{chunk-M4DTJDWU.js → chunk-QZAUOHDQ.js}

@@ -15,4 +15,4 @@ export {
   childTestId,
   withoutTestIdProps
 };
-//# sourceMappingURL=chunk-M4DTJDWU.js.map
+//# sourceMappingURL=chunk-QZAUOHDQ.js.map

package/dist/native/chunks/chunk-QZAUOHDQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAgBO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}

package/dist/native/chunks/{chunk-UKCCYP52.js → chunk-RJVM5YDE.js}

@@ -5,7 +5,7 @@ import {
   childTestId,
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-M4DTJDWU.js";
+} from "./chunk-QZAUOHDQ.js";
 import {
   useUiTheme
 } from "./chunk-YTHR4Y5P.js";
@@ -315,4 +315,4 @@ var styles = StyleSheet.create({
 export {
   Button
 };
-//# sourceMappingURL=chunk-UKCCYP52.js.map
+//# sourceMappingURL=chunk-RJVM5YDE.js.map

package/dist/native/chunks/chunk-T6BJPP3E.js

@@ -0,0 +1,26 @@
+// src/platform/aria.ts
+function webAria(attrs) {
+  const { "aria-atomic": atomic, ...rest } = attrs;
+  return atomic === void 0 ? rest : { ...rest, accessibilityAtomic: atomic };
+}
+function webDisabled(disabled) {
+  return disabled ? { disabled: true } : {};
+}
+function webClick(handler) {
+  return handler === void 0 ? {} : { onClick: handler };
+}
+function webRole(role) {
+  return { role };
+}
+function webKeyDown(handler) {
+  return { onKeyDown: handler };
+}
+
+export {
+  webAria,
+  webDisabled,
+  webClick,
+  webRole,
+  webKeyDown
+};
+//# sourceMappingURL=chunk-T6BJPP3E.js.map

package/dist/native/chunks/chunk-T6BJPP3E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/aria.ts"],"sourcesContent":["/**\n * WEB ATTRIBUTES REACT NATIVE DOES NOT DECLARE.\n *\n * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:\n * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.\n * react-native-web forwards all three to the DOM — and `aria-level` also\n * picks the heading tag, so a `role=\"heading\"` at level 3 renders an `<h3>`\n * exactly as the MUI half's `component=\"h3\"` does — while a device ignores\n * them. A native component spreads them through here rather than widening\n * the element's props type or casting at every call site.\n */\nexport interface WebAria {\n  'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;\n  'aria-atomic'?: 'true' | 'false';\n  'aria-describedby'?: string;\n  /**\n   * A field's validity and whether it must be filled. React Native's\n   * `accessibilityState` has neither — its five flags are disabled, selected,\n   * checked, busy and expanded — so these are web-only, and a device reads the\n   * error text instead. react-native-web forwards both.\n   */\n  'aria-invalid'?: boolean;\n  'aria-required'?: boolean;\n  /**\n   * What a control pops open. React Native has `aria-expanded` and no\n   * `aria-haspopup`, so a `combobox` needs this one from here to say the thing\n   * it expands is a listbox — which is what the web's own trigger carries.\n   */\n  'aria-haspopup'?: 'listbox' | 'menu' | 'dialog' | 'true';\n}\n\n/**\n * `attrs` as something JSX can spread onto a react-native element without\n * that element's props type having to know them.\n *\n * `aria-atomic` travels under react-native-web's own older name. Its\n * `createDOMProps` (0.20.0) reads `aria-activedescendant` where it means\n * `aria-atomic` — `_ariaAtomic = ariaAtomic != null ? ariaActiveDescendant :\n * accessibilityAtomic` — so the modern spelling never reaches the DOM and\n * the legacy one, still accepted and still emitted as `aria-atomic`, does.\n * Neither name exists on a device, so nothing is lost there.\n */\nexport function webAria(attrs: WebAria): object {\n  const { 'aria-atomic': atomic, ...rest } = attrs;\n  return atomic === undefined ? rest : { ...rest, accessibilityAtomic: atomic };\n}\n\n/**\n * `disabled` for a react-native-web form control.\n *\n * React Native's `TextInput` has `editable` and no `disabled`, because a\n * device has no disabled state to speak of — an uneditable field simply does\n * not take the keyboard. The DOM does: only a real `disabled` attribute takes\n * an `<input>` out of the tab order, and it is what `toBeDisabled()` reads. So\n * a native field spreads this ALONGSIDE `editable={false}` and\n * `aria-disabled`: react-native-web puts the attribute on the input, and a\n * device ignores a prop it does not know.\n */\nexport function webDisabled(disabled: boolean): object {\n  return disabled ? { disabled: true } : {};\n}\n\n/**\n * `onClick` for a react-native-web element whose React Native twin has no\n * click of its own.\n *\n * react-native-web's `TextInput` forwards `onClick` to the DOM input and drops\n * `onPressIn`; a device does the opposite. A field that must answer a press on\n * both renderers spreads this ALONGSIDE `onPressIn`, and exactly one of the two\n * fires on each side — never both.\n */\nexport function webClick<E>(handler: ((event: E) => void) | undefined): object {\n  return handler === undefined ? {} : { onClick: handler };\n}\n\n/**\n * A `role` React Native's own union does not carry.\n *\n * `Role` (0.83) stops at `list` and `menu`: `listbox`, the role a dropdown's\n * option list owes a screen reader, is not in it. react-native-web forwards\n * whatever string it is given, and a device ignores a role it does not know —\n * the same trade `webAria` makes for the attributes below it.\n */\nexport function webRole(role: string): object {\n  return { role };\n}\n\n/** The half of a DOM keyboard event a component needs, without the DOM lib. */\nexport interface WebKeyEvent {\n  key: string;\n}\n\n/**\n * `onKeyDown` for a react-native-web element.\n *\n * React Native has no key events on a `View` — a phone has no keyboard to\n * press Escape on — so nothing here is typed by react-native and nothing here\n * fires on a device. react-native-web forwards it to the DOM, which is what\n * lets a native dropdown still answer Escape and the arrow keys in a browser.\n */\nexport function webKeyDown(handler: (event: WebKeyEvent) => void): object {\n  return { onKeyDown: handler };\n}\n"],"mappings":";AA0CO,SAAS,QAAQ,OAAwB;AAC9C,QAAM,EAAE,eAAe,QAAQ,GAAG,KAAK,IAAI;AAC3C,SAAO,WAAW,SAAY,OAAO,EAAE,GAAG,MAAM,qBAAqB,OAAO;AAC9E;AAaO,SAAS,YAAY,UAA2B;AACrD,SAAO,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;AAC1C;AAWO,SAAS,SAAY,SAAmD;AAC7E,SAAO,YAAY,SAAY,CAAC,IAAI,EAAE,SAAS,QAAQ;AACzD;AAUO,SAAS,QAAQ,MAAsB;AAC5C,SAAO,EAAE,KAAK;AAChB;AAeO,SAAS,WAAW,SAA+C;AACxE,SAAO,EAAE,WAAW,QAAQ;AAC9B;","names":[]}

package/dist/native/chunks/chunk-WKMDCNIN.js

@@ -0,0 +1,351 @@
+import {
+  SIZE_VALUES
+} from "./chunk-5WLOVHKK.js";
+import {
+  alpha,
+  darken,
+  decomposeColor,
+  getContrastRatio,
+  getLuminance,
+  hslToRgb,
+  lighten,
+  recomposeColor
+} from "./chunk-P3PL4WBO.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 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)])
+);
+
+// src/components/form/field-pulse.native.tsx
+import * as React from "react";
+import { Animated, Easing, Platform, StyleSheet } from "react-native";
+import { jsx } from "react/jsx-runtime";
+function FieldPulse({
+  color,
+  radius,
+  testID
+}) {
+  const progress = React.useRef(new Animated.Value(0)).current;
+  React.useEffect(() => {
+    const loop = Animated.loop(
+      Animated.timing(progress, {
+        toValue: 1,
+        duration: INPUT_PULSE.ms,
+        easing: Easing.out(Easing.ease),
+        useNativeDriver: Platform.OS !== "web"
+      })
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [progress]);
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      testID,
+      "aria-hidden": true,
+      style: [
+        styles.pulse,
+        {
+          borderRadius: radius,
+          backgroundColor: color,
+          opacity: progress.interpolate({
+            inputRange: [0, 0.7, 1],
+            outputRange: [INPUT_PULSE.opacity, 0, 0]
+          }),
+          transform: [
+            { translateY: -INPUT_PULSE.height / 2 },
+            {
+              scale: progress.interpolate({
+                inputRange: [0, 0.7, 1],
+                outputRange: [1, 1 + INPUT_PULSE.spread / INPUT_PULSE.height, 1]
+              })
+            }
+          ]
+        }
+      ]
+    }
+  );
+}
+var styles = StyleSheet.create({
+  pulse: {
+    position: "absolute",
+    top: "50%",
+    left: 0,
+    right: 0,
+    height: INPUT_PULSE.height,
+    pointerEvents: "none"
+  }
+});
+
+// src/tokens/field-edge.core.ts
+var MIN_UI_CONTRAST = 3;
+var STEP = 0.05;
+var MAX_STEPS = 20;
+function channels(colour) {
+  const decomposed = decomposeColor(colour);
+  const rgb = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(colour)) : decomposed;
+  const [r, g, b, a] = rgb.values;
+  return [r ?? 0, g ?? 0, b ?? 0, a ?? 1];
+}
+function flatten(colour, surface) {
+  const [r, g, b, alpha2] = channels(colour);
+  if (alpha2 >= 1) return recomposeColor({ type: "rgb", values: [r, g, b] });
+  const [baseR, baseG, baseB] = channels(surface);
+  const blend = (fg, bg) => Math.round(alpha2 * fg + (1 - alpha2) * bg);
+  return recomposeColor({
+    type: "rgb",
+    values: [blend(r, baseR), blend(g, baseG), blend(b, baseB)]
+  });
+}
+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) {
+    const candidate = away(seed, step * STEP);
+    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;
+  }
+  return getLuminance(ground) > 0.5 ? "#000000" : "#FFFFFF";
+}
+
+// src/components/form/Input/Input.look.native.ts
+var BORDER_SIDES = {
+  outlined: "all",
+  glass: "all",
+  gradient: "all",
+  filled: "bottom",
+  underline: "bottom"
+};
+var BORDER_IS_FREE = {
+  outlined: true,
+  filled: true,
+  underline: true,
+  glass: false,
+  gradient: false
+};
+function borderWidthFor(variant, focused) {
+  if (variant === "gradient") return INPUT_GRADIENT.borderWidth;
+  if (variant === "glass") return INPUT_BORDER.rest;
+  return focused ? INPUT_BORDER.focused : INPUT_BORDER.rest;
+}
+function horizontalBorderInset(variant, focused) {
+  if (BORDER_SIDES[variant] !== "all" || !BORDER_IS_FREE[variant]) return 0;
+  return borderWidthFor(variant, focused);
+}
+function borderColorFor(theme, variant, state) {
+  if (state.disabled) return theme.palette.action.disabled;
+  if (state.error) return theme.palette.danger.main;
+  if (variant === "gradient") {
+    return state.focused ? theme.palette.primary.dark : theme.palette.primary.main;
+  }
+  if (state.focused) return theme.palette.primary.main;
+  if (variant === "filled") {
+    return theme.mode === "dark" ? UNDERLINE_COLOR.dark : UNDERLINE_COLOR.light;
+  }
+  return resolveFieldEdge(theme.palette.divider, theme.palette.background.paper);
+}
+function backgroundFor(theme, variant, state) {
+  switch (variant) {
+    case "filled":
+      return alpha(theme.palette.action.hover, state.focused ? FILLED_WASH.focused : FILLED_WASH.rest);
+    case "glass":
+      return alpha(
+        theme.palette.background.paper,
+        state.focused ? INPUT_GLASS.background.focused : INPUT_GLASS.background.rest
+      );
+    case "gradient":
+      return alpha(
+        theme.palette.primary.main,
+        state.focused ? INPUT_GRADIENT.fill.focused : INPUT_GRADIENT.fill.rest
+      );
+    default:
+      return void 0;
+  }
+}
+function radiusFor(theme, variant) {
+  if (variant === "underline") return {};
+  if (variant === "filled") {
+    return { borderTopLeftRadius: theme.radius.md, borderTopRightRadius: theme.radius.md };
+  }
+  return { borderRadius: theme.radius.md };
+}
+function borderStyle(variant, width, color, state) {
+  const style = state.disabled && BORDER_SIDES[variant] === "bottom" ? "dotted" : "solid";
+  const sides = BORDER_SIDES[variant] === "bottom" ? { borderBottomWidth: width } : { borderWidth: width };
+  return { ...sides, borderColor: color, borderStyle: style };
+}
+function fieldLook(theme, variant, size, state) {
+  const padding = inputPadding(variant, size);
+  const width = borderWidthFor(variant, state.focused);
+  const inset = BORDER_IS_FREE[variant] ? width : 0;
+  const sides = BORDER_SIDES[variant];
+  const horizontal = sides === "all" ? inset : 0;
+  return {
+    box: {
+      flexDirection: "row",
+      alignItems: "center",
+      paddingLeft: padding.left - horizontal,
+      paddingRight: padding.right - horizontal,
+      backgroundColor: backgroundFor(theme, variant, state),
+      ...radiusFor(theme, variant),
+      ...borderStyle(variant, width, borderColorFor(theme, variant, state), state)
+    },
+    value: {
+      flex: 1,
+      minWidth: 0,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: INPUT_FONT_SIZE,
+      lineHeight: INPUT_LINE_HEIGHT,
+      color: state.disabled ? theme.palette.text.disabled : theme.palette.text.primary,
+      paddingTop: padding.top - (sides === "all" ? inset : 0),
+      paddingBottom: padding.bottom - inset,
+      paddingHorizontal: 0
+    },
+    placeholder: placeholderInk(theme)
+  };
+}
+function labelStyle(theme, variant, size, state) {
+  const ink = state.disabled ? theme.palette.text.disabled : state.error ? theme.palette.danger.main : state.focused ? theme.palette.primary.main : theme.palette.text.secondary;
+  return {
+    color: ink,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: INPUT_FONT_SIZE * INPUT_LABEL.scale,
+    marginBottom: INPUT_LABEL.gap,
+    // Aligned with the value it names: the web's floating label and the input
+    // share one left inset (14px outlined, 12px filled, 0 standard).
+    marginLeft: inputPadding(variant, size).left
+  };
+}
+function helperStyle(theme, variant, size, state) {
+  return {
+    color: state.disabled ? theme.palette.text.disabled : state.error ? theme.palette.danger.main : theme.palette.text.secondary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: HELPER_TEXT.fontSize,
+    lineHeight: HELPER_TEXT.fontSize * HELPER_TEXT.lineHeight,
+    marginTop: INPUT_MUI_SIZE[size] === "small" ? HELPER_TEXT.marginTopSmall : HELPER_TEXT.marginTop,
+    marginHorizontal: variant === "underline" ? 0 : HELPER_TEXT.marginHorizontal
+  };
+}
+
+export {
+  INPUT_FONT_SIZE,
+  INPUT_LINE_HEIGHT,
+  ADORNMENT_GAP,
+  INPUT_LOADING,
+  INPUT_GLOW,
+  INPUT_PULSE,
+  FieldPulse,
+  horizontalBorderInset,
+  fieldLook,
+  labelStyle,
+  helperStyle
+};
+//# sourceMappingURL=chunk-WKMDCNIN.js.map