@ankhorage/zora 22.0.72 → 22.0.74

package/src/features/toast/toastMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const toastMeta = {
   name: 'Toast',

package/src/features/toast/toastProviderMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const toastProviderMeta = {
   name: 'ToastProvider',

package/src/features/tree-view/meta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 const TREE_NOTE = 'Tree view pattern component; not represented as a manifest node in v1.';
 

package/src/features/typography/adapters/inbound/Heading.tsx

@@ -6,6 +6,7 @@ import type { HeadingProps } from '../../../../types/heading';
 import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
 import { useZoraTheme } from '../../../theme/composition/useZoraTheme';
 import { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';
+import { headingThemeRecipeMeta } from '../../utils/headingThemeRecipeMeta';
 import { resolveHeadingRecipe } from '../../utils/resolveHeadingRecipe';
 import { resolveHeadingSizeFromLevel } from '../../utils/resolveHeadingSizeFromLevel';
 import { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe';
@@ -68,7 +69,7 @@ function HeadingInner({
 }: HeadingProps) {
   const { theme } = useZoraTheme();
   const { breakpoint } = useResponsiveRuntime();
-  const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));
+  const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe(headingThemeRecipeMeta));
   const content = resolveHeadingContent({ children, text, i18nKey });
   const resolvedSize =
     resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);

package/src/features/typography/adapters/inbound/Text.tsx

@@ -8,6 +8,7 @@ import { useZoraTheme } from '../../../theme/composition/useZoraTheme';
 import { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';
 import { resolveTextStyle } from '../../utils/resolveTextStyle';
 import { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';
+import { textThemeRecipeMeta } from '../../utils/textThemeRecipeMeta';
 /***
  * Structured copy primitive for theme-aware app text.
  *
@@ -71,7 +72,7 @@ function TextInner({
 }: TextProps) {
   const { theme } = useZoraTheme();
   const { breakpoint } = useResponsiveRuntime();
-  const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe('Text'));
+  const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe(textThemeRecipeMeta));
   const content = resolveTextContent({ children, text, i18nKey });
   const resolvedVariant = resolveResponsive(variant ?? themeRecipe.variant, breakpoint) ?? 'body';
   const resolvedStyle = resolveTextStyle({

package/src/features/typography/headingMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { COMPONENT_THEME_AUTHORING } from '../authoring/constants';
+import { COMPONENT_THEME_AUTHORING } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 import { ZORA_COLORS, ZORA_EMPHASES } from '../theme/colorModel';
 
 export const headingMeta = {

package/src/features/typography/textMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { COMPONENT_THEME_AUTHORING } from '../authoring/constants';
+import { COMPONENT_THEME_AUTHORING } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 import { ZORA_COLORS, ZORA_EMPHASES } from '../theme/colorModel';
 
 export const textMeta = {

package/src/features/uploader/public.test.ts

@@ -23,7 +23,7 @@ describe('ZORA Uploader public contract', () => {
     const [rootSource, registrySource, metadataSource] = await Promise.all([
       Bun.file('src/index.ts').text(),
       Bun.file('src/features/registry/ZORA_COMPONENT_REGISTRY.ts').text(),
-      Bun.file('src/features/authoring/componentMeta.ts').text(),
+      Bun.file('src/features/registry/componentMeta.ts').text(),
     ]);
     const publicSurface = `${rootSource}\n${registrySource}\n${metadataSource}`;
 

package/src/index.ts

@@ -42,39 +42,6 @@ export {
   SignInForm,
   SignUpForm,
 } from './features/auth/public';
-export type {
-  ZoraBindableComponentType,
-  ZoraComponentBlueprint,
-  ZoraComponentCategory,
-  ZoraComponentEventMeta,
-  ZoraComponentEventPayloadFieldMeta,
-  ZoraComponentEventPayloadFieldType,
-  ZoraComponentEventPayloadKind,
-  ZoraComponentI18nMeta,
-  ZoraComponentManifestPolicy,
-  ZoraComponentMeta,
-  ZoraComponentMetaRegistry,
-  ZoraComponentPropArrayItemSchema,
-  ZoraComponentPropAuthoring,
-  ZoraComponentPropSchema,
-  ZoraComponentPropType,
-  ZoraComponentPropValue,
-  ZoraComponentSlotMeta,
-  ZoraThemeRecipeBooleanFieldMeta,
-  ZoraThemeRecipeChoiceFieldMeta,
-  ZoraThemeRecipeFieldMeta,
-  ZoraThemeRecipeKind,
-  ZoraThemeRecipeMeta,
-  ZoraThemeRecipeMetaRegistry,
-  ZoraThemeRecipeTokenFieldMeta,
-  ZoraThemeTokenFamily,
-} from './features/authoring';
-export {
-  ZORA_BINDABLE_COMPONENT_META,
-  ZORA_COMPONENT_META,
-  ZORA_THEME_RECIPE_META,
-  ZORA_THEME_TOKEN_FAMILIES,
-} from './features/authoring';
 export type { AvatarProps, AvatarShape, AvatarSize } from './features/avatar/public';
 export type { AvatarGroupItem, AvatarGroupProps } from './features/avatar/public';
 export { Avatar, resolveAvatarInitials } from './features/avatar/public';
@@ -350,6 +317,39 @@ export type {
   ReaderSurfaceProps,
 } from './features/reader/public';
 export { ReaderSurface, resolveReaderProgress } from './features/reader/public';
+export type {
+  ZoraBindableComponentType,
+  ZoraComponentBlueprint,
+  ZoraComponentCategory,
+  ZoraComponentEventMeta,
+  ZoraComponentEventPayloadFieldMeta,
+  ZoraComponentEventPayloadFieldType,
+  ZoraComponentEventPayloadKind,
+  ZoraComponentI18nMeta,
+  ZoraComponentManifestPolicy,
+  ZoraComponentMeta,
+  ZoraComponentMetaRegistry,
+  ZoraComponentPropArrayItemSchema,
+  ZoraComponentPropAuthoring,
+  ZoraComponentPropSchema,
+  ZoraComponentPropType,
+  ZoraComponentPropValue,
+  ZoraComponentSlotMeta,
+  ZoraThemeRecipeBooleanFieldMeta,
+  ZoraThemeRecipeChoiceFieldMeta,
+  ZoraThemeRecipeFieldMeta,
+  ZoraThemeRecipeKind,
+  ZoraThemeRecipeMeta,
+  ZoraThemeRecipeMetaRegistry,
+  ZoraThemeRecipeTokenFieldMeta,
+  ZoraThemeTokenFamily,
+} from './features/registry';
+export {
+  ZORA_BINDABLE_COMPONENT_META,
+  ZORA_COMPONENT_META,
+  ZORA_THEME_RECIPE_META,
+  ZORA_THEME_TOKEN_FAMILIES,
+} from './features/registry';
 export { ZORA_COMPONENT_REGISTRY } from './features/registry/public';
 export type {
   BarcodeScannerViewProps,

package/src/structureOwnership.test.ts

@@ -3,19 +3,18 @@ import { existsSync, readdirSync } from 'node:fs';
 import { describe, expect, test } from 'bun:test';
 
 describe('src ownership', () => {
-  test('keeps the required CLI, feature, and type owner directories at the package source root', () => {
+  test('keeps the required package-wide and feature owner directories at the package source root', () => {
     const directories = readdirSync('src', { withFileTypes: true })
       .filter((entry) => entry.isDirectory())
       .map((entry) => entry.name)
       .sort();
 
-    expect(directories).toEqual(['cli', 'features', 'types']);
+    expect(directories).toEqual(['cli', 'constants', 'features', 'types']);
   });
 
   test('does not reintroduce technical ownership roots', () => {
     for (const path of [
       'src/constants.ts',
-      'src/constants',
       'src/context',
       'src/internal',
       'src/metadata',
@@ -37,6 +36,7 @@ describe('src ownership', () => {
     }
 
     for (const path of [
+      'src/features/authoring',
       'src/features/authoring/types.ts',
       'src/features/authoring/themeRecipeTypes.ts',
       'src/features/theme/ZoraBaseProps.ts',

package/src/types/auth.ts

@@ -1,8 +1,8 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ButtonProps } from '../features/button/public';
 import type { ZoraBaseProps } from './base';
+import type { ButtonProps } from './button';
 import type { FormFieldConfig, FormValues } from './form';
 
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';

package/src/types/avatar-group.ts

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { AvatarShape, AvatarSize } from '../features/avatar/public';
+import type { AvatarShape, AvatarSize } from './avatar';
 import type { ZoraBaseProps } from './base';
 import type { ZoraColor } from './theme';
 

package/src/types/button-group.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { ViewProps } from '../features/layout/public';
 import type { ZoraBaseProps } from './base';
+import type { ViewProps } from './layout';
 
 export type ButtonGroupAlign = 'start' | 'center' | 'end' | 'stretch' | 'between';
 export type ButtonGroupOrientation = 'horizontal' | 'vertical' | 'responsive';

package/src/types/chat.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { AvatarShape, AvatarSize } from '../features/avatar/public';
+import type { AvatarShape, AvatarSize } from './avatar';
 import type { ZoraBaseProps } from './base';
 import type { ZoraColor } from './theme';
 

package/src/types/gradient.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
-import type { ViewProps } from '../features/layout/public';
 import type { ZoraBaseProps } from './base';
+import type { ViewProps } from './layout';
 
 export type GradientColor = string;
 export type GradientColors = readonly [GradientColor, GradientColor, ...GradientColor[]];

package/src/types/graph-view.ts

@@ -0,0 +1,117 @@
+import type React from 'react';
+
+export type GraphViewLayoutName = 'breadthfirst' | 'circle' | 'concentric' | 'elk' | 'grid';
+export type GraphViewElementEventType =
+  'press' | 'double-press' | 'select' | 'unselect' | 'pointer-enter' | 'pointer-leave';
+
+export interface GraphViewNode {
+  readonly id: string;
+  readonly label?: string;
+  readonly parentId?: string;
+  readonly classes?: string;
+  readonly data?: Readonly<Record<string, unknown>>;
+}
+
+export interface GraphViewEdge {
+  readonly id?: string;
+  readonly source: string;
+  readonly target: string;
+  readonly classes?: string;
+  readonly data?: Readonly<Record<string, unknown>>;
+}
+
+export interface GraphViewStyleRule {
+  readonly selector: string;
+  readonly style: Readonly<Record<string, unknown>>;
+}
+
+export interface GraphViewPoint {
+  readonly x: number;
+  readonly y: number;
+}
+
+export interface GraphViewSize {
+  readonly width: number;
+  readonly height: number;
+}
+
+export interface GraphViewNodeRenderContext {
+  readonly hovered: boolean;
+  readonly node: GraphViewNode;
+  readonly selected: boolean;
+  readonly zoom: number;
+}
+
+export interface GraphViewRenderedNode {
+  readonly hovered: boolean;
+  readonly id: string;
+  readonly position: GraphViewPoint;
+  readonly selected: boolean;
+  readonly zoom: number;
+}
+
+export interface GraphViewViewport {
+  readonly zoom: number;
+  readonly pan: GraphViewPoint;
+}
+
+export interface GraphViewFitOptions {
+  /** Optimize existing layout spacing without rerunning its algorithm; whole-graph fits only. */
+  readonly optimizeSpacing?: boolean;
+  readonly nodeIds?: readonly string[];
+  readonly padding?: number;
+}
+
+export interface GraphViewElementEvent {
+  readonly id: string;
+  readonly type: GraphViewElementEventType;
+}
+
+export interface GraphViewController {
+  fit(options?: GraphViewFitOptions): void;
+  getViewport(): GraphViewViewport;
+  getZoomRange(): { readonly min: number; readonly max: number };
+  setPan(pan: GraphViewPoint): void;
+  setZoom(zoom: number): void;
+  zoomBy(factor: number): void;
+}
+
+export interface GraphViewProps {
+  readonly nodes: readonly GraphViewNode[];
+  readonly edges: readonly GraphViewEdge[];
+  readonly layout?: GraphViewLayoutName;
+  readonly layoutOptions?: Readonly<Record<string, unknown>>;
+  readonly spacingFactor?: number;
+  readonly styleRules?: readonly GraphViewStyleRule[];
+  readonly selectedNodeIds?: readonly string[];
+  readonly renderNode?: (context: GraphViewNodeRenderContext) => React.ReactNode;
+  readonly getNodeSize?: (node: GraphViewNode) => GraphViewSize | undefined;
+  readonly fitPadding?: number;
+  readonly minZoom?: number;
+  readonly maxZoom?: number;
+  readonly minReadableLabelSize?: number;
+  readonly maxFitLabelSize?: number;
+  /** Zoom values and bounds use the full-node fit as 1 when fit-relative is selected. */
+  readonly zoomMode?: 'absolute' | 'fit-relative';
+  /** Measure plain labels before layout instead of estimating width from character count. */
+  readonly sizeNodesToLabels?: boolean;
+  readonly className?: string;
+  readonly style?: React.CSSProperties;
+  readonly ariaLabel?: string;
+  readonly onReady?: (controller: GraphViewController) => void;
+  readonly onLayoutComplete?: (controller: GraphViewController) => void;
+  readonly onNodeEvent?: (event: GraphViewElementEvent) => void;
+  readonly onEdgeEvent?: (event: GraphViewElementEvent) => void;
+  readonly onViewportChange?: (viewport: GraphViewViewport) => void;
+  readonly onSpacingFactorChange?: (spacingFactor: number) => void;
+}
+
+export type GraphViewCallbacks = Pick<
+  GraphViewProps,
+  | 'onEdgeEvent'
+  | 'onLayoutComplete'
+  | 'onNodeEvent'
+  | 'onReady'
+  | 'onViewportChange'
+  | 'onSpacingFactorChange'
+>;

package/src/types/graphViewRuntime.ts

@@ -3,7 +3,7 @@ import type {
   GraphViewLayoutName,
   GraphViewNode,
   GraphViewStyleRule,
-} from '../features/graph-view/adapters/inbound/web-artifact/GraphView';
+} from './graph-view';
 
 export interface GraphRuntimeUpdate {
   readonly edges: readonly GraphViewEdge[];

package/src/types/post-card.ts

@@ -2,7 +2,7 @@ import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { AvatarShape, AvatarSize } from '../features/avatar/public';
+import type { AvatarShape, AvatarSize } from './avatar';
 import type { ZoraBaseProps } from './base';
 import type { ZoraCardTone } from './card';
 import type { ZoraColor } from './theme';

package/src/types/radio.ts

@@ -1,8 +1,8 @@
 import type { RadioProps as SurfaceRadioProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { IconProps } from '../features/icon/public';
 import type { ZoraBaseProps } from './base';
+import type { IconProps } from './icon';
 
 export interface RadioProps extends ZoraBaseProps, Omit<SurfaceRadioProps, 'mode' | 'themeId'> {}
 

package/src/types/scanner.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { ButtonProps } from '../features/button/public';
 import type { ZoraBaseProps } from './base';
+import type { ButtonProps } from './button';
 
 export type CameraPermissionStatus = 'unknown' | 'requesting' | 'granted' | 'denied';
 

package/src/types/skeleton.ts

@@ -1,5 +1,5 @@
-import type { ViewProps } from '../features/layout/public';
 import type { ZoraBaseProps } from './base';
+import type { ViewProps } from './layout';
 
 export type SkeletonRadius = ViewProps['radius'];
 export type SkeletonDimension = ViewProps['width'];

package/src/types/theme-mode-toggle.ts

@@ -1,4 +1,4 @@
-import type { IconButtonProps } from '../features/button/public';
+import type { IconButtonProps } from './icon-button';
 
 export type ThemeModeToggleProps = Pick<
   IconButtonProps,

package/web-dist/chunks/{Accordion-jd33dw92.js → Accordion-07rdw2vh.js}

@@ -8,7 +8,7 @@ import {
 } from "./Accordion-vq462y0x.js";
 import {
   IconButton2
-} from "./Accordion-z5rdysmt.js";
+} from "./Accordion-nc5gnvnb.js";
 import {
   withZoraThemeScope
 } from "./Accordion-k3bc4kad.js";

package/web-dist/chunks/{Accordion-sn80af3k.js → Accordion-45ej9brb.js}

@@ -8,7 +8,7 @@ import {
 import {
   Heading2,
   Text2
-} from "./Accordion-pssgp0pq.js";
+} from "./Accordion-ycmg06sq.js";
 
 // src/features/section/adapters/inbound/SectionHeader.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-qyckg9d2.js → Accordion-555gnfmw.js}

@@ -4,7 +4,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   Button2
-} from "./Accordion-z5rdysmt.js";
+} from "./Accordion-nc5gnvnb.js";
 import {
   withZoraThemeScope
 } from "./Accordion-k3bc4kad.js";
