@12-apps/ui 6.17.1 → 6.19.0

package/dist/native/typography/Heading.js

@@ -0,0 +1,110 @@
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "../chunks/chunk-M4DTJDWU.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-YTHR4Y5P.js";
+import {
+  FONT_WEIGHTS,
+  HEADING_SCALE
+} from "../chunks/chunk-P3PL4WBO.js";
+
+// src/components/typography/Heading/Heading.native.tsx
+import * as React from "react";
+import { Text as RNText } from "react-native";
+
+// src/components/typography/Heading/Heading.metrics.ts
+var HEADING_WEIGHTS = FONT_WEIGHTS;
+var HEADING_DEFAULT_LEVEL = "h2";
+var HEADING_DEFAULT_WEIGHT = "bold";
+var HEADING_DEFAULT_COLOR = "neutral";
+var HEADING_RANK = {
+  display: 1,
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+var stepOf = (value) => value !== void 0 && value in HEADING_SCALE ? value : HEADING_DEFAULT_LEVEL;
+var isHeadingWeight = (value) => value in HEADING_WEIGHTS;
+function headingWeight(weight, normalWeight) {
+  if (weight === "normal") return normalWeight;
+  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];
+}
+var NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 };
+function headingGradientStops(theme, color) {
+  switch (color) {
+    case "primary":
+      return [theme.palette.primary.main, theme.palette.secondary.main];
+    case "secondary":
+      return [theme.palette.secondary.main, theme.palette.primary.main];
+    case "neutral":
+      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];
+    default:
+      return [theme.palette[color].light, theme.palette[color].dark];
+  }
+}
+
+// src/components/typography/Heading/Heading.native.tsx
+import { jsx } from "react/jsx-runtime";
+var inkFor = (theme, color) => color === "neutral" ? theme.palette.text.primary : theme.palette[color].main;
+function headingStyle(theme, a) {
+  const step = theme.typography.heading[a.size];
+  return {
+    fontFamily: theme.typography.fontFamily,
+    fontSize: step.fontSize,
+    lineHeight: step.fontSize * step.lineHeight,
+    letterSpacing: step.letterSpacing === void 0 ? void 0 : step.letterSpacing * step.fontSize,
+    fontWeight: String(headingWeight(a.weight, step.normalWeight)),
+    color: a.gradient ? headingGradientStops(theme, a.color)[0] : inkFor(theme, a.color)
+  };
+}
+var Heading = React.forwardRef(
+  ({
+    level = HEADING_DEFAULT_LEVEL,
+    size,
+    color = HEADING_DEFAULT_COLOR,
+    weight = HEADING_DEFAULT_WEIGHT,
+    gradient = false,
+    children,
+    style,
+    onClick,
+    onPress,
+    ...others
+  }, ref) => {
+    const rest = withoutTestIdProps(others);
+    const theme = useUiTheme();
+    const rank = HEADING_RANK[stepOf(level)];
+    const step = stepOf(size ?? level);
+    const resolved = React.useMemo(
+      () => headingStyle(theme, { size: step, color, weight, gradient }),
+      [theme, step, color, weight, gradient]
+    );
+    const handlePress = onClick || onPress ? (event) => {
+      onClick?.(event);
+      onPress?.(event);
+    } : void 0;
+    return /* @__PURE__ */ jsx(
+      RNText,
+      {
+        ref,
+        role: "heading",
+        "aria-level": rank,
+        style: [resolved, style],
+        testID: resolveTestId(others),
+        onPress: handlePress,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading,
+  headingStyle
+};
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/typography/Heading/Heading.native.tsx","../../../src/components/typography/Heading/Heading.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport { Text as RNText, type GestureResponderEvent, type TextStyle } from 'react-native';\n\nimport type { HeadingWeight } from './Heading.base';\nimport {\n  HEADING_DEFAULT_COLOR,\n  HEADING_DEFAULT_LEVEL,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_RANK,\n  headingGradientStops,\n  headingWeight,\n  stepOf,\n} from './Heading.metrics';\nimport type { HeadingProps } from './Heading.types.native';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport type { HeadingLevel } from '../../../tokens/heading-scale';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/** Same mapping as the web `getColorFromTheme`: neutral is body ink, every other colour its slot's main. */\nconst inkFor = (theme: UiTheme, color: ColorValue): string =>\n  color === 'neutral' ? theme.palette.text.primary : theme.palette[color].main;\n\nexport interface HeadingStyleArgs {\n  /** The step to DRAW — `size ?? level`, already resolved to a name the scale has. */\n  size: HeadingLevel;\n  color: ColorValue;\n  weight: HeadingWeight;\n  gradient: boolean;\n}\n\n/**\n * The style the web `headingSx` computes, in absolute numbers. The step comes\n * from the theme's heading scale (`HEADING_SCALE` unless the host built its\n * own), and its `lineHeight` ratio and `letterSpacing` em are multiplied out\n * because React Native has neither unit.\n *\n * `gradient` is the one honest gap: React Native has no `background-clip:\n * text` and no gradient fill in core, so the glyphs take the gradient's first\n * stop as a flat colour — the same choice the native `Button` makes.\n */\nexport function headingStyle(theme: UiTheme, a: HeadingStyleArgs): TextStyle {\n  const step = theme.typography.heading[a.size];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: step.fontSize,\n    lineHeight: step.fontSize * step.lineHeight,\n    letterSpacing: step.letterSpacing === undefined ? undefined : step.letterSpacing * step.fontSize,\n    fontWeight: String(headingWeight(a.weight, step.normalWeight)) as TextStyle['fontWeight'],\n    color: a.gradient ? headingGradientStops(theme, a.color)[0] : inkFor(theme, a.color),\n  };\n}\n\nexport const Heading = React.forwardRef<RNText, HeadingProps>(\n  (\n    {\n      level = HEADING_DEFAULT_LEVEL,\n      size,\n      color = HEADING_DEFAULT_COLOR,\n      weight = HEADING_DEFAULT_WEIGHT,\n      gradient = false,\n      children,\n      style,\n      onClick,\n      onPress,\n      ...others\n    },\n    ref,\n  ) => {\n    const rest = withoutTestIdProps(others);\n    const theme = useUiTheme();\n    // The rank is `level`'s; the drawn step is `size`'s, falling back to the\n    // rank's — the same two derivations the web makes from the same two props.\n    const rank = HEADING_RANK[stepOf(level)];\n    const step = stepOf(size ?? level);\n    const resolved = React.useMemo(\n      () => headingStyle(theme, { size: step, color, weight, gradient }),\n      [theme, step, color, weight, gradient],\n    );\n    const handlePress =\n      onClick || onPress\n        ? (event: GestureResponderEvent): void => {\n            onClick?.(event);\n            onPress?.(event);\n          }\n        : undefined;\n\n    return (\n      <RNText\n        ref={ref}\n        role=\"heading\"\n        aria-level={rank}\n        style={[resolved, style]}\n        testID={resolveTestId(others)}\n        onPress={handlePress}\n        {...rest}\n      >\n        {children}\n      </RNText>\n    );\n  },\n);\n\nHeading.displayName = 'Heading';\n","import type { HeadingWeight } from './Heading.base';\nimport { HEADING_SCALE, type HeadingLevel } from '../../../tokens/heading-scale';\nimport { FONT_WEIGHTS, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.\n *\n * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the\n * web reads it through the MUI theme's `headingScale` overrides, native\n * through `UiTheme.typography.heading`). What lives here is everything ELSE\n * `Heading.styles.ts` used to declare inline: the weight table, the defaults,\n * the rank each level announces, and the gradient's angle and stops.\n */\nexport const HEADING_WEIGHTS: Record<HeadingWeight, number> = FONT_WEIGHTS;\n\nexport const HEADING_DEFAULT_LEVEL: HeadingLevel = 'h2';\nexport const HEADING_DEFAULT_WEIGHT: HeadingWeight = 'bold';\nexport const HEADING_DEFAULT_COLOR: ColorValue = 'neutral';\n\nexport type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * The outline rank each level announces — the tag on the web, `aria-level` on\n * native. `display` is a SIZE, not a rank, so it is an h1: the document still\n * gets one level-one heading rather than an unnamed tag outside the outline.\n */\nexport const HEADING_RANK: Record<HeadingLevel, HeadingRank> = {\n  display: 1,\n  h1: 1,\n  h2: 2,\n  h3: 3,\n  h4: 4,\n  h5: 5,\n  h6: 6,\n};\n\n/** A step name the scale actually has, or the documented default (`h2`). */\nexport const stepOf = (value: string | undefined): HeadingLevel =>\n  value !== undefined && value in HEADING_SCALE ? (value as HeadingLevel) : HEADING_DEFAULT_LEVEL;\n\nconst isHeadingWeight = (value: string): value is HeadingWeight => value in HEADING_WEIGHTS;\n\n/**\n * The weight a heading draws: `normal` is the weight the step was designed to\n * carry (heavier as the step gets larger), anything else its table entry, and\n * a name outside the vocabulary the default — as `Heading.styles.ts` has\n * always fallen back.\n */\nexport function headingWeight(weight: string, normalWeight: number): number {\n  if (weight === 'normal') return normalWeight;\n  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];\n}\n\n/** The gradient runs corner to corner. */\nexport const HEADING_GRADIENT_ANGLE = 135;\n\n/**\n * `neutral` has no light/dark pair, so its gradient runs between two steps of\n * the grey ramp.\n */\nexport const NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 } as const;\n\n/** The CSS the web paints the glyphs with, from the two stops. */\nexport const headingGradient = (from: string, to: string): string =>\n  `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;\n\n/**\n * The two stops each colour paints its glyphs with, read off a `UiTheme`. The\n * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs\n * are the same, and `Heading.native.test.tsx` asserts as much.\n */\nexport function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'neutral':\n      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];\n    default:\n      return [theme.palette[color].light, theme.palette[color].dark];\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/native/typography/Paragraph.js

@@ -0,0 +1,86 @@
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "../chunks/chunk-M4DTJDWU.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-YTHR4Y5P.js";
+import "../chunks/chunk-P3PL4WBO.js";
+
+// src/components/typography/Paragraph/Paragraph.native.tsx
+import * as React from "react";
+import { Text as RNText } from "react-native";
+
+// src/components/typography/Paragraph/Paragraph.metrics.ts
+var PARAGRAPH_SIZES = {
+  xs: { fontSize: 12, lineHeight: 1.4 },
+  sm: { fontSize: 14, lineHeight: 1.5 },
+  md: { fontSize: 16, lineHeight: 1.6 },
+  lg: { fontSize: 18, lineHeight: 1.6 },
+  xl: { fontSize: 20, lineHeight: 1.7 }
+};
+var PARAGRAPH_FONT_WEIGHT = 400;
+var PARAGRAPH_MARGIN_BOTTOM_EM = 1;
+var LEAD_FONT_SIZE = 18;
+var LEAD_LINE_HEIGHT = 1.7;
+var LEAD_LETTER_SPACING_EM = 0.01;
+var MUTED_OPACITY = 0.8;
+var SMALL_FONT_SIZE = 14;
+var SMALL_LINE_HEIGHT = 1.5;
+
+// src/components/typography/Paragraph/Paragraph.native.tsx
+import { jsx } from "react/jsx-runtime";
+var inkFor = (theme, color) => color === "neutral" ? theme.palette.text.primary : theme.palette[color].main;
+var sizeOverride = (size, atDefault) => size === "md" ? atDefault : PARAGRAPH_SIZES[size].fontSize;
+var WEIGHT = String(PARAGRAPH_FONT_WEIGHT);
+function paragraphStyle(theme, a) {
+  const step = PARAGRAPH_SIZES[a.size];
+  const metrics = (fontSize, lineHeight) => ({
+    fontFamily: theme.typography.fontFamily,
+    fontSize,
+    lineHeight: fontSize * lineHeight,
+    marginBottom: fontSize * PARAGRAPH_MARGIN_BOTTOM_EM,
+    fontWeight: WEIGHT
+  });
+  switch (a.variant) {
+    case "lead": {
+      const fontSize = sizeOverride(a.size, LEAD_FONT_SIZE);
+      return {
+        ...metrics(fontSize, LEAD_LINE_HEIGHT),
+        color: inkFor(theme, a.color),
+        letterSpacing: LEAD_LETTER_SPACING_EM * fontSize
+      };
+    }
+    case "muted":
+      return {
+        ...metrics(step.fontSize, step.lineHeight),
+        color: theme.palette.text.secondary,
+        opacity: MUTED_OPACITY
+      };
+    case "small":
+      return {
+        ...metrics(sizeOverride(a.size, SMALL_FONT_SIZE), SMALL_LINE_HEIGHT),
+        color: theme.palette.text.secondary
+      };
+    default:
+      return { ...metrics(step.fontSize, step.lineHeight), color: inkFor(theme, a.color) };
+  }
+}
+var Paragraph = React.forwardRef(
+  ({ variant = "default", color = "neutral", size = "md", children, style, onClick, onPress, ...others }, ref) => {
+    const rest = withoutTestIdProps(others);
+    const theme = useUiTheme();
+    const resolved = React.useMemo(() => paragraphStyle(theme, { variant, color, size }), [theme, variant, color, size]);
+    const handlePress = onClick || onPress ? (event) => {
+      onClick?.(event);
+      onPress?.(event);
+    } : void 0;
+    return /* @__PURE__ */ jsx(RNText, { ref, style: [resolved, style], testID: resolveTestId(others), onPress: handlePress, ...rest, children });
+  }
+);
+Paragraph.displayName = "Paragraph";
+export {
+  Paragraph,
+  paragraphStyle
+};
+//# sourceMappingURL=Paragraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/typography/Paragraph/Paragraph.native.tsx","../../../src/components/typography/Paragraph/Paragraph.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport { Text as RNText, type GestureResponderEvent, type TextStyle } from 'react-native';\n\nimport {\n  LEAD_FONT_SIZE,\n  LEAD_LETTER_SPACING_EM,\n  LEAD_LINE_HEIGHT,\n  MUTED_OPACITY,\n  PARAGRAPH_FONT_WEIGHT,\n  PARAGRAPH_MARGIN_BOTTOM_EM,\n  PARAGRAPH_SIZES,\n  SMALL_FONT_SIZE,\n  SMALL_LINE_HEIGHT,\n} from './Paragraph.metrics';\nimport type { ParagraphProps, ParagraphVariant } from './Paragraph.types.native';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { ColorValue, SizeValue } from '../../../tokens/vocabulary';\n\n/** Same mapping as the web `getColorFromTheme`: neutral is body ink, every other colour its slot's main. */\nconst inkFor = (theme: UiTheme, color: ColorValue): string =>\n  color === 'neutral' ? theme.palette.text.primary : theme.palette[color].main;\n\n/** `lead` and `small` step up or down relative to the scale, but only at the default size. */\nconst sizeOverride = (size: SizeValue, atDefault: number): number =>\n  size === 'md' ? atDefault : PARAGRAPH_SIZES[size].fontSize;\n\n/** React Native wants the weight as a string. */\nconst WEIGHT = String(PARAGRAPH_FONT_WEIGHT) as TextStyle['fontWeight'];\n\nexport interface ParagraphStyleArgs {\n  variant: ParagraphVariant;\n  color: ColorValue;\n  size: SizeValue;\n}\n\n/**\n * The style the web `Paragraph` computes, in absolute numbers. `lineHeight`,\n * `letterSpacing` and the `1em` bottom margin are multiplied out here because\n * React Native has no ratio or `em` unit — the web keeps them relative and the\n * browser does this step.\n */\nexport function paragraphStyle(theme: UiTheme, a: ParagraphStyleArgs): TextStyle {\n  const step = PARAGRAPH_SIZES[a.size];\n  const metrics = (fontSize: number, lineHeight: number): TextStyle => ({\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * lineHeight,\n    marginBottom: fontSize * PARAGRAPH_MARGIN_BOTTOM_EM,\n    fontWeight: WEIGHT,\n  });\n\n  switch (a.variant) {\n    case 'lead': {\n      const fontSize = sizeOverride(a.size, LEAD_FONT_SIZE);\n      return {\n        ...metrics(fontSize, LEAD_LINE_HEIGHT),\n        color: inkFor(theme, a.color),\n        letterSpacing: LEAD_LETTER_SPACING_EM * fontSize,\n      };\n    }\n    case 'muted':\n      return {\n        ...metrics(step.fontSize, step.lineHeight),\n        color: theme.palette.text.secondary,\n        opacity: MUTED_OPACITY,\n      };\n    case 'small':\n      return {\n        ...metrics(sizeOverride(a.size, SMALL_FONT_SIZE), SMALL_LINE_HEIGHT),\n        color: theme.palette.text.secondary,\n      };\n    default:\n      return { ...metrics(step.fontSize, step.lineHeight), color: inkFor(theme, a.color) };\n  }\n}\n\nexport const Paragraph = React.forwardRef<RNText, ParagraphProps>(\n  ({ variant = 'default', color = 'neutral', size = 'md', children, style, onClick, onPress, ...others }, ref) => {\n    const rest = withoutTestIdProps(others);\n    const theme = useUiTheme();\n    const resolved = React.useMemo(() => paragraphStyle(theme, { variant, color, size }), [theme, variant, color, size]);\n    const handlePress =\n      onClick || onPress\n        ? (event: GestureResponderEvent): void => {\n            onClick?.(event);\n            onPress?.(event);\n          }\n        : undefined;\n\n    return (\n      <RNText ref={ref} style={[resolved, style]} testID={resolveTestId(others)} onPress={handlePress} {...rest}>\n        {children}\n      </RNText>\n    );\n  },\n);\n\nParagraph.displayName = 'Paragraph';\n","import type { UiTypeStep } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Paragraph` RENDERERS DRAW WITH.\n *\n * `Paragraph.tsx` used to hold these as rem strings inside its styled\n * callback, and `Paragraph.native.tsx` would have held them again as numbers.\n * Now there is one table, in px, and the web derives its rem from it (`px()`\n * in the theme). Ratios and `em` values stay relative; the native side\n * multiplies them out because React Native's `lineHeight`, `letterSpacing` and\n * margins are absolute.\n *\n * NOT `TYPE_SIZES`: a paragraph is set looser than `Text`'s body scale (1.6\n * against 1.5 at `md`), because it is read in runs of lines rather than as a\n * label. The font sizes are the same five steps.\n */\nexport const PARAGRAPH_SIZES: Record<SizeValue, UiTypeStep> = {\n  xs: { fontSize: 12, lineHeight: 1.4 },\n  sm: { fontSize: 14, lineHeight: 1.5 },\n  md: { fontSize: 16, lineHeight: 1.6 },\n  lg: { fontSize: 18, lineHeight: 1.6 },\n  xl: { fontSize: 20, lineHeight: 1.7 },\n};\n\nexport const PARAGRAPH_FONT_WEIGHT = 400;\n\n/** `margin: 0 0 1em 0` — one line of its own type below each paragraph. */\nexport const PARAGRAPH_MARGIN_BOTTOM_EM = 1;\n\n/** The `lead` variant: a step up at the default size, looser leading and tracking. */\nexport const LEAD_FONT_SIZE = 18;\nexport const LEAD_LINE_HEIGHT = 1.7;\nexport const LEAD_LETTER_SPACING_EM = 0.01;\n\n/** The `muted` variant: the secondary ink, faded further. */\nexport const MUTED_OPACITY = 0.8;\n\n/** The `small` variant: a step down at the default size, on the secondary ink. */\nexport const SMALL_FONT_SIZE = 14;\nexport const SMALL_LINE_HEIGHT = 1.5;\n"],"mappings":";;;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,QAAQ,cAA0D;;;ACgBpE,IAAM,kBAAiD;AAAA,EAC5D,IAAI,EAAE,UAAU,IAAI,YAAY,IAAI;AAAA,EACpC,IAAI,EAAE,UAAU,IAAI,YAAY,IAAI;AAAA,EACpC,IAAI,EAAE,UAAU,IAAI,YAAY,IAAI;AAAA,EACpC,IAAI,EAAE,UAAU,IAAI,YAAY,IAAI;AAAA,EACpC,IAAI,EAAE,UAAU,IAAI,YAAY,IAAI;AACtC;AAEO,IAAM,wBAAwB;AAG9B,IAAM,6BAA6B;AAGnC,IAAM,iBAAiB;AACvB,IAAM,mBAAmB;AACzB,IAAM,yBAAyB;AAG/B,IAAM,gBAAgB;AAGtB,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;;;ADoD3B;AAvEN,IAAM,SAAS,CAAC,OAAgB,UAC9B,UAAU,YAAY,MAAM,QAAQ,KAAK,UAAU,MAAM,QAAQ,KAAK,EAAE;AAG1E,IAAM,eAAe,CAAC,MAAiB,cACrC,SAAS,OAAO,YAAY,gBAAgB,IAAI,EAAE;AAGpD,IAAM,SAAS,OAAO,qBAAqB;AAcpC,SAAS,eAAe,OAAgB,GAAkC;AAC/E,QAAM,OAAO,gBAAgB,EAAE,IAAI;AACnC,QAAM,UAAU,CAAC,UAAkB,gBAAmC;AAAA,IACpE,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW;AAAA,IACvB,cAAc,WAAW;AAAA,IACzB,YAAY;AAAA,EACd;AAEA,UAAQ,EAAE,SAAS;AAAA,IACjB,KAAK,QAAQ;AACX,YAAM,WAAW,aAAa,EAAE,MAAM,cAAc;AACpD,aAAO;AAAA,QACL,GAAG,QAAQ,UAAU,gBAAgB;AAAA,QACrC,OAAO,OAAO,OAAO,EAAE,KAAK;AAAA,QAC5B,eAAe,yBAAyB;AAAA,MAC1C;AAAA,IACF;AAAA,IACA,KAAK;AACH,aAAO;AAAA,QACL,GAAG,QAAQ,KAAK,UAAU,KAAK,UAAU;AAAA,QACzC,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,SAAS;AAAA,MACX;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG,QAAQ,aAAa,EAAE,MAAM,eAAe,GAAG,iBAAiB;AAAA,QACnE,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC5B;AAAA,IACF;AACE,aAAO,EAAE,GAAG,QAAQ,KAAK,UAAU,KAAK,UAAU,GAAG,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE;AAAA,EACvF;AACF;AAEO,IAAM,YAAkB;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,WAAW,OAAO,MAAM,UAAU,OAAO,SAAS,SAAS,GAAG,OAAO,GAAG,QAAQ;AAC9G,UAAM,OAAO,mBAAmB,MAAM;AACtC,UAAM,QAAQ,WAAW;AACzB,UAAM,WAAiB,cAAQ,MAAM,eAAe,OAAO,EAAE,SAAS,OAAO,KAAK,CAAC,GAAG,CAAC,OAAO,SAAS,OAAO,IAAI,CAAC;AACnH,UAAM,cACJ,WAAW,UACP,CAAC,UAAuC;AACtC,gBAAU,KAAK;AACf,gBAAU,KAAK;AAAA,IACjB,IACA;AAEN,WACE,oBAAC,UAAO,KAAU,OAAO,CAAC,UAAU,KAAK,GAAG,QAAQ,cAAc,MAAM,GAAG,SAAS,aAAc,GAAG,MAClG,UACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;","names":[]}

package/dist/native/typography/Text.js

@@ -0,0 +1,131 @@
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "../chunks/chunk-M4DTJDWU.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-YTHR4Y5P.js";
+import {
+  FONT_WEIGHTS,
+  TYPE_SIZES,
+  alpha
+} from "../chunks/chunk-P3PL4WBO.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":"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","names":[]}

package/dist/navigation/AppHeader.js

@@ -1,15 +1,11 @@
 import "../chunk-5CUKSNWG.js";
-import {
-  AppHeader,
-  AppHeader_default
-} from "../chunk-D3IXNCEU.js";
 import {
   AppHeaderIdentity,
   AppHeaderStatus
-} from "../chunk-N34YHFZW.js";
+} from "../chunk-W2YNUUVJ.js";
 import {
   AppHeaderDetails
-} from "../chunk-6RFL7HGI.js";
+} from "../chunk-KADJNWTQ.js";
 import {
   AppHeaderBrand
 } from "../chunk-H37GIAAM.js";
@@ -18,22 +14,33 @@ import {
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import "../chunk-VVXRIPV5.js";
-import "../chunk-KXNWDXR7.js";
-import "../chunk-X4X4CVWJ.js";
+import {
+  AppHeader,
+  AppHeader_default
+} from "../chunk-D3IXNCEU.js";
+import "../chunk-MCRIT46W.js";
+import "../chunk-OLZTGVBT.js";
+import "../chunk-CRN4KKNI.js";
+import "../chunk-M2K7BPHX.js";
+import "../chunk-6JZE4IIN.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-SL4NFGOL.js";
+import "../chunk-TAMIZE4Q.js";
+import "../chunk-JT6TERQL.js";
+import "../chunk-ITGG5OKP.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-7WL24VNI.js";
+import "../chunk-7AR2R7TV.js";
+import "../chunk-UEJQQVP2.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,9 +1,9 @@
 import "../chunk-MQJDMQJZ.js";
 import {
   Pagination
-} from "../chunk-W2UTDN4T.js";
-import "../chunk-CZBONNPA.js";
+} from "../chunk-RBGOGTT2.js";
 import "../chunk-BB2IVF76.js";
+import "../chunk-CZBONNPA.js";
 import "../chunk-Z6TIAVEG.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/navigation/Tabs.js

@@ -1,9 +1,9 @@
 import "../chunk-R445KMGG.js";
 import {
   Tabs
-} from "../chunk-BBC4KT5G.js";
-import "../chunk-7UZ2TFIK.js";
+} from "../chunk-DZN3JF5E.js";
 import "../chunk-EWSGWLHN.js";
+import "../chunk-7UZ2TFIK.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Tabs

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,12 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-EB4BTKKY.js";
+} from "./chunk-KKYW3LU7.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
-import "./chunk-HQJ75HHI.js";
-import "./chunk-QCIWROKG.js";
+import "./chunk-Z7JNCB5Q.js";
+import "./chunk-PWR7K5OP.js";
+import "./chunk-3N6EK6K5.js";
 import "./chunk-CMMPGAMJ.js";
 import "./chunk-MCZ7536N.js";
 import "./chunk-IFPTVHYR.js";
@@ -18,11 +19,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-SL4NFGOL.js";
+import "./chunk-TAMIZE4Q.js";
+import "./chunk-JT6TERQL.js";
+import "./chunk-ITGG5OKP.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,