@ankhorage/zora 7.0.0 → 9.0.0

package/dist/features/typography/utils/resolveHeadingRecipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingRecipe.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingRecipe.ts"],"names":[],"mappings":"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","sourcesContent":["import type { FontWeight, RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\nimport type { TextStyle } from 'react-native';\n\nimport type {\n  HeadingAlign,\n  HeadingColor,\n  HeadingEmphasis,\n  HeadingLevel,\n  HeadingSize,\n  HeadingWeight,\n} from '../../../types/heading';\nimport { resolveHeadingSizeFromLevel } from './resolveHeadingSizeFromLevel';\nexport function resolveHeadingRecipe(\n  theme: SurfaceTheme,\n  {\n    align,\n    color,\n    emphasis = 'default',\n    italic = false,\n    level,\n    size,\n    weight,\n  }: ResolveHeadingRecipeOptions,\n): TextStyle {\n  const recipe = resolveSizeRecipe(theme, size ?? resolveHeadingSizeFromLevel(level));\n  const resolvedWeight = resolveWeight(theme, weight ?? recipe.weight);\n\n  return {\n    color: resolveHeadingColor(theme, emphasis, color),\n    elevation: 0,\n    fontFamily: resolveFontFamily({ theme, weight: resolvedWeight, italic }),\n    fontSize: recipe.fontSize,\n    fontStyle: italic ? 'italic' : 'normal',\n    fontWeight: resolvedWeight,\n    lineHeight: recipe.lineHeight,\n    textAlign: align,\n  };\n}\n\ninterface ResolveHeadingRecipeOptions {\n  level: HeadingLevel;\n  size?: HeadingSize;\n  color?: HeadingColor;\n  emphasis?: HeadingEmphasis;\n  align?: HeadingAlign;\n  weight?: HeadingWeight;\n  italic?: boolean;\n}\n\ninterface HeadingRecipe {\n  fontSize: number;\n  lineHeight: number;\n  weight: HeadingWeight;\n}\n\nfunction resolveHeadingLevelFromSize(size: Exclude<HeadingSize, 'display'>): HeadingLevel {\n  switch (size) {\n    case 'h1':\n      return 1;\n    case 'h2':\n      return 2;\n    case 'h3':\n      return 3;\n    case 'h4':\n      return 4;\n    case 'h5':\n      return 5;\n    case 'h6':\n      return 6;\n  }\n}\n\nfunction resolveSizeRecipe(theme: SurfaceTheme, size: HeadingSize): HeadingRecipe {\n  if (size === 'display') {\n    const fontSize = theme.typography.sizes['3xl'];\n\n    return {\n      fontSize,\n      lineHeight: fontSize + 8,\n      weight: 'bold',\n    };\n  }\n\n  const heading = theme.typography.headings[resolveHeadingLevelFromSize(size)];\n\n  return {\n    fontSize: heading.size,\n    lineHeight: heading.lineHeight,\n    weight: heading.weight,\n  };\n}\n\nfunction resolveRoleSemantics(theme: SurfaceTheme, color: HeadingColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'neutral':\n      return theme.semantics.action.neutral;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'primary':\n    default:\n      return theme.semantics.action.primary;\n  }\n}\n\nfunction resolveHeadingColor(\n  theme: SurfaceTheme,\n  emphasis: HeadingEmphasis,\n  color?: HeadingColor,\n): string {\n  if (color) {\n    const role = resolveRoleSemantics(theme, color);\n    return emphasis === 'inverse' ? role.onSolidText : role.base;\n  }\n\n  switch (emphasis) {\n    case 'muted':\n      return theme.semantics.content.muted;\n    case 'subtle':\n      return theme.semantics.content.subtle;\n    case 'inverse':\n      return theme.semantics.content.inverse;\n    case 'default':\n    default:\n      return theme.semantics.content.default;\n  }\n}\n\nfunction resolveWeight(theme: SurfaceTheme, weight: HeadingWeight): FontWeight {\n  switch (weight) {\n    case 'medium':\n      return theme.typography.weights.medium;\n    case 'semiBold':\n      return theme.typography.weights.semiBold;\n    case 'bold':\n      return theme.typography.weights.bold;\n    case 'regular':\n    default:\n      return theme.typography.weights.regular;\n  }\n}\n\nfunction resolveFontFamily({\n  theme,\n  weight,\n  italic,\n}: {\n  theme: SurfaceTheme;\n  weight: FontWeight;\n  italic: boolean;\n}): string | undefined {\n  const fonts = italic ? theme.typography.fonts.italic : theme.typography.fonts.normal;\n\n  for (const [fontWeight, fontFamily] of Object.entries(fonts)) {\n    if (fontWeight === weight) {\n      return fontFamily;\n    }\n  }\n\n  return undefined;\n}\n"]}

package/dist/features/typography/utils/resolveHeadingSizeFromLevel.d.ts