@@ -13,10 +13,10 @@ import {
 } from "./Accordion-j2aw3d5b.js";
 import {
   Card2
-} from "./Accordion-a03xpbc0.js";
+} from "./Accordion-b3qy1trj.js";
 import {
   Text2
-} from "./Accordion-pssgp0pq.js";
+} from "./Accordion-ycmg06sq.js";
 import {
   Badge2
 } from "./Accordion-s1jhv8gk.js";

package/web-dist/chunks/{Accordion-ypdtx57y.js → Accordion-73m7z73v.js}

@@ -7,13 +7,13 @@ import {
 } from "./Accordion-j2aw3d5b.js";
 import {
   ButtonGroup2
-} from "./Accordion-z5rdysmt.js";
+} from "./Accordion-nc5gnvnb.js";
 import {
   Card2
-} from "./Accordion-a03xpbc0.js";
+} from "./Accordion-b3qy1trj.js";
 import {
   List2
-} from "./Accordion-zh8esf04.js";
+} from "./Accordion-pnvt10cv.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/{Accordion-s334j5tf.js → Accordion-8af800ts.js}

@@ -9,7 +9,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   IconButton2
-} from "./Accordion-z5rdysmt.js";
+} from "./Accordion-nc5gnvnb.js";
 import {
   withZoraThemeScope
 } from "./Accordion-k3bc4kad.js";
