@ankhorage/zora 2.11.0 → 2.13.0

package/dist/components/card/types.d.ts

@@ -11,5 +11,7 @@ export interface CardProps extends ZoraBaseProps, Omit<SurfaceCardProps, 'childr
     footer?: React.ReactNode;
     tone?: ZoraCardTone;
     compact?: boolean;
+    padding?: string;
+    radius?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/card/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,SACf,SAAQ,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,GAAG,GAAG,QAAQ,GAAG,SAAS,CAAC;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,SACf,SAAQ,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,GAAG,GAAG,QAAQ,GAAG,SAAS,CAAC;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/card/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CardProps as SurfaceCardProps } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraCardTone } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface CardProps\n  extends ZoraBaseProps, Omit<SurfaceCardProps, 'children' | 'p' | 'radius' | 'variant'> {\n  children?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  footer?: React.ReactNode;\n  tone?: ZoraCardTone;\n  compact?: boolean;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CardProps as SurfaceCardProps } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraCardTone } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface CardProps\n  extends ZoraBaseProps, Omit<SurfaceCardProps, 'children' | 'p' | 'radius' | 'variant'> {\n  children?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  footer?: React.ReactNode;\n  tone?: ZoraCardTone;\n  compact?: boolean;\n  padding?: string;\n  radius?: string;\n}\n"]}

package/dist/components/heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAyG5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA6F5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/components/heading/Heading.js

@@ -2,8 +2,10 @@ import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';
 import React from 'react';
 import { Platform, Text as ReactNativeText } from 'react-native';
 import { useZoraTheme } from '../../theme/useZoraTheme';
+import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveHeadingRecipe, resolveHeadingSizeFromLevel } from './resolveHeadingRecipe';
+import { resolveHeadingThemeRecipe } from './resolveHeadingThemeRecipe';
 const headingLayoutStyle = {
     flexShrink: 1,
     maxWidth: '100%',
@@ -17,34 +19,31 @@ const headingLayoutStyle = {
         : null),
 };
 function resolveHeadingContent({ children, text, i18nKey, }) {
-    if (children !== undefined) {
+    if (children !== undefined)
         return children;
-    }
-    if (text !== undefined) {
+    if (text !== undefined)
         return text;
-    }
-    if (!i18nKey) {
+    if (i18nKey === undefined || i18nKey === '')
         return null;
-    }
     return i18nKey;
 }
-function HeadingInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, level = 2, size, color, emphasis = 'default', align, weight, italic = false, numberOfLines, ellipsizeMode, selectable, style, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, interactionPolicy: _interactionPolicy, }) {
+function HeadingInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, level = 2, size, color, emphasis, align, weight, italic, numberOfLines, ellipsizeMode, selectable, style, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, interactionPolicy: _interactionPolicy, }) {
     const { theme } = useZoraTheme();
     const { breakpoint } = useResponsiveRuntime();
+    const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));
     const content = resolveHeadingContent({ children, text, i18nKey });
-    const resolvedSize = resolveResponsive(size, breakpoint) ?? resolveHeadingSizeFromLevel(level);
-    const resolvedColor = resolveResponsive(color, breakpoint);
-    const resolvedEmphasis = resolveResponsive(emphasis, breakpoint) ?? 'default';
-    const resolvedAlign = resolveResponsive(align, breakpoint);
-    const resolvedWeight = resolveResponsive(weight, breakpoint);
-    if (content === null || content === undefined) {
+    const resolvedSize = resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);
+    const resolvedColor = resolveResponsive(color ?? themeRecipe.color, breakpoint);
+    const resolvedEmphasis = resolveResponsive(emphasis ?? themeRecipe.emphasis, breakpoint) ?? 'default';
+    const resolvedAlign = resolveResponsive(align ?? themeRecipe.align, breakpoint);
+    const resolvedWeight = resolveResponsive(weight ?? themeRecipe.weight, breakpoint);
+    if (content === null)
         return null;
