@ankhorage/zora 7.0.0 → 9.0.0

package/dist/types/text-input.d.ts

@@ -0,0 +1,22 @@
+import type * as Surface from '@ankhorage/surface';
+import type { ZoraControlSize } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+export interface TextInputTrailingAction {
+    icon: Surface.ButtonIconSpec;
+    label: string;
+    onPress: () => void;
+}
+type TextInputTrailingProps = {
+    trailingIcon?: Surface.ButtonIconSpec;
+    trailingAction?: never;
+} | {
+    trailingIcon?: never;
+    trailingAction?: TextInputTrailingAction;
+};
+interface TextInputBaseProps extends ZoraBaseProps, Omit<Surface.TextInputProps, 'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'> {
+    size?: ZoraControlSize;
+    leadingIcon?: Surface.ButtonIconSpec;
+}
+export type TextInputProps = TextInputBaseProps & TextInputTrailingProps;
+export {};
+//# sourceMappingURL=text-input.d.ts.map

package/dist/types/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../src/types/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,KAAK,sBAAsB,GACvB;IACE,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC1C,CAAC;AAEN,UAAU,kBACR,SACE,aAAa,EACb,IAAI,CACF,OAAO,CAAC,cAAc,EACtB,kBAAkB,GAAG,MAAM,GAAG,mBAAmB,GAAG,MAAM,GAAG,SAAS,CACvE;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;CACtC;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,sBAAsB,CAAC"}

package/dist/types/text-input.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text-input.js.map

package/dist/types/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../src/types/text-input.ts"],"names":[],"mappings":"","sourcesContent":["import type * as Surface from '@ankhorage/surface';\n\nimport type { ZoraControlSize } from '../internal/recipes';\nimport type { ZoraBaseProps } from '../theme/ZoraBaseProps';\n\nexport interface TextInputTrailingAction {\n  icon: Surface.ButtonIconSpec;\n  label: string;\n  onPress: () => void;\n}\n\ntype TextInputTrailingProps =\n  | {\n      trailingIcon?: Surface.ButtonIconSpec;\n      trailingAction?: never;\n    }\n  | {\n      trailingIcon?: never;\n      trailingAction?: TextInputTrailingAction;\n    };\n\ninterface TextInputBaseProps\n  extends\n    ZoraBaseProps,\n    Omit<\n      Surface.TextInputProps,\n      'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'\n    > {\n  size?: ZoraControlSize;\n  leadingIcon?: Surface.ButtonIconSpec;\n}\n\nexport type TextInputProps = TextInputBaseProps & TextInputTrailingProps;\n"]}

package/dist/types/text.d.ts

@@ -0,0 +1,31 @@
+import type { Responsive } from '@ankhorage/surface';
+import type React from 'react';
+import type { AccessibilityRole, StyleProp, TextProps as ReactNativeTextProps, TextStyle } from 'react-native';
+import type { ZoraColor, ZoraEmphasis } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+export type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';
+export type TextColor = ZoraColor;
+export type TextEmphasis = ZoraEmphasis;
+export type TextWeight = 'regular' | 'medium' | 'semiBold' | 'bold';
+export type TextAlign = NonNullable<TextStyle['textAlign']>;
+export interface TextProps extends ZoraBaseProps {
+    children?: React.ReactNode;
+    text?: string;
+    i18nKey?: string;
+    variant?: Responsive<TextVariant>;
+    color?: Responsive<TextColor>;
+    emphasis?: Responsive<TextEmphasis>;
+    align?: Responsive<TextAlign>;
+    weight?: Responsive<TextWeight>;
+    italic?: boolean;
+    numberOfLines?: number;
+    ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
+    selectable?: boolean;
+    style?: StyleProp<TextStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityRole?: AccessibilityRole;
+    accessibilityLiveRegion?: ReactNativeTextProps['accessibilityLiveRegion'];
+    nativeID?: string;
+}
+//# sourceMappingURL=text.d.ts.map

package/dist/types/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/types/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EACT,SAAS,IAAI,oBAAoB,EACjC,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnG,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAClC,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AAExC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAE5D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,uBAAuB,CAAC,EAAE,oBAAoB,CAAC,yBAAyB,CAAC,CAAC;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/text.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text.js.map