@@ -22,7 +22,7 @@ import {
 import {
   Heading2,
   Text2
-} from "./Accordion-pssgp0pq.js";
+} from "./Accordion-ycmg06sq.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/{Accordion-7ycn5332.js → Accordion-9rnepkvk.js}

@@ -10,7 +10,7 @@ import {
 } from "./Accordion-j2aw3d5b.js";
 import {
   Text2
-} from "./Accordion-pssgp0pq.js";
+} from "./Accordion-ycmg06sq.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/{Accordion-1vbm971q.js → Accordion-avmgvcef.js}

@@ -22,7 +22,7 @@ import {
 } from "./Accordion-j2aw3d5b.js";
 import {
   Text2
-} from "./Accordion-pssgp0pq.js";
+} from "./Accordion-ycmg06sq.js";
 import {
   resolveFieldState,
   resolveIndicatorSize,

package/web-dist/chunks/{Accordion-a03xpbc0.js → Accordion-b3qy1trj.js}

@@ -16,13 +16,10 @@ import {
   View2,
   Divider2
 } from "./Accordion-j2aw3d5b.js";
-import {
-  useZoraThemeRecipe
-} from "./Accordion-wvphg9x4.js";
 import {
   Heading2,
   Text2
-} from "./Accordion-pssgp0pq.js";
+} from "./Accordion-ycmg06sq.js";
 import {
   resolveBadgeRecipe,
   Badge2
@@ -32,16 +29,19 @@ import {
 } from "./Accordion-1cgz6f8t.js";
 import {
   Avatar2
-} from "./Accordion-qy22k9t8.js";
+} from "./Accordion-jj3bg8c1.js";
 import {
   Button2
-} from "./Accordion-z5rdysmt.js";
+} from "./Accordion-nc5gnvnb.js";
 import {
   Image2
 } from "./Accordion-cecn51ry.js";
 import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
