@12-apps/ui 6.17.1 → 6.18.0

package/dist/native/tokens.js

@@ -0,0 +1,65 @@
+import {
+  COLOR_VALUES,
+  SIZE_VALUES,
+  muiColor,
+  muiSize,
+  paletteKey
+} from "./chunks/chunk-5WLOVHKK.js";
+import {
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
+  HEADING_LEVELS,
+  HEADING_SCALE,
+  NEUTRAL,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  alpha,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
+  hexToRgb,
+  hslToRgb,
+  lighten,
+  px,
+  recomposeColor
+} from "./chunks/chunk-L2UUNK2M.js";
+export {
+  COLOR_VALUES,
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
+  HEADING_LEVELS,
+  HEADING_SCALE,
+  NEUTRAL,
+  SIZE_VALUES,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  alpha,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
+  hexToRgb,
+  hslToRgb,
+  lighten,
+  muiColor,
+  muiSize,
+  paletteKey,
+  px,
+  recomposeColor
+};
+//# sourceMappingURL=tokens.js.map

package/dist/native/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/native/typography/Text.js

@@ -0,0 +1,131 @@
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "../chunks/chunk-M4DTJDWU.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-VGBKUL6D.js";
+import {
+  FONT_WEIGHTS,
+  TYPE_SIZES,
+  alpha
+} from "../chunks/chunk-L2UUNK2M.js";
+
+// src/components/typography/Text/Text.native.tsx
+import * as React from "react";
+import { Platform, Text as RNText } from "react-native";
+
+// src/components/typography/Text/Text.metrics.ts
+var TEXT_SIZES = TYPE_SIZES;
+var TEXT_WEIGHTS = FONT_WEIGHTS;
+var HEADING_DEFAULT_WEIGHT = 600;
+var HEADING_LETTER_SPACING_EM = -0.01;
+var CAPTION_FONT_SIZE = 12;
+var CAPTION_OPACITY = 0.8;
+var CAPTION_LETTER_SPACING_EM = 0.02;
+var CODE_FONT_SIZE = 14;
+var CODE_BACKGROUND_ALPHA = 0.08;
+var CODE_BORDER_ALPHA = 0.12;
+var CODE_PADDING = { vertical: 2, horizontal: 6 };
+var CODE_RADIUS_FACTOR = 0.5;
+
+// src/components/typography/Text/Text.native.tsx
+import { jsx } from "react/jsx-runtime";
+var inkFor = (theme, color) => {
+  if (color === "neutral") return theme.palette.text.primary;
+  if (color === "secondary") return theme.palette.text.secondary;
+  return theme.palette[color].main;
+};
+var weightOf = (weight) => String(weight);
+var sizeOverride = (size, atDefault) => size === "md" ? atDefault : TEXT_SIZES[size].fontSize;
+var decoration = (underline, strikethrough) => {
+  if (underline && strikethrough) return "underline line-through";
+  if (underline) return "underline";
+  return strikethrough ? "line-through" : "none";
+};
+var monospace = (theme) => theme.typography.monospaceFontFamily ?? Platform.select({ ios: "Menlo", android: "monospace", default: "monospace" });
+function textStyle(theme, a) {
+  const step = TEXT_SIZES[a.size];
+  const base = {
+    color: inkFor(theme, a.color),
+    fontFamily: theme.typography.fontFamily,
+    fontSize: step.fontSize,
+    lineHeight: step.fontSize * step.lineHeight,
+    fontWeight: weightOf(TEXT_WEIGHTS[a.weight]),
+    fontStyle: a.italic ? "italic" : "normal",
+    textDecorationLine: decoration(a.underline, a.strikethrough)
+  };
+  switch (a.variant) {
+    case "heading":
+      return {
+        ...base,
+        fontWeight: weightOf(a.weight === "normal" ? HEADING_DEFAULT_WEIGHT : TEXT_WEIGHTS[a.weight]),
+        letterSpacing: HEADING_LETTER_SPACING_EM * step.fontSize
+      };
+    case "caption": {
+      const fontSize = sizeOverride(a.size, CAPTION_FONT_SIZE);
+      return {
+        ...base,
+        fontSize,
+        lineHeight: fontSize * step.lineHeight,
+        opacity: CAPTION_OPACITY,
+        letterSpacing: CAPTION_LETTER_SPACING_EM * fontSize
+      };
+    }
+    case "code": {
+      const fontSize = sizeOverride(a.size, CODE_FONT_SIZE);
+      return {
+        ...base,
+        fontFamily: monospace(theme),
+        fontSize,
+        lineHeight: fontSize * step.lineHeight,
+        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),
+        paddingVertical: CODE_PADDING.vertical,
+        paddingHorizontal: CODE_PADDING.horizontal,
+        borderRadius: theme.radius.md * CODE_RADIUS_FACTOR,
+        borderWidth: 1,
+        borderColor: alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)
+      };
+    }
+    default:
+      return base;
+  }
+}
+var Text = React.forwardRef(
+  ({
+    variant = "body",
+    color = "neutral",
+    size = "md",
+    weight = "normal",
+    italic = false,
+    underline = false,
+    strikethrough = false,
+    children,
+    style,
+    ...others
+  }, ref) => {
+    const rest = withoutTestIdProps(others);
+    const theme = useUiTheme();
+    const resolved = React.useMemo(
+      () => textStyle(theme, { variant, color, size, weight, italic, underline, strikethrough }),
+      [theme, variant, color, size, weight, italic, underline, strikethrough]
+    );
+    return /* @__PURE__ */ jsx(
+      RNText,
+      {
+        ref,
+        style: [resolved, style],
+        testID: resolveTestId(others),
+        role: variant === "heading" ? "heading" : void 0,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+export {
+  Text,
+  textStyle
+};
+//# sourceMappingURL=Text.js.map

package/dist/native/typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/typography/Text/Text.native.tsx","../../../src/components/typography/Text/Text.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport { Platform, Text as RNText, type TextStyle } from 'react-native';\n\nimport {\n  CAPTION_FONT_SIZE,\n  CAPTION_LETTER_SPACING_EM,\n  CAPTION_OPACITY,\n  CODE_BACKGROUND_ALPHA,\n  CODE_BORDER_ALPHA,\n  CODE_FONT_SIZE,\n  CODE_PADDING,\n  CODE_RADIUS_FACTOR,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_LETTER_SPACING_EM,\n  TEXT_SIZES,\n  TEXT_WEIGHTS,\n} from './Text.metrics';\nimport type { TextProps, TextVariant, TextWeight } from './Text.types.native';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport type { ColorValue, SizeValue } from '../../../tokens/vocabulary';\nimport { alpha } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/** Same mapping as the web `getColorFromTheme`: neutral is body ink, secondary the muted ink. */\nconst inkFor = (theme: UiTheme, color: ColorValue): string => {\n  if (color === 'neutral') return theme.palette.text.primary;\n  if (color === 'secondary') return theme.palette.text.secondary;\n  return theme.palette[color].main;\n};\n\n/** React Native wants the weight as a string. */\nconst weightOf = (weight: number): TextStyle['fontWeight'] => String(weight) as TextStyle['fontWeight'];\n\n/** Captions and code shrink relative to the body scale, but only at the default size. */\nconst sizeOverride = (size: SizeValue, atDefault: number): number =>\n  size === 'md' ? atDefault : TEXT_SIZES[size].fontSize;\n\nconst decoration = (underline: boolean, strikethrough: boolean): TextStyle['textDecorationLine'] => {\n  if (underline && strikethrough) return 'underline line-through';\n  if (underline) return 'underline';\n  return strikethrough ? 'line-through' : 'none';\n};\n\ninterface TextStyleArgs {\n  variant: TextVariant;\n  color: ColorValue;\n  size: SizeValue;\n  weight: TextWeight;\n  italic: boolean;\n  underline: boolean;\n  strikethrough: boolean;\n}\n\nconst monospace = (theme: UiTheme): string | undefined =>\n  theme.typography.monospaceFontFamily ?? Platform.select({ ios: 'Menlo', android: 'monospace', default: 'monospace' });\n\n/**\n * The style the web `Text` computes, in absolute numbers. `lineHeight` and\n * `letterSpacing` are multiplied out here because React Native has no ratio\n * or `em` unit — the web keeps them relative and the browser does this step.\n */\nexport function textStyle(theme: UiTheme, a: TextStyleArgs): TextStyle {\n  const step = TEXT_SIZES[a.size];\n  const base: TextStyle = {\n    color: inkFor(theme, a.color),\n    fontFamily: theme.typography.fontFamily,\n    fontSize: step.fontSize,\n    lineHeight: step.fontSize * step.lineHeight,\n    fontWeight: weightOf(TEXT_WEIGHTS[a.weight]),\n    fontStyle: a.italic ? 'italic' : 'normal',\n    textDecorationLine: decoration(a.underline, a.strikethrough),\n  };\n\n  switch (a.variant) {\n    case 'heading':\n      return {\n        ...base,\n        fontWeight: weightOf(a.weight === 'normal' ? HEADING_DEFAULT_WEIGHT : TEXT_WEIGHTS[a.weight]),\n        letterSpacing: HEADING_LETTER_SPACING_EM * step.fontSize,\n      };\n    case 'caption': {\n      const fontSize = sizeOverride(a.size, CAPTION_FONT_SIZE);\n      return {\n        ...base,\n        fontSize,\n        lineHeight: fontSize * step.lineHeight,\n        opacity: CAPTION_OPACITY,\n        letterSpacing: CAPTION_LETTER_SPACING_EM * fontSize,\n      };\n    }\n    case 'code': {\n      const fontSize = sizeOverride(a.size, CODE_FONT_SIZE);\n      return {\n        ...base,\n        fontFamily: monospace(theme),\n        fontSize,\n        lineHeight: fontSize * step.lineHeight,\n        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),\n        paddingVertical: CODE_PADDING.vertical,\n        paddingHorizontal: CODE_PADDING.horizontal,\n        borderRadius: theme.radius.md * CODE_RADIUS_FACTOR,\n        borderWidth: 1,\n        borderColor: alpha(theme.palette.primary.main, CODE_BORDER_ALPHA),\n      };\n    }\n    default:\n      return base;\n  }\n}\n\nexport const Text = React.forwardRef<RNText, TextProps>(\n  (\n    {\n      variant = 'body',\n      color = 'neutral',\n      size = 'md',\n      weight = 'normal',\n      italic = false,\n      underline = false,\n      strikethrough = false,\n      children,\n      style,\n      ...others\n    },\n    ref,\n  ) => {\n    const rest = withoutTestIdProps(others);\n    const theme = useUiTheme();\n    const resolved = React.useMemo(\n      () => textStyle(theme, { variant, color, size, weight, italic, underline, strikethrough }),\n      [theme, variant, color, size, weight, italic, underline, strikethrough],\n    );\n\n    return (\n      <RNText\n        ref={ref}\n        style={[resolved, style]}\n        testID={resolveTestId(others)}\n        role={variant === 'heading' ? 'heading' : undefined}\n        {...rest}\n      >\n        {children}\n      </RNText>\n    );\n  },\n);\n\nText.displayName = 'Text';\n","import { FONT_WEIGHTS, TYPE_SIZES } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `Text` RENDERERS DRAW WITH.\n *\n * `Text.tsx` used to hold these as rem strings and `Text.native.tsx` would have\n * held them again as numbers — two tables, one of which drifts. Now there is\n * one, in px, and the web derives its rem from it (see `px()` in the theme).\n * Ratios stay ratios; the native side multiplies them out because React\n * Native's `lineHeight` and `letterSpacing` are absolute.\n */\nexport const TEXT_SIZES = TYPE_SIZES;\nexport const TEXT_WEIGHTS = FONT_WEIGHTS;\n\n/** The `heading` variant: heavier by default, tighter tracking. */\nexport const HEADING_DEFAULT_WEIGHT = 600;\nexport const HEADING_LETTER_SPACING_EM = -0.01;\n\n/** The `caption` variant: a step down at the default size, faded and looser. */\nexport const CAPTION_FONT_SIZE = 12;\nexport const CAPTION_OPACITY = 0.8;\nexport const CAPTION_LETTER_SPACING_EM = 0.02;\n\n/** The `code` variant: a step down, on a faint primary wash inside a hairline. */\nexport const CODE_FONT_SIZE = 14;\nexport const CODE_BACKGROUND_ALPHA = 0.08;\nexport const CODE_BORDER_ALPHA = 0.12;\nexport const CODE_PADDING = { vertical: 2, horizontal: 6 } as const;\n/** Half the theme's `md` radius, as `Text.tsx` has always drawn it. */\nexport const CODE_RADIUS_FACTOR = 0.5;\n"],"mappings":";;;;;;;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,UAAU,QAAQ,cAA8B;;;ACUlD,IAAM,aAAa;AACnB,IAAM,eAAe;AAGrB,IAAM,yBAAyB;AAC/B,IAAM,4BAA4B;AAGlC,IAAM,oBAAoB;AAC1B,IAAM,kBAAkB;AACxB,IAAM,4BAA4B;AAGlC,IAAM,iBAAiB;AACvB,IAAM,wBAAwB;AAC9B,IAAM,oBAAoB;AAC1B,IAAM,eAAe,EAAE,UAAU,GAAG,YAAY,EAAE;AAElD,IAAM,qBAAqB;;;AD0G5B;AA9GN,IAAM,SAAS,CAAC,OAAgB,UAA8B;AAC5D,MAAI,UAAU,UAAW,QAAO,MAAM,QAAQ,KAAK;AACnD,MAAI,UAAU,YAAa,QAAO,MAAM,QAAQ,KAAK;AACrD,SAAO,MAAM,QAAQ,KAAK,EAAE;AAC9B;AAGA,IAAM,WAAW,CAAC,WAA4C,OAAO,MAAM;AAG3E,IAAM,eAAe,CAAC,MAAiB,cACrC,SAAS,OAAO,YAAY,WAAW,IAAI,EAAE;AAE/C,IAAM,aAAa,CAAC,WAAoB,kBAA4D;AAClG,MAAI,aAAa,cAAe,QAAO;AACvC,MAAI,UAAW,QAAO;AACtB,SAAO,gBAAgB,iBAAiB;AAC1C;AAYA,IAAM,YAAY,CAAC,UACjB,MAAM,WAAW,uBAAuB,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,aAAa,SAAS,YAAY,CAAC;AAO/G,SAAS,UAAU,OAAgB,GAA6B;AACrE,QAAM,OAAO,WAAW,EAAE,IAAI;AAC9B,QAAM,OAAkB;AAAA,IACtB,OAAO,OAAO,OAAO,EAAE,KAAK;AAAA,IAC5B,YAAY,MAAM,WAAW;AAAA,IAC7B,UAAU,KAAK;AAAA,IACf,YAAY,KAAK,WAAW,KAAK;AAAA,IACjC,YAAY,SAAS,aAAa,EAAE,MAAM,CAAC;AAAA,IAC3C,WAAW,EAAE,SAAS,WAAW;AAAA,IACjC,oBAAoB,WAAW,EAAE,WAAW,EAAE,aAAa;AAAA,EAC7D;AAEA,UAAQ,EAAE,SAAS;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY,SAAS,EAAE,WAAW,WAAW,yBAAyB,aAAa,EAAE,MAAM,CAAC;AAAA,QAC5F,eAAe,4BAA4B,KAAK;AAAA,MAClD;AAAA,IACF,KAAK,WAAW;AACd,YAAM,WAAW,aAAa,EAAE,MAAM,iBAAiB;AACvD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA,YAAY,WAAW,KAAK;AAAA,QAC5B,SAAS;AAAA,QACT,eAAe,4BAA4B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,KAAK,QAAQ;AACX,YAAM,WAAW,aAAa,EAAE,MAAM,cAAc;AACpD,aAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY,UAAU,KAAK;AAAA,QAC3B;AAAA,QACA,YAAY,WAAW,KAAK;AAAA,QAC5B,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,qBAAqB;AAAA,QACxE,iBAAiB,aAAa;AAAA,QAC9B,mBAAmB,aAAa;AAAA,QAChC,cAAc,MAAM,OAAO,KAAK;AAAA,QAChC,aAAa;AAAA,QACb,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,iBAAiB;AAAA,MAClE;AAAA,IACF;AAAA,IACA;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,OAAa;AAAA,EACxB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,mBAAmB,MAAM;AACtC,UAAM,QAAQ,WAAW;AACzB,UAAM,WAAiB;AAAA,MACrB,MAAM,UAAU,OAAO,EAAE,SAAS,OAAO,MAAM,QAAQ,QAAQ,WAAW,cAAc,CAAC;AAAA,MACzF,CAAC,OAAO,SAAS,OAAO,MAAM,QAAQ,QAAQ,WAAW,aAAa;AAAA,IACxE;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,CAAC,UAAU,KAAK;AAAA,QACvB,QAAQ,cAAc,MAAM;AAAA,QAC5B,MAAM,YAAY,YAAY,YAAY;AAAA,QACzC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/navigation/AppHeader.js

@@ -6,10 +6,10 @@ import {
 import {
   AppHeaderIdentity,
   AppHeaderStatus
-} from "../chunk-N34YHFZW.js";
+} from "../chunk-W2YNUUVJ.js";
 import {
   AppHeaderDetails
-} from "../chunk-6RFL7HGI.js";
+} from "../chunk-LZRURORY.js";
 import {
   AppHeaderBrand
 } from "../chunk-H37GIAAM.js";
@@ -18,22 +18,29 @@ import {
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import "../chunk-VVXRIPV5.js";
-import "../chunk-KXNWDXR7.js";
-import "../chunk-X4X4CVWJ.js";
+import "../chunk-MY5VNNSP.js";
+import "../chunk-6JZE4IIN.js";
+import "../chunk-OLZTGVBT.js";
+import "../chunk-CRN4KKNI.js";
+import "../chunk-M2K7BPHX.js";
 import "../chunk-POUWN4PX.js";
-import "../chunk-REMK55JI.js";
 import "../chunk-F52N6ACD.js";
-import "../chunk-CRN4KKNI.js";
 import "../chunk-S5LE2ARG.js";
 import "../chunk-6PRA45LC.js";
-import "../chunk-IAQFQNBL.js";
-import "../chunk-AUYC5K5K.js";
-import "../chunk-NYUGX76C.js";
+import "../chunk-24BUCMQA.js";
+import "../chunk-JT6TERQL.js";
+import "../chunk-ITGG5OKP.js";
+import "../chunk-TAMIZE4Q.js";
+import "../chunk-QLWBQQW7.js";
 import "../chunk-AKZWDZCZ.js";
 import "../chunk-HPK33ACY.js";
-import "../chunk-I6PZVHIT.js";
-import "../chunk-7CA6GVBO.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   AppHeader,

package/dist/navigation/CommandPalette.js

@@ -1,11 +1,11 @@
 import "../chunk-P5WJUR7X.js";
 import {
   CommandPalette
-} from "../chunk-B6IURHSZ.js";
-import "../chunk-SQSFMZTF.js";
-import "../chunk-5EIW2FZY.js";
+} from "../chunk-7DNQHMDO.js";
 import "../chunk-SUZXPDUQ.js";
 import "../chunk-4VRDFZ4G.js";
+import "../chunk-SQSFMZTF.js";
+import "../chunk-5EIW2FZY.js";
 import "../chunk-PZ5AY32C.js";
 export {
   CommandPalette

package/dist/navigation/NavigationMenu.js

@@ -1,13 +1,13 @@
 import "../chunk-I53WONUS.js";
 import {
   NavigationMenu
-} from "../chunk-GT7C6TSM.js";
-import "../chunk-RRX6ZTNX.js";
-import "../chunk-ZDWU52DJ.js";
+} from "../chunk-VNEEXUWA.js";
+import "../chunk-UEJQQVP2.js";
+import "../chunk-7AR2R7TV.js";
+import "../chunk-RXSGHPCR.js";
+import "../chunk-3L5OZCGA.js";
 import "../chunk-Q444G5X7.js";
-import "../chunk-7FOOLP5H.js";
 import "../chunk-FYLCSCMR.js";
-import "../chunk-3L5OZCGA.js";
 import "../chunk-PZ5AY32C.js";
 export {
   NavigationMenu

package/dist/navigation/Pagination.js

@@ -1,10 +1,10 @@
 import "../chunk-MQJDMQJZ.js";
 import {
   Pagination
-} from "../chunk-W2UTDN4T.js";
-import "../chunk-CZBONNPA.js";
+} from "../chunk-DWZ7FLA7.js";
 import "../chunk-BB2IVF76.js";
 import "../chunk-Z6TIAVEG.js";
+import "../chunk-CZBONNPA.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Pagination

package/dist/provider.js

@@ -0,0 +1,26 @@
+import {
+  UiProvider
+} from "./chunk-7JXLGOM2.js";
+import "./chunk-XZTRZ3HO.js";
+import {
+  useUiTheme
+} from "./chunk-KLREH4X6.js";
+import {
+  muiThemeOptionsFrom,
+  uiThemeFromMui
+} from "./chunk-YMRI5QKG.js";
+import "./chunk-V5IOLAIS.js";
+import "./chunk-7ZPUN7TV.js";
+import "./chunk-PT6TCWIW.js";
+import "./chunk-NQN5Z36J.js";
+import "./chunk-AG66JBNH.js";
+import "./chunk-6JAIFIPW.js";
+import "./chunk-FZXKH2ZT.js";
+import "./chunk-PZ5AY32C.js";
+export {
+  UiProvider,
+  muiThemeOptionsFrom,
+  uiThemeFromMui,
+  useUiTheme
+};
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/pt-BR.js

@@ -1,12 +1,4 @@
 import "./chunk-BWZKLKDT.js";
-import {
-  PT_BR_INSTALL_PROMPT_COPY,
-  PT_BR_USER_AVATAR_COPY
-} from "./chunk-Z24VOTA7.js";
-import {
-  PT_BR_BREADCRUMB_COPY,
-  PT_BR_COMMAND_PALETTE_COPY
-} from "./chunk-62OGPVCL.js";
 import {
   PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
   PT_BR_AUTOCOMPLETE_COPY,
@@ -29,6 +21,10 @@ import {
   PT_BR_MAP_PREVIEW_COPY,
   PT_BR_TIMING_DIAGRAM_COPY
 } from "./chunk-U2AC4AQX.js";
+import {
+  PT_BR_INSTALL_PROMPT_COPY,
+  PT_BR_USER_AVATAR_COPY
+} from "./chunk-Z24VOTA7.js";
 import {
   PT_BR_CATEGORY_SELECT_COPY,
   PT_BR_CEP_FIELD_COPY,
@@ -36,6 +32,10 @@ import {
   PT_BR_SAVED_VIEWS_LABELS,
   PT_BR_SECTION_ONBOARDING_COPY
 } from "./chunk-WUE5EK42.js";
+import {
+  PT_BR_BREADCRUMB_COPY,
+  PT_BR_COMMAND_PALETTE_COPY
+} from "./chunk-62OGPVCL.js";
 import {
   PT_BR_TABLE_FILTER_COPY
 } from "./chunk-A7RIZOAL.js";

package/dist/social-login-button.js

@@ -4,11 +4,11 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-EB4BTKKY.js";
+} from "./chunk-3AFUWDYS.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
-import "./chunk-HQJ75HHI.js";
-import "./chunk-QCIWROKG.js";
+import "./chunk-NYLXHOMR.js";
+import "./chunk-CGQI4XE5.js";
 import "./chunk-CMMPGAMJ.js";
 import "./chunk-MCZ7536N.js";
 import "./chunk-IFPTVHYR.js";
@@ -18,11 +18,18 @@ import "./chunk-D2IASECY.js";
 import "./chunk-VMF3UXM4.js";
 import "./chunk-RI5JZLZL.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-IAQFQNBL.js";
-import "./chunk-AUYC5K5K.js";
-import "./chunk-NYUGX76C.js";
-import "./chunk-VRHBJXZ7.js";
-import "./chunk-7CA6GVBO.js";
+import "./chunk-24BUCMQA.js";
+import "./chunk-JT6TERQL.js";
+import "./chunk-ITGG5OKP.js";
+import "./chunk-TAMIZE4Q.js";
+import "./chunk-2PCOC3PT.js";
+import "./chunk-V3PLFYKO.js";
+import "./chunk-QLWBQQW7.js";
+import "./chunk-PT6TCWIW.js";
+import "./chunk-NQN5Z36J.js";
+import "./chunk-AG66JBNH.js";
+import "./chunk-6JAIFIPW.js";
+import "./chunk-FZXKH2ZT.js";
 import "./chunk-PZ5AY32C.js";
 export {
   AppleIcon,

package/dist/tokens.js

@@ -1,26 +1,79 @@
+import {
+  accentFor
+} from "./chunk-V5IOLAIS.js";
 import {
   COLOR_VALUES,
   SIZE_VALUES,
-  accentFor,
   muiColor,
   muiSize,
   paletteKey
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-7ZPUN7TV.js";
 import {
-  HEADING_LEVELS,
-  HEADING_SCALE,
   headingMetrics
-} from "./chunk-7CA6GVBO.js";
+} from "./chunk-PT6TCWIW.js";
+import {
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
+  NEUTRAL,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  px
+} from "./chunk-NQN5Z36J.js";
+import "./chunk-AG66JBNH.js";
+import {
+  alpha,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
+  hexToRgb,
+  hslToRgb,
+  lighten,
+  recomposeColor
+} from "./chunk-6JAIFIPW.js";
+import {
+  HEADING_LEVELS,
+  HEADING_SCALE
+} from "./chunk-FZXKH2ZT.js";
 import "./chunk-PZ5AY32C.js";
 export {
   COLOR_VALUES,
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
   HEADING_LEVELS,
   HEADING_SCALE,
+  NEUTRAL,
   SIZE_VALUES,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
   accentFor,
+  alpha,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
   headingMetrics,
+  hexToRgb,
+  hslToRgb,
+  lighten,
   muiColor,
   muiSize,
-  paletteKey
+  paletteKey,
+  px,
+  recomposeColor
 };
 //# sourceMappingURL=tokens.js.map

package/dist/types/components/form/Button/Button.base.d.ts

@@ -0,0 +1,65 @@
+import type * as React from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * This file imports no MUI and no react-native, on purpose: it is in BOTH
+ * declaration outputs (`dist/types` and `dist/types-native`), and a native
+ * consumer has no `@mui/material` to resolve a type import against.
+ */
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'text' | 'glass' | 'gradient';
+/**
+ * The contract both renderers honour. Handlers are NOT here: their names are
+ * the same on both sides (`onClick`, `onFocus`, `onBlur`) but their event types
+ * are the renderer's own, so each side declares them beside its own extras.
+ */
+export interface ButtonBaseProps {
+    /**
+     * The variant of the button
+     */
+    variant?: ButtonVariant;
+    /**
+     * The color of the button
+     */
+    color?: ColorValue;
+    /**
+     * The size of the button
+     */
+    size?: SizeValue;
+    /**
+     * Whether the button is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Icon to display in the button
+     */
+    icon?: React.ReactNode;
+    /**
+     * Position of the icon
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Whether the button should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the button should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Whether to show ripple effect on click
+     */
+    ripple?: boolean;
+    /**
+     * Whether the button is in active state
+     */
+    active?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    /**
+     * Test ID for testing purposes
+     */
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=Button.base.d.ts.map

package/dist/types/components/form/Button/Button.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1F;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types/components/form/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,eAAO,MAAM,MAAM,oGAgElB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,eAAO,MAAM,MAAM,oGAkElB,CAAC"}

package/dist/types/components/form/Button/Button.helpers.d.ts

@@ -1,6 +1,10 @@
-import type { ButtonProps } from './Button.types';
+import type { ButtonBaseProps } from './Button.base';
 type ButtonDefaultedKeys = 'variant' | 'color' | 'size' | 'loading' | 'iconPosition' | 'glow' | 'pulse' | 'ripple' | 'active';
-type ResolvedButtonProps = ButtonProps & Required<Pick<ButtonProps, ButtonDefaultedKeys>>;
-export declare const resolveButtonProps: (props: ButtonProps) => ResolvedButtonProps;
+/**
+ * Generic over the renderer's own props: the web and the native `Button` pass
+ * different handler types through, and both come back out untouched.
+ */
+type ResolvedButtonProps<P extends ButtonBaseProps> = P & Required<Pick<ButtonBaseProps, ButtonDefaultedKeys>>;
+export declare const resolveButtonProps: <P extends ButtonBaseProps>(props: P) => ResolvedButtonProps<P>;
 export {};
 //# sourceMappingURL=Button.helpers.d.ts.map

package/dist/types/components/form/Button/Button.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,KAAK,mBAAmB,GACpB,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,cAAc,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,mBAAmB,GAAG,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAqB1F,eAAO,MAAM,kBAAkB,GAAI,OAAO,WAAW,KAAG,mBACiB,CAAC"}
+{"version":3,"file":"Button.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,KAAK,mBAAmB,GACpB,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,cAAc,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb;;;GAGG;AACH,KAAK,mBAAmB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,GACrD,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAqBvD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,mBAAmB,CAAC,CAAC,CAClB,CAAC"}

package/dist/types/components/form/Button/Button.metrics.d.ts

@@ -0,0 +1,52 @@
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+import type { UiPaletteColor, UiTheme } from '../../../tokens/theme';
+/**
+ * THE NUMBERS BOTH `Button` RENDERERS DRAW WITH.
+ *
+ * `Button.styles.ts` (web, emotion) and `Button.native.tsx` (React Native)
+ * read this one table. The web turns the px into rem and the padding into a
+ * shorthand string; native uses the numbers as they are. Neither restates a
+ * value, which is what keeps a native `md` button 16px tall of padding and
+ * 16px of type exactly like the web one.
+ */
+export interface ButtonSizeMetrics {
+    paddingVertical: number;
+    paddingHorizontal: number;
+    fontSize: number;
+}
+export declare const BUTTON_SIZES: Record<SizeValue, ButtonSizeMetrics>;
+/** A button that is only an icon is square: uniform padding, no min-width. */
+export declare const ICON_ONLY_PADDING: Record<SizeValue, number>;
+export declare const BUTTON_FONT_WEIGHT = 500;
+/** `theme.spacing(1)`. */
+export declare const BUTTON_RADIUS_UNITS = 1;
+/** Between the icon and the label: `theme.spacing(0.5)`. */
+export declare const BUTTON_ICON_GAP_UNITS = 0.5;
+export declare const BUTTON_SPINNER_SIZE = 16;
+/** MUI's `line-height` for button text. */
+export declare const BUTTON_LINE_HEIGHT = 1.75;
+/** The wash behind an outline, ghost or text button while it is hovered or pressed. */
+export declare const BUTTON_WASH_ALPHA = 0.1;
+export declare const GLASS_BACKGROUND_ALPHA = 0.1;
+export declare const GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;
+export declare const GLASS_BORDER_ALPHA = 0.2;
+export declare const GLOW_INNER_ALPHA = 0.6;
+export declare const GLOW_OUTER_ALPHA = 0.3;
+export declare const GLOW_RADIUS = 20;
+export declare const PULSE_ALPHA = 0.3;
+export declare const PULSE_DURATION_MS = 2000;
+export declare const PULSE_SPREAD = 15;
+/**
+ * `neutral` has no palette slot of its own in MUI, so `Button.styles.ts` has
+ * always drawn it from three greys. Same three greys here.
+ */
+export declare function buttonPalette(theme: UiTheme, color: ColorValue): UiPaletteColor;
+/**
+ * The label colour for `ghost` and `text`: one step darker than `main` in
+ * light mode (lighter in dark), because `main` is chosen to sit UNDER white and
+ * is not legible AS text on a tinted surface. See the web `quietInk`.
+ */
+export declare const quietInk: (theme: UiTheme, palette: UiPaletteColor) => string;
+/** Gradients run between two related hues; the named colours pick a specific pair. */
+export declare function gradientStops(theme: UiTheme, color: ColorValue, palette: UiPaletteColor): [string, string];
+//# sourceMappingURL=Button.metrics.d.ts.map

package/dist/types/components/form/Button/Button.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.metrics.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAM7D,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,0BAA0B;AAC1B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,4DAA4D;AAC5D,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,2CAA2C;AAC3C,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,uFAAuF;AACvF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,cAAc,CAU/E;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,EAAE,SAAS,cAAc,KAAG,MACc,CAAC;AAElF,sFAAsF;AACtF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,cAAc,GACtB,CAAC,MAAM,EAAE,MAAM,CAAC,CAclB"}