package/dist/types/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/types/text.ts"],"names":[],"mappings":"","sourcesContent":["import type { Responsive } from '@ankhorage/surface';\nimport type React from 'react';\nimport type {\n  AccessibilityRole,\n  StyleProp,\n  TextProps as ReactNativeTextProps,\n  TextStyle,\n} from 'react-native';\n\nimport type { ZoraColor, ZoraEmphasis } from '../internal/recipes';\nimport type { ZoraBaseProps } from '../theme/ZoraBaseProps';\n\nexport type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';\n\nexport type TextColor = ZoraColor;\nexport type TextEmphasis = ZoraEmphasis;\n\nexport type TextWeight = 'regular' | 'medium' | 'semiBold' | 'bold';\n\nexport type TextAlign = NonNullable<TextStyle['textAlign']>;\n\nexport interface TextProps extends ZoraBaseProps {\n  children?: React.ReactNode;\n  text?: string;\n  i18nKey?: string;\n  variant?: Responsive<TextVariant>;\n  color?: Responsive<TextColor>;\n  emphasis?: Responsive<TextEmphasis>;\n  align?: Responsive<TextAlign>;\n  weight?: Responsive<TextWeight>;\n  italic?: boolean;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  selectable?: boolean;\n  style?: StyleProp<TextStyle>;\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  accessibilityRole?: AccessibilityRole;\n  accessibilityLiveRegion?: ReactNativeTextProps['accessibilityLiveRegion'];\n  nativeID?: string;\n}\n"]}

package/dist/types/upload.d.ts