@@ -0,0 +1,4 @@
+import type { HeadingLevel, HeadingSize } from '../../../types/heading';
+/*** Maps an accessible heading level to its default semantic visual size. */
+export declare function resolveHeadingSizeFromLevel(level: HeadingLevel): HeadingSize;
+//# sourceMappingURL=resolveHeadingSizeFromLevel.d.ts.map

package/dist/features/typography/utils/resolveHeadingSizeFromLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingSizeFromLevel.d.ts","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingSizeFromLevel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAExE,6EAA6E;AAC7E,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,GAAG,WAAW,CAe5E"}

package/dist/features/typography/utils/resolveHeadingSizeFromLevel.js

@@ -0,0 +1,18 @@
+/*** Maps an accessible heading level to its default semantic visual size. */
+export function resolveHeadingSizeFromLevel(level) {
+    switch (level) {
+        case 1:
+            return 'h1';
+        case 2:
+            return 'h2';
+        case 3:
+            return 'h3';
+        case 4:
+            return 'h4';
+        case 5:
+            return 'h5';
+        case 6:
+            return 'h6';
+    }
+}
+//# sourceMappingURL=resolveHeadingSizeFromLevel.js.map

package/dist/features/typography/utils/resolveHeadingSizeFromLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingSizeFromLevel.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingSizeFromLevel.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC","sourcesContent":["import type { HeadingLevel, HeadingSize } from '../../../types/heading';\n\n/*** Maps an accessible heading level to its default semantic visual size. */\nexport function resolveHeadingSizeFromLevel(level: HeadingLevel): HeadingSize {\n  switch (level) {\n    case 1:\n      return 'h1';\n    case 2:\n      return 'h2';\n    case 3:\n      return 'h3';\n    case 4:\n      return 'h4';\n    case 5:\n      return 'h5';\n    case 6:\n      return 'h6';\n  }\n}\n"]}

package/dist/features/typography/utils/resolveHeadingThemeRecipe.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
+import type { HeadingAlign, HeadingSize, HeadingWeight } from '../../../types/heading';
+export declare function resolveHeadingThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
+    size: HeadingSize | undefined;
+    color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "success" | "warning" | "error" | "info" | "danger" | undefined;
+    emphasis: "default" | "muted" | "subtle" | "inverse" | undefined;
+    align: HeadingAlign | undefined;
+    weight: HeadingWeight | undefined;
+    italic: boolean | undefined;
+};
+//# sourceMappingURL=resolveHeadingThemeRecipe.d.ts.map

package/dist/features/typography/utils/resolveHeadingThemeRecipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingThemeRecipe.d.ts","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingThemeRecipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACX,aAAa,EACd,MAAM,wBAAwB,CAAC;AAEhC,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;;;;;;;EAU3D"}

package/dist/features/typography/utils/resolveHeadingThemeRecipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingThemeRecipe.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingThemeRecipe.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,yBAAyB,CACvC,MAA0D;IAE1D,OAAO;QACL,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;QAC3B,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC;QACvC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QACjC,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACvE,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,KAA2C;IAC3D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IAC5F,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IACrE,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,SAAS,CAAC,KAA2C;IAC5D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,KAAK,CAAC;IACvF,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM;QACrF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,YAAY,CAAC,KAA2C;IAC/D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QACvF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,SAAS,CAAC,KAA2C;IAC5D,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC;IAC5E,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAC5D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,UAAU,CAAC,KAA2C;IAC7D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,MAAM;QACvF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';\n\nimport type {\n  HeadingAlign,\n  HeadingColor,\n  HeadingEmphasis,\n  HeadingSize,\n  HeadingWeight,\n} from '../../../types/heading';\n\nexport function resolveHeadingThemeRecipe(\n  fields: Readonly<Record<string, ThemeRecipeOverrideValue>>,\n) {\n  return {\n    size: readSize(fields.size),\n    color: readColor(fields.color),\n    emphasis: readEmphasis(fields.emphasis),\n    align: readAlign(fields.align),\n    weight: readWeight(fields.weight),\n    italic: typeof fields.italic === 'boolean' ? fields.italic : undefined,\n  };\n}\n\nfunction readSize(value: ThemeRecipeOverrideValue | undefined): HeadingSize | undefined {\n  if (value === 'display' || value === 'h1' || value === 'h2' || value === 'h3') return value;\n  if (value === 'h4' || value === 'h5' || value === 'h6') return value;\n  return undefined;\n}\n\nfunction readColor(value: ThemeRecipeOverrideValue | undefined): HeadingColor | undefined {\n  if (typeof value !== 'string') return undefined;\n  if (value === 'primary' || value === 'secondary' || value === 'tertiary') return value;\n  if (value === 'quaternary' || value === 'neutral' || value === 'danger') return value;\n  if (value === 'success' || value === 'warning' || value === 'error' || value === 'info')\n    return value;\n  return undefined;\n}\n\nfunction readEmphasis(value: ThemeRecipeOverrideValue | undefined): HeadingEmphasis | undefined {\n  if (value === 'default' || value === 'muted' || value === 'subtle' || value === 'inverse')\n    return value;\n  return undefined;\n}\n\nfunction readAlign(value: ThemeRecipeOverrideValue | undefined): HeadingAlign | undefined {\n  if (value === 'auto' || value === 'left' || value === 'right') return value;\n  if (value === 'center' || value === 'justify') return value;\n  return undefined;\n}\n\nfunction readWeight(value: ThemeRecipeOverrideValue | undefined): HeadingWeight | undefined {\n  if (value === 'regular' || value === 'medium' || value === 'semiBold' || value === 'bold')\n    return value;\n  return undefined;\n}\n"]}