+import {
+  useZoraThemeRecipe
+} from "./Accordion-e1nn8m46.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";
@@ -143,6 +143,38 @@ function resolveCardVariant(tone = "default") {
   }
 }
 
+// src/features/card/utils/themeRecipeMeta.ts
+var cardThemeRecipeMeta = {
+  name: "Card",
+  kind: "component",
+  description: "Maps global rhythm and surface tokens into Card presentation.",
+  fields: {
+    tone: {
+      type: "choice",
+      label: "Tone",
+      options: ["default", "subtle", "outline"],
+      default: "default"
+    },
+    padding: {
+      type: "token",
+      tokenFamily: "spacing",
+      label: "Padding",
+      description: "When unset, Card keeps its compact-aware spacing default."
+    },
+    radius: {
+      type: "token",
+      tokenFamily: "radii",
+      label: "Corner radius",
+      default: "l"
+    },
+    compact: {
+      type: "boolean",
+      label: "Compact",
+      default: false
+    }
+  }
+};
+
 // src/features/card/adapters/inbound/Card.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var Card2 = withZoraThemeScope(CardInner);
@@ -163,7 +195,7 @@ function CardInner({
   interactionPolicy,
   ...props
 }) {
-  const themeFields = useZoraThemeRecipe("Card");
+  const themeFields = useZoraThemeRecipe(cardThemeRecipeMeta);
   const recipe = resolveCardThemeRecipe({ tone, compact, padding, radius, themeFields });
   const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);
   const hasFooter = footer !== undefined;