@@ -33,9 +33,21 @@ export interface ValidateUploadAssetInput {
     validate?: (asset: UploadAsset) => string | undefined;
 }
 export interface UploaderProps extends ZoraBaseProps {
-    value: UploadAsset | null;
-    onChange: (next: UploadAsset | null) => void;
-    label: React.ReactNode;
+    value?: UploadAsset | null;
+    onChange?: (next: UploadAsset | null) => void;
+    onValueChange?: (next: UploadAsset | null) => void;
+    onUploadRequest?: (event: {
+        asset: UploadAsset;
+    }) => void;
+    onRemoveRequest?: (event: {
+        asset: UploadAsset;
+    }) => void;
+    onValidationError?: (event: {
+        message: string;
+    }) => void;
+    uploadState?: 'idle' | 'uploading' | 'removing';
+    uploadProgress?: number;
+    label?: React.ReactNode;
     description?: React.ReactNode;
     helperText?: React.ReactNode;
     errorText?: React.ReactNode;

package/dist/types/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/types/upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GACnB,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEP,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC;CACvD;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACxF,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/types/upload.ts"],"names":[],"mappings":"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"}

package/dist/types/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../src/types/upload.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../theme/ZoraBaseProps';\n\nexport type UploadType = 'image' | 'video' | 'document' | 'file';\n\nexport interface UploadAssetBase {\n  fileName?: string;\n  sizeBytes?: number;\n  contentType?: string;\n  width?: number;\n  height?: number;\n  alt?: string;\n  createdAt?: string;\n}\n\nexport type UploadAsset =\n  | (UploadAssetBase & {\n      kind: 'local';\n      uri: string;\n    })\n  | (UploadAssetBase & {\n      kind: 'url';\n      url: string;\n    })\n  | (UploadAssetBase & {\n      kind: 'storage';\n      storageId?: string;\n      bucket: string;\n      path: string;\n      publicUrl?: string;\n    });\n\nexport interface UploadProgressContext {\n  setProgress: (progress: number | null) => void;\n}\n\nexport interface ValidateUploadAssetInput {\n  asset: UploadAsset;\n  accept?: string;\n  maxSizeBytes?: number;\n  validate?: (asset: UploadAsset) => string | undefined;\n}\n\nexport interface UploaderProps extends ZoraBaseProps {\n  value: UploadAsset | null;\n  onChange: (next: UploadAsset | null) => void;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  helperText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  type?: UploadType;\n  accept?: string;\n  maxSizeBytes?: number;\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  validatePicked?: (asset: UploadAsset) => string | undefined;\n  onUpload?: (asset: UploadAsset, context: UploadProgressContext) => Promise<UploadAsset>;\n  onRemove?: (current: UploadAsset) => void | Promise<void>;\n  aspectRatio?: number;\n}\n"]}
+{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../src/types/upload.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../theme/ZoraBaseProps';\n\nexport type UploadType = 'image' | 'video' | 'document' | 'file';\n\nexport interface UploadAssetBase {\n  fileName?: string;\n  sizeBytes?: number;\n  contentType?: string;\n  width?: number;\n  height?: number;\n  alt?: string;\n  createdAt?: string;\n}\n\nexport type UploadAsset =\n  | (UploadAssetBase & {\n      kind: 'local';\n      uri: string;\n    })\n  | (UploadAssetBase & {\n      kind: 'url';\n      url: string;\n    })\n  | (UploadAssetBase & {\n      kind: 'storage';\n      storageId?: string;\n      bucket: string;\n      path: string;\n      publicUrl?: string;\n    });\n\nexport interface UploadProgressContext {\n  setProgress: (progress: number | null) => void;\n}\n\nexport interface ValidateUploadAssetInput {\n  asset: UploadAsset;\n  accept?: string;\n  maxSizeBytes?: number;\n  validate?: (asset: UploadAsset) => string | undefined;\n}\n\nexport interface UploaderProps extends ZoraBaseProps {\n  value?: UploadAsset | null;\n  onChange?: (next: UploadAsset | null) => void;\n  onValueChange?: (next: UploadAsset | null) => void;\n  onUploadRequest?: (event: { asset: UploadAsset }) => void;\n  onRemoveRequest?: (event: { asset: UploadAsset }) => void;\n  onValidationError?: (event: { message: string }) => void;\n  uploadState?: 'idle' | 'uploading' | 'removing';\n  uploadProgress?: number;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  helperText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  type?: UploadType;\n  accept?: string;\n  maxSizeBytes?: number;\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  validatePicked?: (asset: UploadAsset) => string | undefined;\n  onUpload?: (asset: UploadAsset, context: UploadProgressContext) => Promise<UploadAsset>;\n  onRemove?: (current: UploadAsset) => void | Promise<void>;\n  aspectRatio?: number;\n}\n"]}

package/dist/utils/createManifestBindings.d.ts

@@ -0,0 +1,5 @@
+import type { UiComponentBindingMeta } from '@ankhorage/contracts';
+import type { ZoraComponentMeta } from '../metadata/types';
+/*** Derives scalar bindings and normalized events from explicit component authoring schemas. */
+export declare function createManifestBindings(props: ZoraComponentMeta['props'], events?: ZoraComponentMeta['events']): UiComponentBindingMeta;
+//# sourceMappingURL=createManifestBindings.d.ts.map

package/dist/utils/createManifestBindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createManifestBindings.d.ts","sourceRoot":"","sources":["../../src/utils/createManifestBindings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,gGAAgG;AAChG,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,MAAM,GAAE,iBAAiB,CAAC,QAAQ,CAAM,GACvC,sBAAsB,CAsCxB"}

package/dist/utils/createManifestBindings.js

@@ -0,0 +1,36 @@
+/*** Derives scalar bindings and normalized events from explicit component authoring schemas. */
+export function createManifestBindings(props, events = {}) {
+    return {
+        props: Object.fromEntries(Object.entries(props)
+            .filter(([, schema]) => schema.type !== 'action')
+            .map(([key, schema]) => [
+            key,
+            {
+                label: schema.label ?? key,
+                acceptsFallback: true,
+                acceptsTransforms: true,
+                value: {
+                    type: schema.type === 'boolean' || schema.type === 'number' || schema.type === 'array'
+                        ? schema.type
+                        : schema.type === 'media' || schema.type === 'imageAsset'
+                            ? 'imageAsset'
+                            : schema.type === 'spacing' || schema.type === 'radius'
+                                ? 'unknown'
+                                : schema.type === 'enum' &&
+                                    schema.enum?.length &&
+                                    schema.enum.every((value) => typeof value === 'number')
+                                    ? 'number'
+                                    : 'string',
+                },
+            },
+        ])),
+        events: Object.fromEntries(Object.entries(events).map(([key, event]) => [
+            key,
+            {
+                label: event.label,
+                payload: { eventType: event.eventType, fields: event.payloadFields ?? [] },
+            },
+        ])),
+    };
+}
+//# sourceMappingURL=createManifestBindings.js.map

package/dist/utils/createManifestBindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createManifestBindings.js","sourceRoot":"","sources":["../../src/utils/createManifestBindings.ts"],"names":[],"mappings":"AAIA,gGAAgG;AAChG,MAAM,UAAU,sBAAsB,CACpC,KAAiC,EACjC,SAAsC,EAAE;IAExC,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aAClB,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;aAChD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;YACtB,GAAG;YACH;gBACE,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG;gBAC1B,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,KAAK,EAAE;oBACL,IAAI,EACF,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO;wBAC9E,CAAC,CAAC,MAAM,CAAC,IAAI;wBACb,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY;4BACvD,CAAC,CAAC,YAAY;4BACd,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ;gCACrD,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM;oCACpB,MAAM,CAAC,IAAI,EAAE,MAAM;oCACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;oCACzD,CAAC,CAAC,QAAQ;oCACV,CAAC,CAAC,QAAQ;iBACrB;aACF;SACF,CAAC,CACL;QACD,MAAM,EAAE,MAAM,CAAC,WAAW,CACxB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;YAC3C,GAAG;YACH;gBACE,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,IAAI,EAAE,EAAE;aAC3E;SACF,CAAC,CACH;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { UiComponentBindingMeta } from '@ankhorage/contracts';\n\nimport type { ZoraComponentMeta } from '../metadata/types';\n\n/*** Derives scalar bindings and normalized events from explicit component authoring schemas. */\nexport function createManifestBindings(\n  props: ZoraComponentMeta['props'],\n  events: ZoraComponentMeta['events'] = {},\n): UiComponentBindingMeta {\n  return {\n    props: Object.fromEntries(\n      Object.entries(props)\n        .filter(([, schema]) => schema.type !== 'action')\n        .map(([key, schema]) => [\n          key,\n          {\n            label: schema.label ?? key,\n            acceptsFallback: true,\n            acceptsTransforms: true,\n            value: {\n              type:\n                schema.type === 'boolean' || schema.type === 'number' || schema.type === 'array'\n                  ? schema.type\n                  : schema.type === 'media' || schema.type === 'imageAsset'\n                    ? 'imageAsset'\n                    : schema.type === 'spacing' || schema.type === 'radius'\n                      ? 'unknown'\n                      : schema.type === 'enum' &&\n                          schema.enum?.length &&\n                          schema.enum.every((value) => typeof value === 'number')\n                        ? 'number'\n                        : 'string',\n            },\n          },\n        ]),\n    ),\n    events: Object.fromEntries(\n      Object.entries(events).map(([key, event]) => [\n        key,\n        {\n          label: event.label,\n          payload: { eventType: event.eventType, fields: event.payloadFields ?? [] },\n        },\n      ]),\n    ),\n  };\n}\n"]}

package/dist/utils/finalizeFeatureMetadata.d.ts

@@ -0,0 +1,4 @@
+import type { ZoraComponentMetaRegistry } from '../metadata/types';
+/*** Completes feature bindings while preserving each component's explicit value contracts. */
+export declare function finalizeFeatureMetadata(registry: ZoraComponentMetaRegistry): ZoraComponentMetaRegistry;
+//# sourceMappingURL=finalizeFeatureMetadata.d.ts.map

package/dist/utils/finalizeFeatureMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalizeFeatureMetadata.d.ts","sourceRoot":"","sources":["../../src/utils/finalizeFeatureMetadata.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,8FAA8F;AAC9F,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,yBAAyB,GAClC,yBAAyB,CAkB3B"}

package/dist/utils/finalizeFeatureMetadata.js

@@ -0,0 +1,22 @@
+import { FEATURE_MANIFEST_ELEMENTS } from '../constants';
+import { createManifestBindings } from './createManifestBindings';
+/*** Completes feature bindings while preserving each component's explicit value contracts. */
+export function finalizeFeatureMetadata(registry) {
+    const names = new Set(Object.values(FEATURE_MANIFEST_ELEMENTS).flat());
+    return Object.fromEntries(Object.entries(registry).map(([name, meta]) => {
+        if (!names.has(name))
+            return [name, meta];
+        const bindings = createManifestBindings(meta.props, meta.events);
+        return [
+            name,
+            {
+                ...meta,
+                bindings: {
+                    props: { ...bindings.props, ...meta.bindings?.props },
+                    events: { ...bindings.events, ...meta.bindings?.events },
+                },
+            },
+        ];
+    }));
+}
+//# sourceMappingURL=finalizeFeatureMetadata.js.map

package/dist/utils/finalizeFeatureMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalizeFeatureMetadata.js","sourceRoot":"","sources":["../../src/utils/finalizeFeatureMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,8FAA8F;AAC9F,MAAM,UAAU,uBAAuB,CACrC,QAAmC;IAEnC,MAAM,KAAK,GAAwB,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5F,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,MAAM,QAAQ,GAAG,sBAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACjE,OAAO;YACL,IAAI;YACJ;gBACE,GAAG,IAAI;gBACP,QAAQ,EAAE;oBACR,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE;oBACrD,MAAM,EAAE,EAAE,GAAG,QAAQ,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE;iBACzD;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { FEATURE_MANIFEST_ELEMENTS } from '../constants';\nimport type { ZoraComponentMetaRegistry } from '../metadata/types';\nimport { createManifestBindings } from './createManifestBindings';\n\n/*** Completes feature bindings while preserving each component's explicit value contracts. */\nexport function finalizeFeatureMetadata(\n  registry: ZoraComponentMetaRegistry,\n): ZoraComponentMetaRegistry {\n  const names: ReadonlySet<string> = new Set(Object.values(FEATURE_MANIFEST_ELEMENTS).flat());\n  return Object.fromEntries(\n    Object.entries(registry).map(([name, meta]) => {\n      if (!names.has(name)) return [name, meta];\n      const bindings = createManifestBindings(meta.props, meta.events);\n      return [\n        name,\n        {\n          ...meta,\n          bindings: {\n            props: { ...bindings.props, ...meta.bindings?.props },\n            events: { ...bindings.events, ...meta.bindings?.events },\n          },\n        },\n      ];\n    }),\n  );\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "7.0.0",
+  "version": "9.0.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/audit.test.ts

@@ -136,19 +136,19 @@ describe('Plan 5 audit — product-facing src imports ZORA foundation, not Surfa
     join(SRC_ROOT, 'internal'),
     // Explicit Surface primitive wrappers.
     join(SRC_ROOT, 'components', 'checkbox', 'Checkbox.tsx'),
-    join(SRC_ROOT, 'components', 'icon', 'Icon.tsx'),
-    join(SRC_ROOT, 'components', 'icon-button', 'IconButton.tsx'),
+    join(SRC_ROOT, 'features', 'icon', 'adapters', 'inbound', 'Icon.tsx'),
+    join(SRC_ROOT, 'features', 'button', 'adapters', 'inbound', 'IconButton.tsx'),
     join(SRC_ROOT, 'components', 'modal', 'Modal.tsx'),
-    join(SRC_ROOT, 'components', 'textarea', 'Textarea.tsx'),
-    join(SRC_ROOT, 'components', 'text', 'Text.tsx'),
+    join(SRC_ROOT, 'features', 'form', 'text-input', 'adapters', 'inbound', 'TextInput.tsx'),
+    join(SRC_ROOT, 'features', 'typography', 'adapters', 'inbound', 'Text.tsx'),
     join(SRC_ROOT, 'components', 'form', 'FormField.tsx'),
     join(SRC_ROOT, 'patterns', 'form-field', 'FormField.tsx'),
     // Type-only imports that intentionally expose Surface-compatible prop specs.
     join(SRC_ROOT, 'components', 'checkbox', 'types.ts'),
     join(SRC_ROOT, 'components', 'form', 'types.ts'),
-    join(SRC_ROOT, 'components', 'icon-button', 'types.ts'),
+    join(SRC_ROOT, 'types', 'icon-button.ts'),
     join(SRC_ROOT, 'components', 'tabs', 'types.ts'),
-    join(SRC_ROOT, 'components', 'text', 'types.ts'),
+    join(SRC_ROOT, 'types', 'text.ts'),
     join(SRC_ROOT, 'components', 'textarea', 'types.ts'),
     join(SRC_ROOT, 'components', 'toolbar', 'types.ts'),
     join(SRC_ROOT, 'patterns', 'form-field', 'types.ts'),

package/src/components/app-bar/AppBar.tsx

@@ -1,12 +1,13 @@
 import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';
 import React from 'react';
 
-import { Box, Inline, Stack } from '../../foundation';
+import { IconButton } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Heading } from '../../features/typography/public';
+import { Text } from '../../features/typography/public';
+import { Inline } from '../../foundation';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Heading } from '../heading';
-import { IconButton } from '../icon-button';
-import { Text } from '../text';
 import type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';
 
 const DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;

package/src/components/breadcrumbs/Breadcrumbs.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
+import { Button } from '../../features/button/public';
+import { Icon } from '../../features/icon/public';
+import { Text } from '../../features/typography/public';
 import { Inline } from '../../foundation';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Icon } from '../icon';
-import { Text } from '../text';
 import type { BreadcrumbItem, BreadcrumbsProps } from './types';
 
 type BreadcrumbRenderItem =

package/src/components/contentFallback.test.ts

@@ -3,8 +3,14 @@ import { join } from 'node:path';
 
 import { describe, expect, it } from 'bun:test';
 
-const textSource = readFileSync(join(import.meta.dir, 'text', 'Text.tsx'), 'utf8');
-const headingSource = readFileSync(join(import.meta.dir, 'heading', 'Heading.tsx'), 'utf8');
+const textSource = readFileSync(
+  join(import.meta.dir, '../features/typography/adapters/inbound/Text.tsx'),
+  'utf8',
+);
+const headingSource = readFileSync(
+  join(import.meta.dir, '../features/typography/adapters/inbound/Heading.tsx'),
+  'utf8',
+);
 
 describe('content fallback ownership', () => {
   it('keeps Text free of translation context coupling', () => {

package/src/components/date-picker/DatePicker.tsx

@@ -2,10 +2,10 @@ import { Field } from '@ankhorage/surface';
 import React from 'react';
 
 import { useBottomSheet } from '../../features/bottom-sheet/public';
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Text } from '../text';
 import type { DatePickerProps } from './types';
 
 const WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;

package/src/components/form/Form.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Box, Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { FormActions } from './FormActions';
 import { FormError } from './FormError';

package/src/components/form/FormActions.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
 import type { FormActionsProps } from './types';
 
 function FormActionsInner({

package/src/components/form/FormError.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Text } from '../text';
 import type { FormErrorProps } from './types';
 
 function FormErrorInner({

package/src/components/form/FormField.tsx

@@ -1,10 +1,10 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { TextInput } from '../../features/form/text-input/public';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Input } from '../input';
-import { Text } from '../text';
 import type { FormFieldConfig, FormFieldControlProps, FormFieldProps } from './types';
 import { hasRequiredRule } from './validation';
 
@@ -131,7 +131,7 @@ function FormFieldInner<TName extends string = string>(props: FormFieldProps<TNa
       required={required}
       testID={testID ?? field.testID}
     >
-      <Input
+      <TextInput
         accessibilityLabel={typeof field.label === 'string' ? field.label : undefined}
         autoCapitalize={resolveAutoCapitalize(field)}
         autoComplete={field.autoComplete}

package/src/components/form/meta.ts

@@ -46,7 +46,7 @@ export const formFieldMeta = {
   name: 'FormField',
   category: 'component',
   directManifestNode: true,
-  allowedChildren: ['Input', 'Textarea'],
+  allowedChildren: ['TextInput'],
   blueprint: {
     label: 'Form field',
     defaultProps: {

package/src/components/form/types.ts

@@ -2,7 +2,7 @@ import type { FieldProps as SurfaceFieldProps } from '@ankhorage/surface';
 import type React from 'react';
 
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-import type { InputProps } from '../input';
+import type { TextInputProps } from '../../types/text-input';
 
 export type ValidationRule =
   | { kind: 'required'; message?: string }
@@ -25,14 +25,14 @@ export interface FormFieldConfig<TName extends string = string> {
   type?: FormFieldInputType;
   placeholder?: string;
   rules?: readonly ValidationRule[];
-  autoCapitalize?: InputProps['autoCapitalize'];
-  autoComplete?: InputProps['autoComplete'];
-  keyboardType?: InputProps['keyboardType'];
-  maxLength?: InputProps['maxLength'];
+  autoCapitalize?: TextInputProps['autoCapitalize'];
+  autoComplete?: TextInputProps['autoComplete'];
+  keyboardType?: TextInputProps['keyboardType'];
+  maxLength?: TextInputProps['maxLength'];
   readOnly?: boolean;
   required?: boolean;
   secureTextEntry?: boolean;
-  textContentType?: InputProps['textContentType'];
+  textContentType?: TextInputProps['textContentType'];
   disabled?: boolean;
   testID?: string;
 }

package/src/components/gradient/Gradient.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { useGradientRenderer } from './GradientRendererContext';
 import type { GradientProps } from './types';

package/src/components/gradient/types.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
-import type { BoxProps } from '../../foundation';
+import type { BoxProps } from '../../features/layout/public';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
 export type GradientColor = string;

package/src/components/menu/Menu.tsx

@@ -1,11 +1,11 @@
 import { Menu as SurfaceMenu, type MenuAction as SurfaceMenuAction } from '@ankhorage/surface';
 import React, { useMemo } from 'react';
 
-import { Box } from '../../foundation';
+import { Icon } from '../../features/icon/public';
+import { Box } from '../../features/layout/public';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
 import type { MenuAction, MenuProps } from './types';
 
 function renderActionLeading(action: MenuAction, iconColor: string) {

package/src/components/modal/Modal.tsx

@@ -1,11 +1,11 @@
 import { Modal as SurfaceModal } from '@ankhorage/surface';
 import React, { useCallback, useEffect, useRef } from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Box, Stack } from '../../features/layout/public';
+import { Heading } from '../../features/typography/public';
+import { Text } from '../../features/typography/public';
 import { resolveDialogWidth } from '../../internal/recipes';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Heading } from '../heading';
-import { Text } from '../text';
 import type { ModalProps } from './types';
 
 function useStableCallback(callback: (() => void) | undefined): (() => void) | undefined {

package/src/components/pagination/Pagination.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Text } from '../text';
 import type { PaginationProps } from './types';
 
 type PaginationItem = number | 'ellipsis';

package/src/components/rating/Rating.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
+import { Icon } from '../../features/icon/public';
 import { Inline } from '../../foundation';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
 import { resolveRatingSegments } from './resolveRatingSegments';
 import { type RatingProps, resolveRatingRole } from './types';
 

package/src/components/search-bar/SearchBar.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
+import { TextInput, type TextInputTrailingAction } from '../../features/form/text-input/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Input, type InputTrailingAction } from '../input';
 import type { SearchBarProps } from './types';
 
 function SearchBarInner({
@@ -21,7 +21,7 @@ function SearchBarInner({
 }: SearchBarProps) {
   const passive = interactionPolicy === 'passive';
 
-  const trailingAction: InputTrailingAction | undefined =
+  const trailingAction: TextInputTrailingAction | undefined =
     clearable && value.length > 0
       ? {
           icon: { name: 'close-circle' },
@@ -36,7 +36,7 @@ function SearchBarInner({
       : undefined;
 
   return (
-    <Input
+    <TextInput
       disabled={disabled}
       interactionPolicy={interactionPolicy}
       leadingIcon={{ name: 'search-outline' }}

package/src/components/select/Select.tsx

@@ -2,7 +2,7 @@ import { Picker } from '@react-native-picker/picker';
 import React from 'react';
 import { View } from 'react-native';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { SelectProps } from './types';

package/src/components/skeleton/Skeleton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { SkeletonProps } from './types';

package/src/components/skeleton/SkeletonCard.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { ButtonGroup } from '../../features/button/public';
+import { Card } from '../../features/card/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { ButtonGroup } from '../button-group';
-import { Card } from '../card';
 import { Skeleton } from './Skeleton';
 import { SkeletonText } from './SkeletonText';
 import type { SkeletonCardProps } from './types';

package/src/components/skeleton/SkeletonText.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Skeleton } from './Skeleton';
 import type { SkeletonTextProps } from './types';

package/src/components/skeleton/types.ts

@@ -1,4 +1,4 @@
-import type { BoxProps, StackProps } from '../../foundation';
+import type { BoxProps, StackProps } from '../../features/layout/public';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
 export type SkeletonRadius = BoxProps['radius'];

package/src/components/tabs/Tabs.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Text } from '../text';
 import type { TabItem, TabsProps } from './types';
 
 function TabsInner<TValue extends string = string>({