-    }
     return (<ReactNativeText accessibilityHint={accessibilityHint} accessibilityLabel={accessibilityLabel} accessibilityRole={accessibilityRole ?? 'header'} ellipsizeMode={ellipsizeMode} nativeID={nativeID} numberOfLines={numberOfLines} selectable={selectable} testID={testID} style={[
             headingLayoutStyle,
             resolveHeadingRecipe(theme, {
                 align: resolvedAlign,
-                italic,
+                italic: italic ?? themeRecipe.italic ?? false,
                 level,
                 size: resolvedSize,
                 color: resolvedColor,

package/dist/components/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { resolveHeadingRecipe, resolveHeadingSizeFromLevel } from './resolveHeadingRecipe';\nimport type { HeadingProps } from './types';\n\nconst headingLayoutStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n} as unknown as TextStyle;\n\nfunction resolveHeadingContent({\n  children,\n  text,\n  i18nKey,\n}: {\n  children: HeadingProps['children'];\n  text: HeadingProps['text'];\n  i18nKey: HeadingProps['i18nKey'];\n}): React.ReactNode {\n  if (children !== undefined) {\n    return children;\n  }\n\n  if (text !== undefined) {\n    return text;\n  }\n\n  if (!i18nKey) {\n    return null;\n  }\n\n  return i18nKey;\n}\n\nfunction HeadingInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  level = 2,\n  size,\n  color,\n  emphasis = 'default',\n  align,\n  weight,\n  italic = false,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: HeadingProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const content = resolveHeadingContent({ children, text, i18nKey });\n  const resolvedSize = resolveResponsive(size, breakpoint) ?? resolveHeadingSizeFromLevel(level);\n  const resolvedColor = resolveResponsive(color, breakpoint);\n  const resolvedEmphasis = resolveResponsive(emphasis, breakpoint) ?? 'default';\n  const resolvedAlign = resolveResponsive(align, breakpoint);\n  const resolvedWeight = resolveResponsive(weight, breakpoint);\n\n  if (content === null || content === undefined) {\n    return null;\n  }\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole ?? 'header'}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[\n        headingLayoutStyle,\n        resolveHeadingRecipe(theme, {\n          align: resolvedAlign,\n          italic,\n          level,\n          size: resolvedSize,\n          color: resolvedColor,\n          emphasis: resolvedEmphasis,\n          weight: resolvedWeight,\n        }),\n        style,\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n\n/***\n * Structured title primitive for accessible page, section, and card headings.\n *\n * `Heading` gives consumers a ZORA-owned title API with semantic levels,\n * responsive sizes, and theme-aware emphasis while preserving header semantics.\n *\n * @example Section title\n * ```tsx\n * <Heading level={2} size=\"xl\">Account settings</Heading>\n * ```\n */\nexport const Heading = withZoraThemeScope(HeadingInner);\n"]}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { resolveHeadingRecipe, resolveHeadingSizeFromLevel } from './resolveHeadingRecipe';\nimport { resolveHeadingThemeRecipe } from './resolveHeadingThemeRecipe';\nimport type { HeadingProps } from './types';\n\nconst headingLayoutStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n} as unknown as TextStyle;\n\nfunction resolveHeadingContent({\n  children,\n  text,\n  i18nKey,\n}: Pick<HeadingProps, 'children' | 'text' | 'i18nKey'>) {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction HeadingInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  level = 2,\n  size,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: HeadingProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));\n  const content = resolveHeadingContent({ children, text, i18nKey });\n  const resolvedSize =\n    resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);\n  const resolvedColor = resolveResponsive(color ?? themeRecipe.color, breakpoint);\n  const resolvedEmphasis =\n    resolveResponsive(emphasis ?? themeRecipe.emphasis, breakpoint) ?? 'default';\n  const resolvedAlign = resolveResponsive(align ?? themeRecipe.align, breakpoint);\n  const resolvedWeight = resolveResponsive(weight ?? themeRecipe.weight, breakpoint);\n\n  if (content === null) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole ?? 'header'}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[\n        headingLayoutStyle,\n        resolveHeadingRecipe(theme, {\n          align: resolvedAlign,\n          italic: italic ?? themeRecipe.italic ?? false,\n          level,\n          size: resolvedSize,\n          color: resolvedColor,\n          emphasis: resolvedEmphasis,\n          weight: resolvedWeight,\n        }),\n        style,\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n\n/***\n * Structured title primitive for accessible page, section, and card headings.\n *\n * `Heading` gives consumers a ZORA-owned title API with semantic levels,\n * responsive sizes, and theme-aware emphasis while preserving header semantics.\n *\n * @example Section title\n * ```tsx\n * <Heading level={2} size=\"xl\">Account settings</Heading>\n * ```\n */\nexport const Heading = withZoraThemeScope(HeadingInner);\n"]}

package/dist/components/heading/meta.d.ts

@@ -52,6 +52,7 @@ export declare const headingMeta: {
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly color: {
@@ -62,6 +63,7 @@ export declare const headingMeta: {
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly emphasis: {
@@ -72,6 +74,7 @@ export declare const headingMeta: {
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly align: {
@@ -82,6 +85,7 @@ export declare const headingMeta: {
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly weight: {
@@ -92,16 +96,17 @@ export declare const headingMeta: {
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly italic: {
             readonly type: "boolean";
             readonly category: "Typography";
             readonly label: "Italic";
-            readonly default: false;
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly numberOfLines: {

package/dist/components/heading/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/heading/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFc,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/heading/meta.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEc,CAAC"}

package/dist/components/heading/meta.js

@@ -1,19 +1,16 @@
 import { ZORA_COLORS, ZORA_EMPHASES } from '../../internal/colorModel';
+const themeAuthoring = {
+    authority: 'theme',
+    scope: 'component',
+    allowInstanceOverride: true,
+};
 export const headingMeta = {
     name: 'Heading',
     category: 'component',
     directManifestNode: true,
     allowedChildren: [],
-    blueprint: {
-        label: 'Heading',
-        defaultProps: {
-            text: 'Heading',
-            level: 2,
-        },
-    },
-    i18n: {
-        fields: [{ keyProp: 'i18nKey', defaultTextProp: 'text' }],
-    },
+    blueprint: { label: 'Heading', defaultProps: { text: 'Heading', level: 2 } },
+    i18n: { fields: [{ keyProp: 'i18nKey', defaultTextProp: 'text' }] },
     props: {
         text: {
             type: 'string',
@@ -41,43 +38,37 @@ export const headingMeta = {
             category: 'Typography',
             label: 'Size',
             enum: ['display', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
         color: {
             type: 'enum',
             category: 'Style',
             label: 'Color',
             enum: ZORA_COLORS,
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
         emphasis: {
             type: 'enum',
             category: 'Style',
             label: 'Emphasis',
             enum: ZORA_EMPHASES,
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
         align: {
             type: 'enum',
             category: 'Layout',
             label: 'Align',
             enum: ['auto', 'left', 'right', 'center', 'justify'],
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
         weight: {
             type: 'enum',
             category: 'Typography',
             label: 'Weight',
             enum: ['regular', 'medium', 'semiBold', 'bold'],
-            authoring: { authority: 'theme', scope: 'component' },
-        },
-        italic: {
-            type: 'boolean',
-            category: 'Typography',
-            label: 'Italic',
-            default: false,
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
+        italic: { type: 'boolean', category: 'Typography', label: 'Italic', authoring: themeAuthoring },
         numberOfLines: {
             type: 'number',
             category: 'Layout',

package/dist/components/heading/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/heading/meta.ts"],"names":[],"mappings":"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","sourcesContent":["import { ZORA_COLORS, ZORA_EMPHASES } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nexport const headingMeta = {\n  name: 'Heading',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Heading',\n    defaultProps: {\n      text: 'Heading',\n      level: 2,\n    },\n  },\n  i18n: {\n    fields: [{ keyProp: 'i18nKey', defaultTextProp: 'text' }],\n  },\n  props: {\n    text: {\n      type: 'string',\n      category: 'Content',\n      label: 'Text',\n      default: 'Heading',\n      authoring: { authority: 'instance' },\n    },\n    i18nKey: {\n      type: 'string',\n      category: 'Content',\n      label: 'i18n key',\n      authoring: { authority: 'instance' },\n    },\n    level: {\n      type: 'enum',\n      category: 'Semantics',\n      label: 'Level',\n      enum: [1, 2, 3, 4, 5, 6],\n      default: 2,\n      authoring: { authority: 'instance' },\n    },\n    size: {\n      type: 'enum',\n      category: 'Typography',\n      label: 'Size',\n      enum: ['display', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Color',\n      enum: ZORA_COLORS,\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    emphasis: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Emphasis',\n      enum: ZORA_EMPHASES,\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    align: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Align',\n      enum: ['auto', 'left', 'right', 'center', 'justify'],\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    weight: {\n      type: 'enum',\n      category: 'Typography',\n      label: 'Weight',\n      enum: ['regular', 'medium', 'semiBold', 'bold'],\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    italic: {\n      type: 'boolean',\n      category: 'Typography',\n      label: 'Italic',\n      default: false,\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    numberOfLines: {\n      type: 'number',\n      category: 'Layout',\n      label: 'Line clamp',\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/heading/meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,cAAc,GAAG;IACrB,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAC5E,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,EAAE;IACnE,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACxB,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YACrD,SAAS,EAAE,cAAc;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,WAAW;YACjB,SAAS,EAAE,cAAc;SAC1B;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,aAAa;YACnB,SAAS,EAAE,cAAc;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;YACpD,SAAS,EAAE,cAAc;SAC1B;QACD,MAAM,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAC/C,SAAS,EAAE,cAAc;SAC1B;QACD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE;QAC/F,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;KACF;CACmC,CAAC","sourcesContent":["import { ZORA_COLORS, ZORA_EMPHASES } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nconst themeAuthoring = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\n\nexport const headingMeta = {\n  name: 'Heading',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Heading', defaultProps: { text: 'Heading', level: 2 } },\n  i18n: { fields: [{ keyProp: 'i18nKey', defaultTextProp: 'text' }] },\n  props: {\n    text: {\n      type: 'string',\n      category: 'Content',\n      label: 'Text',\n      default: 'Heading',\n      authoring: { authority: 'instance' },\n    },\n    i18nKey: {\n      type: 'string',\n      category: 'Content',\n      label: 'i18n key',\n      authoring: { authority: 'instance' },\n    },\n    level: {\n      type: 'enum',\n      category: 'Semantics',\n      label: 'Level',\n      enum: [1, 2, 3, 4, 5, 6],\n      default: 2,\n      authoring: { authority: 'instance' },\n    },\n    size: {\n      type: 'enum',\n      category: 'Typography',\n      label: 'Size',\n      enum: ['display', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      authoring: themeAuthoring,\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Color',\n      enum: ZORA_COLORS,\n      authoring: themeAuthoring,\n    },\n    emphasis: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Emphasis',\n      enum: ZORA_EMPHASES,\n      authoring: themeAuthoring,\n    },\n    align: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Align',\n      enum: ['auto', 'left', 'right', 'center', 'justify'],\n      authoring: themeAuthoring,\n    },\n    weight: {\n      type: 'enum',\n      category: 'Typography',\n      label: 'Weight',\n      enum: ['regular', 'medium', 'semiBold', 'bold'],\n      authoring: themeAuthoring,\n    },\n    italic: { type: 'boolean', category: 'Typography', label: 'Italic', authoring: themeAuthoring },\n    numberOfLines: {\n      type: 'number',\n      category: 'Layout',\n      label: 'Line clamp',\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/heading/resolveHeadingThemeRecipe.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
+import type { HeadingAlign, HeadingSize, HeadingWeight } from './types';
+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/components/heading/resolveHeadingThemeRecipe.d.ts.map

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

package/dist/components/heading/resolveHeadingThemeRecipe.js

@@ -0,0 +1,46 @@
+export function resolveHeadingThemeRecipe(fields) {
+    return {
+        size: readSize(fields.size),
+        color: readColor(fields.color),
+        emphasis: readEmphasis(fields.emphasis),
+        align: readAlign(fields.align),
+        weight: readWeight(fields.weight),
+        italic: typeof fields.italic === 'boolean' ? fields.italic : undefined,
+    };
+}
+function readSize(value) {
+    if (value === 'display' || value === 'h1' || value === 'h2' || value === 'h3')
+        return value;
+    if (value === 'h4' || value === 'h5' || value === 'h6')
+        return value;
+    return undefined;
+}
+function readColor(value) {
+    if (typeof value !== 'string')
+        return undefined;
+    if (value === 'primary' || value === 'secondary' || value === 'tertiary')
+        return value;
+    if (value === 'quaternary' || value === 'neutral' || value === 'danger')
+        return value;
+    if (value === 'success' || value === 'warning' || value === 'error' || value === 'info')
+        return value;
+    return undefined;
+}
+function readEmphasis(value) {
+    if (value === 'default' || value === 'muted' || value === 'subtle' || value === 'inverse')
+        return value;
+    return undefined;
+}
+function readAlign(value) {
+    if (value === 'auto' || value === 'left' || value === 'right')
+        return value;
+    if (value === 'center' || value === 'justify')
+        return value;
+    return undefined;
+}
+function readWeight(value) {
+    if (value === 'regular' || value === 'medium' || value === 'semiBold' || value === 'bold')
+        return value;
+    return undefined;
+}
+//# sourceMappingURL=resolveHeadingThemeRecipe.js.map

package/dist/components/heading/resolveHeadingThemeRecipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingThemeRecipe.js","sourceRoot":"","sources":["../../../src/components/heading/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';\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/components/heading/themeRecipeMeta.d.ts

@@ -0,0 +1,39 @@
+export declare const headingThemeRecipeMeta: {
+    readonly name: "Heading";
+    readonly kind: "component";
+    readonly description: "Maps Heading presentation defaults without replacing semantic heading levels.";
+    readonly fields: {
+        readonly size: {
+            readonly type: "choice";
+            readonly label: "Size";
+            readonly options: readonly ["display", "h1", "h2", "h3", "h4", "h5", "h6"];
+        };
+        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=themeRecipeMeta.d.ts.map

package/dist/components/heading/themeRecipeMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRecipeMeta.d.ts","sourceRoot":"","sources":["../../../src/components/heading/themeRecipeMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BK,CAAC"}

package/dist/components/heading/themeRecipeMeta.js

@@ -0,0 +1,32 @@
+import { ZORA_COLORS, ZORA_EMPHASES } from '../../internal/colorModel';
+export const headingThemeRecipeMeta = {
+    name: 'Heading',
+    kind: 'component',
+    description: 'Maps Heading presentation defaults without replacing semantic heading levels.',
+    fields: {
+        size: {
+            type: 'choice',
+            label: 'Size',
+            options: ['display', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
+        },
+        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=themeRecipeMeta.js.map

package/dist/components/heading/themeRecipeMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/heading/themeRecipeMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,+EAA+E;IAC5F,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SACzD;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 headingThemeRecipeMeta = {\n  name: 'Heading',\n  kind: 'component',\n  description: 'Maps Heading presentation defaults without replacing semantic heading levels.',\n  fields: {\n    size: {\n      type: 'choice',\n      label: 'Size',\n      options: ['display', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\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/components/image/meta.d.ts

@@ -1,9 +1,30 @@
 export declare const imageMeta: {
     readonly name: "Image";
     readonly category: "component";
-    readonly directManifestNode: false;
+    readonly description: "Displays an image from the app media registry or a resolved runtime source.";
+    readonly directManifestNode: true;
     readonly allowedChildren: readonly [];
-    readonly note: "Media component; not represented as a manifest node in v1.";
-    readonly props: {};
+    readonly blueprint: {
+        readonly label: "Image";
+    };
+    readonly props: {
+        readonly source: {
+            readonly type: "media";
+            readonly category: "Content";
+            readonly label: "Source";
+            readonly mediaKinds: readonly ["image"];
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly alt: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+            readonly label: "Alt text";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+    };
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/components/image/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/image/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAOgB,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/image/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBgB,CAAC"}

package/dist/components/image/meta.js

@@ -1,9 +1,24 @@
 export const imageMeta = {
     name: 'Image',
     category: 'component',
-    directManifestNode: false,
+    description: 'Displays an image from the app media registry or a resolved runtime source.',
+    directManifestNode: true,
     allowedChildren: [],
-    note: 'Media component; not represented as a manifest node in v1.',
-    props: {},
+    blueprint: { label: 'Image' },
+    props: {
+        source: {
+            type: 'media',
+            category: 'Content',
+            label: 'Source',
+            mediaKinds: ['image'],
+            authoring: { authority: 'instance' },
+        },
+        alt: {
+            type: 'string',
+            category: 'Accessibility',
+            label: 'Alt text',
+            authoring: { authority: 'instance' },
+        },
+    },
 };
 //# sourceMappingURL=meta.js.map

package/dist/components/image/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/image/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,4DAA4D;IAClE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const imageMeta = {\n  name: 'Image',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Media component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/image/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,6EAA6E;IAC1F,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,eAAe;YACzB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const imageMeta = {\n  name: 'Image',\n  category: 'component',\n  description: 'Displays an image from the app media registry or a resolved runtime source.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Image' },\n  props: {\n    source: {\n      type: 'media',\n      category: 'Content',\n      label: 'Source',\n      mediaKinds: ['image'],\n      authoring: { authority: 'instance' },\n    },\n    alt: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Alt text',\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/text/Text.d.ts

@@ -6,7 +6,6 @@ import type { TextProps } from './types';
  * `Text` owns normal body, caption, label, code, and supporting-copy variants so
  * consumers do not need to import lower-level Surface typography directly.
  *
-
  * @example Muted supporting copy
  * ```tsx
  * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>

package/dist/components/text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAkGzC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAwFzC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/components/text/Text.js

@@ -2,8 +2,10 @@ import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';
 import React from 'react';
 import { Platform, Text as ReactNativeText } from 'react-native';
 import { useZoraTheme } from '../../theme/useZoraTheme';
+import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveTextStyle } from './resolveTextRecipe';
+import { resolveTextThemeRecipe } from './resolveTextThemeRecipe';
 const textLayoutStyle = {
     flexShrink: 1,
     maxWidth: '100%',
@@ -17,35 +19,32 @@ const textLayoutStyle = {
         : null),
 };
 function resolveTextContent({ children, text, i18nKey, }) {
-    if (children !== undefined) {
+    if (children !== undefined)
         return children;
-    }
-    if (text !== undefined) {
+    if (text !== undefined)
         return text;
-    }
-    if (!i18nKey) {
+    if (i18nKey === undefined || i18nKey === '')
         return null;
-    }
     return i18nKey;
 }
-function TextInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, variant = 'body', color, emphasis = 'default', align, weight, italic = false, numberOfLines, ellipsizeMode, selectable, style, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, interactionPolicy: _interactionPolicy, }) {
+function TextInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, variant, color, emphasis, align, weight, italic, numberOfLines, ellipsizeMode, selectable, style, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, interactionPolicy: _interactionPolicy, }) {
     const { theme } = useZoraTheme();
     const { breakpoint } = useResponsiveRuntime();
+    const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe('Text'));
     const content = resolveTextContent({ children, text, i18nKey });
-    const resolvedVariant = resolveResponsive(variant, breakpoint) ?? 'body';
+    const resolvedVariant = resolveResponsive(variant ?? themeRecipe.variant, breakpoint) ?? 'body';
     const resolvedStyle = resolveTextStyle({
         theme,
         breakpoint,
         variant: resolvedVariant,
-        color,
-        emphasis,
-        align,
-        weight,
-        italic,
+        color: color ?? themeRecipe.color,
+        emphasis: emphasis ?? themeRecipe.emphasis,
+        align: align ?? themeRecipe.align,
+        weight: weight ?? themeRecipe.weight,
+        italic: italic ?? themeRecipe.italic ?? false,
     });
-    if (content === null || content === undefined) {
+    if (content === null || content === undefined)
         return null;
-    }
     return (<ReactNativeText accessibilityHint={accessibilityHint} accessibilityLabel={accessibilityLabel} accessibilityRole={accessibilityRole} ellipsizeMode={ellipsizeMode} nativeID={nativeID} numberOfLines={numberOfLines} selectable={selectable} testID={testID} style={[textLayoutStyle, resolvedStyle, style]}>
       {content}
     </ReactNativeText>);
@@ -56,7 +55,6 @@ function TextInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, va
  * `Text` owns normal body, caption, label, code, and supporting-copy variants so
  * consumers do not need to import lower-level Surface typography directly.
  *
-
  * @example Muted supporting copy
  * ```tsx
  * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>