package/dist/features/typography/utils/resolveTextStyle.d.ts

@@ -0,0 +1,17 @@
+import { type Breakpoint, type Responsive, type SurfaceTheme } from '@ankhorage/surface';
+import type { TextStyle } from 'react-native';
+import type { TextAlign, TextColor, TextEmphasis, TextVariant, TextWeight } from '../../../types/text';
+/*** Resolves responsive text variants and theme semantics into a native text style. */
+export declare function resolveTextStyle({ theme, breakpoint, variant, color, emphasis, weight, align, italic, }: ResolveTextStyleOptions): TextStyle;
+interface ResolveTextStyleOptions {
+    theme: SurfaceTheme;
+    breakpoint: Breakpoint;
+    variant?: Responsive<TextVariant>;
+    color?: Responsive<TextColor>;
+    emphasis?: Responsive<TextEmphasis>;
+    weight?: Responsive<TextWeight>;
+    align?: Responsive<TextAlign>;
+    italic?: boolean;
+}
+export {};
+//# sourceMappingURL=resolveTextStyle.d.ts.map

package/dist/features/typography/utils/resolveTextStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTextStyle.d.ts","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveTextStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,UAAU,EAEf,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,qBAAqB,CAAC;AAC7B,uFAAuF;AACvF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAc,GACf,EAAE,uBAAuB,GAAG,SAAS,CA4BrC;AAUD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/features/typography/utils/resolveTextStyle.js

@@ -0,0 +1,149 @@
+import { resolveResponsive, } from '@ankhorage/surface';
+/*** Resolves responsive text variants and theme semantics into a native text style. */
+export function resolveTextStyle({ theme, breakpoint, variant, color, emphasis, weight, align, italic = false, }) {
+    const resolvedVariant = resolveResponsive(variant, breakpoint) ?? 'body';
+    const resolvedEmphasis = resolveResponsive(emphasis, breakpoint) ?? 'default';
+    const resolvedColor = resolveResponsive(color, breakpoint);
+    const resolvedAlign = resolveResponsive(align, breakpoint);
+    const recipe = resolveVariantRecipe(theme, resolvedVariant, breakpoint);
+    const resolvedWeight = resolveWeight(theme, resolveResponsive(weight, breakpoint) ?? recipe.weight);
+    return {
+        color: resolveTextColor(theme, resolvedEmphasis, resolvedColor),
+        elevation: 0,
+        fontFamily: resolveFontFamily({
+            theme,
+            variant: resolvedVariant,
+            weight: resolvedWeight,
+            italic,
+        }),
+        fontSize: recipe.fontSize,
+        fontStyle: italic ? 'italic' : 'normal',
+        fontWeight: resolvedWeight,
+        letterSpacing: recipe.letterSpacing,
+        lineHeight: recipe.lineHeight,
+        textAlign: resolvedAlign,
+        textTransform: recipe.textTransform,
+    };
+}
+function isMediumBreakpointOrLarger(breakpoint) {
+    return breakpoint === 'md' || breakpoint === 'lg' || breakpoint === 'xl';
+}
+function resolveWeight(theme, weight) {
+    switch (weight) {
+        case 'medium':
+            return theme.typography.weights.medium;
+        case 'semiBold':
+            return theme.typography.weights.semiBold;
+        case 'bold':
+            return theme.typography.weights.bold;
+        case 'regular':
+        default:
+            return theme.typography.weights.regular;
+    }
+}
+function resolveFontFamily({ theme, variant, weight, italic, }) {
+    if (variant === 'code') {
+        return 'monospace';
+    }
+    const fonts = italic ? theme.typography.fonts.italic : theme.typography.fonts.normal;
+    for (const [fontWeight, fontFamily] of Object.entries(fonts)) {
+        if (fontWeight === weight) {
+            return fontFamily;
+        }
+    }
+    return undefined;
+}
+function resolveVariantRecipe(theme, variant, breakpoint) {
+    switch (variant) {
+        case 'lead':
+            return {
+                fontSize: isMediumBreakpointOrLarger(breakpoint)
+                    ? theme.typography.sizes.l
+                    : theme.typography.sizes.m,
+                lineHeight: isMediumBreakpointOrLarger(breakpoint) ? 28 : 24,
+                weight: 'regular',
+            };
+        case 'bodySmall':
+            return {
+                fontSize: theme.typography.sizes.s,
+                lineHeight: 20,
+                weight: 'regular',
+            };
+        case 'caption':
+            return {
+                fontSize: theme.typography.sizes.xs,
+                lineHeight: 16,
+                weight: 'regular',
+            };
+        case 'label':
+            return {
+                fontSize: theme.typography.sizes.s,
+                lineHeight: 18,
+                weight: 'medium',
+            };
+        case 'eyebrow':
+            return {
+                fontSize: theme.typography.sizes.xs,
+                lineHeight: 16,
+                weight: 'semiBold',
+                textTransform: 'uppercase',
+                letterSpacing: 0.8,
+            };
+        case 'code':
+            return {
+                fontSize: theme.typography.sizes.s,
+                lineHeight: 20,
+                weight: 'regular',
+            };
+        case 'body':
+        default:
+            return {
+                fontSize: theme.typography.sizes.m,
+                lineHeight: 24,
+                weight: 'regular',
+            };
+    }
+}
+function resolveRoleSemantics(theme, color) {
+    switch (color) {
+        case 'secondary':
+            return theme.semantics.secondary;
+        case 'tertiary':
+            return theme.semantics.accent;
+        case 'quaternary':
+            return theme.semantics.highlight;
+        case 'neutral':
+            return theme.semantics.action.neutral;
+        case 'error':
+            return theme.semantics.error;
+        case 'info':
+            return theme.semantics.info;
+        case 'danger':
+            return theme.semantics.action.danger;
+        case 'success':
+            return theme.semantics.success;
+        case 'warning':
+            return theme.semantics.warning;
+        case 'primary':
+        default:
+            return theme.semantics.action.primary;
+    }
+}
+function resolveTextColor(theme, emphasis, color) {
+    if (color) {
+        const role = resolveRoleSemantics(theme, color);
+        return emphasis === 'inverse' ? role.onSolidText : role.base;
+    }
+    switch (emphasis) {
+        case 'muted':
+            return theme.semantics.content.muted;
+        case 'subtle':
+            return theme.semantics.content.subtle;
+        case 'inverse':
+            return theme.semantics.content.inverse;
+        case 'default':
+        default:
+            return theme.semantics.content.default;
+    }
+}
+//# sourceMappingURL=resolveTextStyle.js.map

package/dist/features/typography/utils/resolveTextStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTextStyle.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveTextStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,GAIlB,MAAM,oBAAoB,CAAC;AAU5B,uFAAuF;AACvF,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,GAAG,KAAK,GACU;IACxB,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC;IACzE,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,SAAS,CAAC;IAC9E,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC3D,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC;IACxE,MAAM,cAAc,GAAG,aAAa,CAClC,KAAK,EACL,iBAAiB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,MAAM,CACvD,CAAC;IAEF,OAAO;QACL,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,CAAC;QAC/D,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,iBAAiB,CAAC;YAC5B,KAAK;YACL,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,MAAM;SACP,CAAC;QACF,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QACvC,UAAU,EAAE,cAAc;QAC1B,aAAa,EAAE,MAAM,CAAC,aAAa;QACnC,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,SAAS,EAAE,aAAa;QACxB,aAAa,EAAE,MAAM,CAAC,aAAa;KACpC,CAAC;AACJ,CAAC;AAqBD,SAAS,0BAA0B,CAAC,UAAsB;IACxD,OAAO,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAC;AAC3E,CAAC;AAED,SAAS,aAAa,CAAC,KAAmB,EAAE,MAAkB;IAC5D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC;QACzC,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC3C,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;QACvC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC;IAC5C,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,GAMP;IACC,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;IAErF,KAAK,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,IAAI,UAAU,KAAK,MAAM,EAAE,CAAC;YAC1B,OAAO,UAAU,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,oBAAoB,CAC3B,KAAmB,EACnB,OAAoB,EACpB,UAAsB;IAEtB,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO;gBACL,QAAQ,EAAE,0BAA0B,CAAC,UAAU,CAAC;oBAC9C,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oBAC1B,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAC5B,UAAU,EAAE,0BAA0B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;gBAC5D,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,WAAW;YACd,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;gBACnC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,QAAQ;aACjB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;gBACnC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,UAAU;gBAClB,aAAa,EAAE,WAAW;gBAC1B,aAAa,EAAE,GAAG;aACnB,CAAC;QACJ,KAAK,MAAM;YACT,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,MAAM,CAAC;QACZ;YACE,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;IACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAmB,EAAE,KAAgB;IACjE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,WAAW;YACd,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;QAChC,KAAK,YAAY;YACf,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAC/B,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAmB,EAAE,QAAsB,EAAE,KAAiB;IACtF,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAChD,OAAO,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/D,CAAC;IAED,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;QACxC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;QACzC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IAC3C,CAAC;AACH,CAAC","sourcesContent":["import {\n  type Breakpoint,\n  type FontWeight,\n  resolveResponsive,\n  type Responsive,\n  type RoleSemantics,\n  type SurfaceTheme,\n} from '@ankhorage/surface';\nimport type { TextStyle } from 'react-native';\n\nimport type {\n  TextAlign,\n  TextColor,\n  TextEmphasis,\n  TextVariant,\n  TextWeight,\n} from '../../../types/text';\n/*** Resolves responsive text variants and theme semantics into a native text style. */\nexport function resolveTextStyle({\n  theme,\n  breakpoint,\n  variant,\n  color,\n  emphasis,\n  weight,\n  align,\n  italic = false,\n}: ResolveTextStyleOptions): TextStyle {\n  const resolvedVariant = resolveResponsive(variant, breakpoint) ?? 'body';\n  const resolvedEmphasis = resolveResponsive(emphasis, breakpoint) ?? 'default';\n  const resolvedColor = resolveResponsive(color, breakpoint);\n  const resolvedAlign = resolveResponsive(align, breakpoint);\n  const recipe = resolveVariantRecipe(theme, resolvedVariant, breakpoint);\n  const resolvedWeight = resolveWeight(\n    theme,\n    resolveResponsive(weight, breakpoint) ?? recipe.weight,\n  );\n\n  return {\n    color: resolveTextColor(theme, resolvedEmphasis, resolvedColor),\n    elevation: 0,\n    fontFamily: resolveFontFamily({\n      theme,\n      variant: resolvedVariant,\n      weight: resolvedWeight,\n      italic,\n    }),\n    fontSize: recipe.fontSize,\n    fontStyle: italic ? 'italic' : 'normal',\n    fontWeight: resolvedWeight,\n    letterSpacing: recipe.letterSpacing,\n    lineHeight: recipe.lineHeight,\n    textAlign: resolvedAlign,\n    textTransform: recipe.textTransform,\n  };\n}\n\ninterface VariantRecipe {\n  fontSize: number;\n  lineHeight: number;\n  weight: TextWeight;\n  textTransform?: TextStyle['textTransform'];\n  letterSpacing?: number;\n}\n\ninterface ResolveTextStyleOptions {\n  theme: SurfaceTheme;\n  breakpoint: Breakpoint;\n  variant?: Responsive<TextVariant>;\n  color?: Responsive<TextColor>;\n  emphasis?: Responsive<TextEmphasis>;\n  weight?: Responsive<TextWeight>;\n  align?: Responsive<TextAlign>;\n  italic?: boolean;\n}\n\nfunction isMediumBreakpointOrLarger(breakpoint: Breakpoint): boolean {\n  return breakpoint === 'md' || breakpoint === 'lg' || breakpoint === 'xl';\n}\n\nfunction resolveWeight(theme: SurfaceTheme, weight: TextWeight): FontWeight {\n  switch (weight) {\n    case 'medium':\n      return theme.typography.weights.medium;\n    case 'semiBold':\n      return theme.typography.weights.semiBold;\n    case 'bold':\n      return theme.typography.weights.bold;\n    case 'regular':\n    default:\n      return theme.typography.weights.regular;\n  }\n}\n\nfunction resolveFontFamily({\n  theme,\n  variant,\n  weight,\n  italic,\n}: {\n  theme: SurfaceTheme;\n  variant: TextVariant;\n  weight: FontWeight;\n  italic: boolean;\n}): string | undefined {\n  if (variant === 'code') {\n    return 'monospace';\n  }\n\n  const fonts = italic ? theme.typography.fonts.italic : theme.typography.fonts.normal;\n\n  for (const [fontWeight, fontFamily] of Object.entries(fonts)) {\n    if (fontWeight === weight) {\n      return fontFamily;\n    }\n  }\n\n  return undefined;\n}\n\nfunction resolveVariantRecipe(\n  theme: SurfaceTheme,\n  variant: TextVariant,\n  breakpoint: Breakpoint,\n): VariantRecipe {\n  switch (variant) {\n    case 'lead':\n      return {\n        fontSize: isMediumBreakpointOrLarger(breakpoint)\n          ? theme.typography.sizes.l\n          : theme.typography.sizes.m,\n        lineHeight: isMediumBreakpointOrLarger(breakpoint) ? 28 : 24,\n        weight: 'regular',\n      };\n    case 'bodySmall':\n      return {\n        fontSize: theme.typography.sizes.s,\n        lineHeight: 20,\n        weight: 'regular',\n      };\n    case 'caption':\n      return {\n        fontSize: theme.typography.sizes.xs,\n        lineHeight: 16,\n        weight: 'regular',\n      };\n    case 'label':\n      return {\n        fontSize: theme.typography.sizes.s,\n        lineHeight: 18,\n        weight: 'medium',\n      };\n    case 'eyebrow':\n      return {\n        fontSize: theme.typography.sizes.xs,\n        lineHeight: 16,\n        weight: 'semiBold',\n        textTransform: 'uppercase',\n        letterSpacing: 0.8,\n      };\n    case 'code':\n      return {\n        fontSize: theme.typography.sizes.s,\n        lineHeight: 20,\n        weight: 'regular',\n      };\n    case 'body':\n    default:\n      return {\n        fontSize: theme.typography.sizes.m,\n        lineHeight: 24,\n        weight: 'regular',\n      };\n  }\n}\n\nfunction resolveRoleSemantics(theme: SurfaceTheme, color: TextColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'neutral':\n      return theme.semantics.action.neutral;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'primary':\n    default:\n      return theme.semantics.action.primary;\n  }\n}\n\nfunction resolveTextColor(theme: SurfaceTheme, emphasis: TextEmphasis, color?: TextColor): string {\n  if (color) {\n    const role = resolveRoleSemantics(theme, color);\n    return emphasis === 'inverse' ? role.onSolidText : role.base;\n  }\n\n  switch (emphasis) {\n    case 'muted':\n      return theme.semantics.content.muted;\n    case 'subtle':\n      return theme.semantics.content.subtle;\n    case 'inverse':\n      return theme.semantics.content.inverse;\n    case 'default':\n    default:\n      return theme.semantics.content.default;\n  }\n}\n"]}

package/dist/features/typography/utils/resolveTextThemeRecipe.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
+import type { TextAlign, TextVariant, TextWeight } from '../../../types/text';
+export declare function resolveTextThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
+    variant: TextVariant | undefined;
+    color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "success" | "warning" | "error" | "info" | "danger" | undefined;
+    emphasis: "default" | "muted" | "subtle" | "inverse" | undefined;
+    align: TextAlign | undefined;
+    weight: TextWeight | undefined;
+    italic: boolean | undefined;
+};
+//# sourceMappingURL=resolveTextThemeRecipe.d.ts.map

package/dist/features/typography/utils/resolveTextThemeRecipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTextThemeRecipe.d.ts","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveTextThemeRecipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,KAAK,EACV,SAAS,EAGT,WAAW,EACX,UAAU,EACX,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;;;;;;;EAShG"}

package/dist/features/typography/utils/resolveTextThemeRecipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTextThemeRecipe.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveTextThemeRecipe.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,sBAAsB,CAAC,MAA0D;IAC/F,OAAO;QACL,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC;QACpC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC;QACvC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QACjC,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACvE,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAA2C;IAC9D,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,SAAS;QACtF,OAAO,KAAK,CAAC;IACf,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,KAAK,CAAC;IAC/E,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,SAAS,CAAC,KAA2C;IAC5D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,KAAK,CAAC;IACvF,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM;QACrF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,YAAY,CAAC,KAA2C;IAC/D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QACvF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,SAAS,CAAC,KAA2C;IAC5D,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC;IAC5E,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAC5D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,UAAU,CAAC,KAA2C;IAC7D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,MAAM;QACvF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';\n\nimport type {\n  TextAlign,\n  TextColor,\n  TextEmphasis,\n  TextVariant,\n  TextWeight,\n} from '../../../types/text';\n\nexport function resolveTextThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>) {\n  return {\n    variant: readVariant(fields.variant),\n    color: readColor(fields.color),\n    emphasis: readEmphasis(fields.emphasis),\n    align: readAlign(fields.align),\n    weight: readWeight(fields.weight),\n    italic: typeof fields.italic === 'boolean' ? fields.italic : undefined,\n  };\n}\n\nfunction readVariant(value: ThemeRecipeOverrideValue | undefined): TextVariant | undefined {\n  if (value === 'body' || value === 'lead' || value === 'bodySmall' || value === 'caption')\n    return value;\n  if (value === 'label' || value === 'eyebrow' || value === 'code') return value;\n  return undefined;\n}\n\nfunction readColor(value: ThemeRecipeOverrideValue | undefined): TextColor | undefined {\n  if (typeof value !== 'string') return undefined;\n  if (value === 'primary' || value === 'secondary' || value === 'tertiary') return value;\n  if (value === 'quaternary' || value === 'neutral' || value === 'danger') return value;\n  if (value === 'success' || value === 'warning' || value === 'error' || value === 'info')\n    return value;\n  return undefined;\n}\n\nfunction readEmphasis(value: ThemeRecipeOverrideValue | undefined): TextEmphasis | undefined {\n  if (value === 'default' || value === 'muted' || value === 'subtle' || value === 'inverse')\n    return value;\n  return undefined;\n}\n\nfunction readAlign(value: ThemeRecipeOverrideValue | undefined): TextAlign | undefined {\n  if (value === 'auto' || value === 'left' || value === 'right') return value;\n  if (value === 'center' || value === 'justify') return value;\n  return undefined;\n}\n\nfunction readWeight(value: ThemeRecipeOverrideValue | undefined): TextWeight | undefined {\n  if (value === 'regular' || value === 'medium' || value === 'semiBold' || value === 'bold')\n    return value;\n  return undefined;\n}\n"]}

package/dist/features/typography/utils/textThemeRecipeMeta.d.ts

@@ -0,0 +1,40 @@
+export declare const textThemeRecipeMeta: {
+    readonly name: "Text";
+    readonly kind: "component";
+    readonly description: "Maps semantic Text presentation defaults into runtime props.";
+    readonly fields: {
+        readonly variant: {
+            readonly type: "choice";
+            readonly label: "Typography variant";
+            readonly options: readonly ["body", "lead", "bodySmall", "caption", "label", "eyebrow", "code"];
+            readonly default: "body";
+        };
+        readonly color: {
+            readonly type: "choice";
+            readonly label: "Color";
+            readonly options: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
+        };
+        readonly emphasis: {
+            readonly type: "choice";
+            readonly label: "Emphasis";
+            readonly options: readonly ["default", "muted", "subtle", "inverse"];
+            readonly default: "default";
+        };
+        readonly align: {
+            readonly type: "choice";
+            readonly label: "Align";
+            readonly options: readonly ["auto", "left", "right", "center", "justify"];
+        };
+        readonly weight: {
+            readonly type: "choice";
+            readonly label: "Weight";
+            readonly options: readonly ["regular", "medium", "semiBold", "bold"];
+        };
+        readonly italic: {
+            readonly type: "boolean";
+            readonly label: "Italic";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=textThemeRecipeMeta.d.ts.map

package/dist/features/typography/utils/textThemeRecipeMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textThemeRecipeMeta.d.ts","sourceRoot":"","sources":["../../../../src/features/typography/utils/textThemeRecipeMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BQ,CAAC"}

package/dist/features/typography/utils/textThemeRecipeMeta.js

@@ -0,0 +1,33 @@
+import { ZORA_COLORS, ZORA_EMPHASES } from '../../../internal/colorModel';
+export const textThemeRecipeMeta = {
+    name: 'Text',
+    kind: 'component',
+    description: 'Maps semantic Text presentation defaults into runtime props.',
+    fields: {
+        variant: {
+            type: 'choice',
+            label: 'Typography variant',
+            options: ['body', 'lead', 'bodySmall', 'caption', 'label', 'eyebrow', 'code'],
+            default: 'body',
+        },
+        color: { type: 'choice', label: 'Color', options: ZORA_COLORS },
+        emphasis: {
+            type: 'choice',
+            label: 'Emphasis',
+            options: ZORA_EMPHASES,
+            default: 'default',
+        },
+        align: {
+            type: 'choice',
+            label: 'Align',
+            options: ['auto', 'left', 'right', 'center', 'justify'],
+        },
+        weight: {
+            type: 'choice',
+            label: 'Weight',
+            options: ['regular', 'medium', 'semiBold', 'bold'],
+        },
+        italic: { type: 'boolean', label: 'Italic', default: false },
+    },
+};
+//# sourceMappingURL=textThemeRecipeMeta.js.map

package/dist/features/typography/utils/textThemeRecipeMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textThemeRecipeMeta.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/textThemeRecipeMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG1E,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,8DAA8D;IAC3E,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;YAC7E,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE;QAC/D,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,SAAS;SACnB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;SACxD;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;SACnD;QACD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;KAC7D;CACqC,CAAC","sourcesContent":["import { ZORA_COLORS, ZORA_EMPHASES } from '../../../internal/colorModel';\nimport type { ZoraThemeRecipeMeta } from '../../../metadata/themeRecipeTypes';\n\nexport const textThemeRecipeMeta = {\n  name: 'Text',\n  kind: 'component',\n  description: 'Maps semantic Text presentation defaults into runtime props.',\n  fields: {\n    variant: {\n      type: 'choice',\n      label: 'Typography variant',\n      options: ['body', 'lead', 'bodySmall', 'caption', 'label', 'eyebrow', 'code'],\n      default: 'body',\n    },\n    color: { type: 'choice', label: 'Color', options: ZORA_COLORS },\n    emphasis: {\n      type: 'choice',\n      label: 'Emphasis',\n      options: ZORA_EMPHASES,\n      default: 'default',\n    },\n    align: {\n      type: 'choice',\n      label: 'Align',\n      options: ['auto', 'left', 'right', 'center', 'justify'],\n    },\n    weight: {\n      type: 'choice',\n      label: 'Weight',\n      options: ['regular', 'medium', 'semiBold', 'bold'],\n    },\n    italic: { type: 'boolean', label: 'Italic', default: false },\n  },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}

package/dist/features/uploader/adapters/inbound/Uploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Uploader.d.ts","sourceRoot":"","sources":["../../../../../src/features/uploader/adapters/inbound/Uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAe,aAAa,EAAc,MAAM,0BAA0B,CAAC;AAIvF,gFAAgF;AAChF,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}
+{"version":3,"file":"Uploader.d.ts","sourceRoot":"","sources":["../../../../../src/features/uploader/adapters/inbound/Uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAe,aAAa,EAAc,MAAM,0BAA0B,CAAC;AAUvF,gFAAgF;AAChF,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/features/uploader/adapters/inbound/Uploader.js

@@ -1,30 +1,36 @@
 import React from 'react';
-import { Button } from '../../../../components/button';
-import { Icon } from '../../../../components/icon';
-import { Image } from '../../../../components/image';
 import { Modal } from '../../../../components/modal';
-import { Progress } from '../../../../components/progress';
-import { Text } from '../../../../components/text';
-import { Box, Stack } from '../../../../foundation';
 import { FormField } from '../../../../patterns/form-field';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Button } from '../../../button/public';
+import { Icon } from '../../../icon/public';
+import { Image } from '../../../image/public';
+import { Box, Stack } from '../../../layout/public';
+import { Progress } from '../../../progress/public';
+import { Text } from '../../../typography/public';
 import { validateUploadAsset } from '../../application/use-cases/validateUploadAsset';
 import { createUploadPicker } from '../../composition/createUploadPicker';
 /*** Picks, validates, uploads, previews, and removes one generic file asset. */
 export const Uploader = withZoraThemeScope(UploaderInner);
 /*** Owns the interactive state for the generic uploader inbound adapter. */
-function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange, label, description, helperText, errorText, type = 'file', accept, maxSizeBytes, required, disabled = false, readOnly = false, validatePicked, onUpload, onRemove, aspectRatio = 1, interactionPolicy, }) {
+function UploaderInner({ themeId: _themeId, mode: _mode, testID, value = null, onChange, onValueChange, onUploadRequest, onRemoveRequest, onValidationError, uploadState = 'idle', uploadProgress, label = 'File', description, helperText, errorText, type = 'file', accept, maxSizeBytes, required, disabled = false, readOnly = false, validatePicked, onUpload, onRemove, aspectRatio = 1, interactionPolicy, }) {
     const passive = interactionPolicy === 'passive';
     const picker = React.useMemo(() => createUploadPicker(), []);
     const [internalError, setInternalError] = React.useState();
-    const [uploading, setUploading] = React.useState(false);
-    const [removing, setRemoving] = React.useState(false);
+    const [internalUploading, setUploading] = React.useState(false);
+    const [internalRemoving, setRemoving] = React.useState(false);
+    const uploading = internalUploading || uploadState === 'uploading';
+    const removing = internalRemoving || uploadState === 'removing';
     const [progress, setProgress] = React.useState(null);
     const [previewOpen, setPreviewOpen] = React.useState(false);
     const mountedRef = React.useRef(null);
     const resolvedAccept = resolveUploadAccept(type, accept);
     const actionsDisabled = disabled || readOnly;
     const effectiveError = errorText ?? internalError;
+    const notifyValue = React.useCallback((next) => {
+        onChange?.(next);
+        onValueChange?.(next);
+    }, [onChange, onValueChange]);
     React.useEffect(() => {
         mountedRef.current = true;
         return () => {
@@ -56,9 +62,11 @@ function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange
             });
             if (validationError) {
                 setInternalError(validationError);
+                onValidationError?.({ message: validationError });
                 return;
             }
-            onChange(picked);
+            notifyValue(picked);
+            onUploadRequest?.({ asset: picked });
             if (!onUpload) {
                 return;
             }
@@ -69,7 +77,7 @@ function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange
                 if (!isMounted()) {
                     return;
                 }
-                onChange(uploaded);
+                notifyValue(uploaded);
                 setUploading(false);
                 setProgress(null);
             }
@@ -91,7 +99,9 @@ function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange
         actionsDisabled,
         isMounted,
         maxSizeBytes,
-        onChange,
+        notifyValue,
+        onUploadRequest,
+        onValidationError,
         onUpload,
         passive,
         picker,
@@ -107,15 +117,19 @@ function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange
             return;
         }
         setInternalError(undefined);
+        if (onRemoveRequest) {
+            onRemoveRequest({ asset: value });
+            return;
+        }
         if (!onRemove) {
-            onChange(null);
+            notifyValue(null);
             return;
         }
         setRemoving(true);
         try {
             await onRemove(value);
             if (isMounted()) {
-                onChange(null);
+                notifyValue(null);
                 setRemoving(false);
             }
         }
@@ -125,7 +139,17 @@ function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange
                 setRemoving(false);
             }
         }
-    }, [actionsDisabled, isMounted, onChange, onRemove, passive, removing, uploading, value]);
+    }, [
+        actionsDisabled,
+        isMounted,
+        notifyValue,
+        onRemove,
+        onRemoveRequest,
+        passive,
+        removing,
+        uploading,
+        value,
+    ]);
     const canPreviewImage = type === 'image' && resolveRenderableAssetUrl(value) !== null;
     return (<>
       <FormField description={description} disabled={disabled} errorText={effectiveError} helperText={helperText} interactionPolicy={interactionPolicy} invalid={Boolean(effectiveError)} label={label} readOnly={readOnly} required={required} testID={testID}>
@@ -145,7 +169,7 @@ function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange
               <Text emphasis="muted" variant="caption">
                 Uploading…
               </Text>
-              {progress !== null ? <Progress max={1} value={progress}/> : null}
+              {uploadProgress !== undefined || progress !== null ? (<Progress max={1} value={clampProgress(uploadProgress ?? progress) ?? 0}/>) : null}
             </Stack>) : null}
 
           <Stack direction={{ base: 'column', md: 'row' }} gap="s">