@ankhorage/zora 5.0.0 → 7.0.0

package/src/features/uploader/application/use-cases/validateUploadAsset.ts

@@ -0,0 +1,111 @@
+import type { ValidateUploadAssetInput } from '../../../../types/upload';
+
+/*** Validates a picked upload asset against MIME, extension, size, and caller rules. */
+export function validateUploadAsset({
+  asset,
+  accept,
+  maxSizeBytes,
+  validate,
+}: ValidateUploadAssetInput): string | undefined {
+  if (!isAccepted(asset.contentType, asset.fileName, accept)) {
+    return accept ? `File type not accepted. Expected ${accept}.` : 'File type not accepted.';
+  }
+
+  if (
+    maxSizeBytes !== undefined &&
+    Number.isFinite(maxSizeBytes) &&
+    maxSizeBytes > 0 &&
+    asset.sizeBytes !== undefined &&
+    Number.isFinite(asset.sizeBytes) &&
+    asset.sizeBytes > maxSizeBytes
+  ) {
+    return `File is too large (${formatBytes(asset.sizeBytes)}). Max ${formatBytes(maxSizeBytes)}.`;
+  }
+
+  return validate?.(asset);
+}
+
+/*** Returns whether available file metadata satisfies at least one accept token. */
+function isAccepted(
+  contentType: string | undefined,
+  fileName: string | undefined,
+  accept: string | undefined,
+): boolean {
+  const tokens = parseAccept(accept);
+  if (tokens.length === 0) {
+    return true;
+  }
+
+  let hadSignal = false;
+
+  for (const token of tokens) {
+    const matches = matchesAcceptToken(token, contentType, fileName);
+    if (matches === null) {
+      continue;
+    }
+
+    hadSignal = true;
+    if (matches) {
+      return true;
+    }
+  }
+
+  return !hadSignal;
+}
+
+/*** Matches one MIME or extension accept token against available file metadata. */
+function matchesAcceptToken(
+  token: string,
+  contentType: string | undefined,
+  fileName: string | undefined,
+): boolean | null {
+  const normalizedToken = token.toLowerCase();
+  const normalizedContentType = contentType?.toLowerCase();
+  const normalizedFileName = fileName?.toLowerCase();
+
+  if (normalizedToken.startsWith('.')) {
+    return normalizedFileName ? normalizedFileName.endsWith(normalizedToken) : null;
+  }
+
+  if (normalizedToken.endsWith('/*')) {
+    if (!normalizedContentType) {
+      return null;
+    }
+
+    return normalizedContentType.startsWith(normalizedToken.slice(0, -1));
+  }
+
+  return normalizedContentType ? normalizedContentType === normalizedToken : null;
+}
+
+/*** Parses a browser-style accept string into normalized non-empty tokens. */
+function parseAccept(accept: string | undefined): readonly string[] {
+  if (!accept) {
+    return [];
+  }
+
+  return accept
+    .split(',')
+    .map((token) => token.trim())
+    .filter((token) => token.length > 0);
+}
+
+/*** Formats a byte count for concise upload validation feedback. */
+function formatBytes(value: number): string {
+  if (!Number.isFinite(value) || value <= 0) {
+    return '0 B';
+  }
+
+  const units = ['B', 'KB', 'MB', 'GB'] as const;
+  let size = value;
+  let unitIndex = 0;
+
+  while (size >= 1024 && unitIndex < units.length - 1) {
+    size /= 1024;
+    unitIndex += 1;
+  }
+
+  const unit = units.at(unitIndex) ?? 'B';
+  const rounded = unitIndex === 0 ? Math.round(size) : Math.round(size * 10) / 10;
+  return `${rounded} ${unit}`;
+}

package/src/features/uploader/composition/createUploadPicker.ts

@@ -0,0 +1,14 @@
+import { pickDocumentOrFileAsync } from '../adapters/outbound/pickDocumentOrFileAsync';
+import { pickImageOrVideoAsync } from '../adapters/outbound/pickImageOrVideoAsync';
+import type { UploadPickerPort } from '../application/ports/outbound/UploadPickerPort';
+import { pickUploadAssetAsync } from '../application/use-cases/pickUploadAssetAsync';
+
+/*** Wires the Expo picker adapters into the generic upload picker use case. */
+export function createUploadPicker(): UploadPickerPort {
+  const imageOrVideoPicker: UploadPickerPort = { pickAsync: pickImageOrVideoAsync };
+  const documentOrFilePicker: UploadPickerPort = { pickAsync: pickDocumentOrFileAsync };
+
+  return {
+    pickAsync: (input) => pickUploadAssetAsync(input, imageOrVideoPicker, documentOrFilePicker),
+  };
+}

package/src/features/uploader/meta.ts

@@ -0,0 +1,11 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const uploaderMeta = {
+  name: 'Uploader',
+  category: 'pattern',
+  description: 'Picks and manages one image, video, document, or generic file upload.',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Upload transport callbacks remain runtime-owned and are not serialized into AppManifest.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

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

@@ -0,0 +1,34 @@
+import { describe, expect, test } from 'bun:test';
+
+describe('ZORA Uploader public contract', () => {
+  test('publishes the generic uploader through root and explicit subpath APIs', async () => {
+    const packageJson = (await Bun.file('package.json').json()) as {
+      dependencies: Readonly<Record<string, string>>;
+      exports: Readonly<Record<string, unknown>>;
+    };
+    const [rootSource, publicSource] = await Promise.all([
+      Bun.file('src/index.ts').text(),
+      Bun.file('src/features/uploader/public.ts').text(),
+    ]);
+
+    expect(packageJson.exports['./uploader']).toBeDefined();
+    expect(packageJson.dependencies['expo-image-picker']).toMatch(/^~57\./u);
+    expect(packageJson.dependencies['expo-document-picker']).toMatch(/^~57\./u);
+    expect(rootSource).toContain("from './features/uploader/public'");
+    expect(publicSource).toContain('export { Uploader }');
+    expect(publicSource).toContain('export { validateUploadAsset }');
+  });
+
+  test('removes the superseded image preview and upload field APIs', async () => {
+    const [rootSource, registrySource, metadataSource] = await Promise.all([
+      Bun.file('src/index.ts').text(),
+      Bun.file('src/registry.ts').text(),
+      Bun.file('src/metadata/componentMeta.ts').text(),
+    ]);
+    const publicSurface = `${rootSource}\n${registrySource}\n${metadataSource}`;
+
+    expect(publicSurface).not.toContain('ImagePreview');
+    expect(publicSurface).not.toContain('ImageUploadField');
+    expect(publicSurface).toContain('Uploader');
+  });
+});

package/src/features/uploader/public.ts

@@ -0,0 +1,10 @@
+export type {
+  UploadAsset,
+  UploadAssetBase,
+  UploaderProps,
+  UploadProgressContext,
+  UploadType,
+  ValidateUploadAssetInput,
+} from '../../types/upload';
+export { Uploader } from './adapters/inbound/Uploader';
+export { validateUploadAsset } from './application/use-cases/validateUploadAsset';

package/src/index.ts

@@ -1,5 +1,3 @@
-export type { ActionSheetItemProps, ActionSheetProps } from './components/action-sheet';
-export { ActionSheet, ActionSheetItem } from './components/action-sheet';
 export type { AppBarMode, AppBarOverflowAction, AppBarProps } from './components/app-bar';
 export { AppBar } from './components/app-bar';
 export type { AvatarProps, AvatarShape, AvatarSize } from './components/avatar';
@@ -148,6 +146,15 @@ export type { ToolbarActionProps, ToolbarPosition, ToolbarProps } from './compon
 export { Toolbar, ToolbarAction } from './components/toolbar';
 export { ZORA_CORE_PLUGIN } from './corePlugin';
 export { ZORA_CORE_PLUGIN_METADATA } from './corePluginMetadata';
+export type {
+  UploadAsset,
+  UploadAssetBase,
+  UploaderProps,
+  UploadProgressContext,
+  UploadType,
+  ValidateUploadAssetInput,
+} from './features/uploader/public';
+export { Uploader, validateUploadAsset } from './features/uploader/public';
 export type {
   BoxProps,
   CenterProps,
@@ -286,18 +293,6 @@ export type { FilterBarProps } from './patterns/filter-bar';
 export { FilterBar } from './patterns/filter-bar';
 export type { HeroAction, HeroAlign, HeroLayout, HeroProps, HeroTone } from './patterns/hero';
 export { Hero } from './patterns/hero';
-export type {
-  ImagePreviewProps,
-  ZoraImageAsset,
-  ZoraImageMetadata,
-} from './patterns/image-preview';
-export { ImagePreview } from './patterns/image-preview';
-export type {
-  ImageUploadFieldProps,
-  ImageUploadProgressContext,
-  ZoraPickedImage,
-} from './patterns/image-upload-field';
-export { ImageUploadField } from './patterns/image-upload-field';
 export type { InspectorFieldProps } from './patterns/inspector-field';
 export { InspectorField } from './patterns/inspector-field';
 export type {

package/src/metadata/componentMeta.ts

@@ -1,4 +1,3 @@
-import { actionSheetItemMeta, actionSheetMeta } from '../components/action-sheet/meta';
 import { appBarMeta } from '../components/app-bar/meta';
 import { avatarMeta } from '../components/avatar/meta';
 import { avatarGroupMeta } from '../components/avatar-group/meta';
@@ -42,6 +41,7 @@ import { textareaMeta } from '../components/textarea/meta';
 import { timePickerMeta } from '../components/time-picker/meta';
 import { toastMeta, toastProviderMeta } from '../components/toast/meta';
 import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
+import { uploaderMeta } from '../features/uploader/meta';
 import { foundationMetas } from '../foundation/meta';
 import { appShellMeta } from '../layout/app-shell/meta';
 import { screenMeta } from '../layout/screen/meta';
@@ -65,8 +65,6 @@ import { disclosureSectionMeta } from '../patterns/disclosure-section/meta';
 import { emptyStateMeta } from '../patterns/empty-state/meta';
 import { filterBarMeta } from '../patterns/filter-bar/meta';
 import { heroMeta } from '../patterns/hero/meta';
-import { imagePreviewMeta } from '../patterns/image-preview/meta';
-import { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';
 import { inspectorFieldMeta } from '../patterns/inspector-field/meta';
 import { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';
 import { messageBubbleMeta } from '../patterns/message-bubble/meta';
@@ -94,8 +92,6 @@ import type { ZoraComponentMetaRegistry } from './types';
 
 export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   ...foundationMetas,
-  ActionSheet: actionSheetMeta,
-  ActionSheetItem: actionSheetItemMeta,
   AppBar: appBarMeta,
   Avatar: avatarMeta,
   AvatarGroup: avatarGroupMeta,
@@ -146,6 +142,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   ToastProvider: toastProviderMeta,
   Toolbar: toolbarMeta,
   ToolbarAction: toolbarActionMeta,
+  Uploader: uploaderMeta,
   ThemeModeToggle: themeModeToggleMeta,
   AppShell: appShellMeta,
   Screen: screenMeta,
@@ -167,8 +164,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   EmptyState: emptyStateMeta,
   FilterBar: filterBarMeta,
   Hero: heroMeta,
-  ImagePreview: imagePreviewMeta,
-  ImageUploadField: imageUploadFieldMeta,
   InspectorField: inspectorFieldMeta,
   List: listMeta,
   ListRow: listRowMeta,

package/src/platformAcceptance.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'bun:test';
 
-test('passes the isolated Surface 3 and RN Web 0.21 acceptance suite', () => {
+test('passes the isolated Surface 4 and RN Web 0.21 acceptance suite', () => {
   const subprocess = Bun.spawnSync({
     cmd: [process.execPath, 'test', 'test-fixtures/platformAcceptance.test.tsx'],
     stderr: 'pipe',

package/src/registry.test.ts

@@ -55,7 +55,7 @@ async function listPublicConcreteComponentExports(): Promise<readonly string[]>
   const source = await Bun.file('src/index.ts').text();
   const componentExports = Array.from(
     source.matchAll(
-      /export\s+\{([^}]+)\}\s+from '\.\/(components\/[^']+|foundation|layout\/[^']+|patterns\/[^']+)';/g,
+      /export\s+\{([^}]+)\}\s+from '\.\/(components\/[^']+|features\/[^']+|foundation|layout\/[^']+|patterns\/[^']+)';/g,
     ),
   )
     .flatMap((match) => match[1].split(',').map((item) => item.trim()))

package/src/registry.ts

@@ -1,7 +1,6 @@
 import type { InteractionPolicyProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import { ActionSheet, ActionSheetItem } from './components/action-sheet';
 import { AppBar } from './components/app-bar';
 import { Avatar } from './components/avatar';
 import { AvatarGroup } from './components/avatar-group';
@@ -40,6 +39,7 @@ import { Textarea } from './components/textarea';
 import { TimePicker } from './components/time-picker';
 import { Toast } from './components/toast';
 import { Toolbar, ToolbarAction } from './components/toolbar';
+import { Uploader } from './features/uploader/public';
 import {
   Box,
   Center,
@@ -74,8 +74,6 @@ import { DisclosureSection } from './patterns/disclosure-section';
 import { EmptyState } from './patterns/empty-state';
 import { FilterBar } from './patterns/filter-bar';
 import { Hero } from './patterns/hero';
-import { ImagePreview } from './patterns/image-preview';
-import { ImageUploadField } from './patterns/image-upload-field';
 import { InspectorField } from './patterns/inspector-field';
 import { List, ListRow, ListSection } from './patterns/list';
 import { MessageBubble } from './patterns/message-bubble';
@@ -122,8 +120,6 @@ type _RegistryInteractionPolicyCheck = _AssertTrue<
 >;
 
 const _ZORA_COMPONENT_REGISTRY = {
-  ActionSheet,
-  ActionSheetItem,
   AppBar,
   Avatar,
   AvatarGroup,
@@ -173,6 +169,7 @@ const _ZORA_COMPONENT_REGISTRY = {
   Toast,
   Toolbar,
   ToolbarAction,
+  Uploader,
   ThemeModeToggle,
   Box,
   Center,
@@ -204,8 +201,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   EmptyState,
   FilterBar,
   Hero,
-  ImagePreview,
-  ImageUploadField,
   InspectorField,
   List,
   ListRow,

package/src/showcaseCoverage.test.ts

@@ -65,6 +65,7 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'Stack',
     'Surface',
   ],
+  features: ['Uploader'],
   layouts: [
     'AppShell',
     'Screen',
@@ -90,8 +91,6 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'ListRow',
     'ListSection',
     'InspectorField',
-    'ImagePreview',
-    'ImageUploadField',
     'Notice',
     'Panel',
     'ReaderSurface',

package/src/theme/ZoraProvider.tsx

@@ -1,5 +1,6 @@
 import type { ThemeConfig } from '@ankhorage/contracts';
 import { ThemeProvider } from '@ankhorage/surface';
+import { BottomSheetProvider } from '@ankhorage/surface/bottom-sheet';
 import React from 'react';
 
 import { createZoraThemeConfig } from './createZoraThemeConfig';
@@ -14,7 +15,7 @@ export interface ZoraProviderProps {
   initialMode?: ZoraThemeMode;
 }
 
-/** Installs the ZORA theme runtime and underlying Surface theme provider. */
+/** Installs the ZORA theme runtime, Surface theme, and shared bottom-sheet controller. */
 export function ZoraProvider({
   children,
   theme = zoraDefaultTheme,
@@ -30,7 +31,7 @@ export function ZoraProvider({
   return (
     <ZoraThemeRuntimeContext.Provider value={runtimeValue}>
       <ThemeProvider initialConfig={resolvedConfig} initialMode={initialMode}>
-        {children}
+        <BottomSheetProvider>{children}</BottomSheetProvider>
       </ThemeProvider>
     </ZoraThemeRuntimeContext.Provider>
   );

package/src/types/upload.ts

@@ -0,0 +1,62 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export type UploadType = 'image' | 'video' | 'document' | 'file';
+
+export interface UploadAssetBase {
+  fileName?: string;
+  sizeBytes?: number;
+  contentType?: string;
+  width?: number;
+  height?: number;
+  alt?: string;
+  createdAt?: string;
+}
+
+export type UploadAsset =
+  | (UploadAssetBase & {
+      kind: 'local';
+      uri: string;
+    })
+  | (UploadAssetBase & {
+      kind: 'url';
+      url: string;
+    })
+  | (UploadAssetBase & {
+      kind: 'storage';
+      storageId?: string;
+      bucket: string;
+      path: string;
+      publicUrl?: string;
+    });
+
+export interface UploadProgressContext {
+  setProgress: (progress: number | null) => void;
+}
+
+export interface ValidateUploadAssetInput {
+  asset: UploadAsset;
+  accept?: string;
+  maxSizeBytes?: number;
+  validate?: (asset: UploadAsset) => string | undefined;
+}
+
+export interface UploaderProps extends ZoraBaseProps {
+  value: UploadAsset | null;
+  onChange: (next: UploadAsset | null) => void;
+  label: React.ReactNode;
+  description?: React.ReactNode;
+  helperText?: React.ReactNode;
+  errorText?: React.ReactNode;
+  type?: UploadType;
+  accept?: string;
+  maxSizeBytes?: number;
+  required?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  validatePicked?: (asset: UploadAsset) => string | undefined;
+  onUpload?: (asset: UploadAsset, context: UploadProgressContext) => Promise<UploadAsset>;
+  onRemove?: (current: UploadAsset) => void | Promise<void>;
+  aspectRatio?: number;
+}

package/dist/components/action-sheet/ActionSheet.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ActionSheetProps } from './types';
-/***
- * Presents a modal bottom sheet with a list of actions.
- */
-export declare const ActionSheet: (props: ActionSheetProps) => React.ReactElement | null;
-//# sourceMappingURL=ActionSheet.d.ts.map

package/dist/components/action-sheet/ActionSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD;;GAEG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/components/action-sheet/ActionSheet.js

@@ -1,11 +0,0 @@
-import { ActionSheet as SurfaceActionSheet } from '@ankhorage/surface';
-import React from 'react';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }) {
-    return <SurfaceActionSheet {...props}/>;
-}
-/***
- * Presents a modal bottom sheet with a list of actions.
- */
-export const ActionSheet = withZoraThemeScope(ActionSheetInner);
-//# sourceMappingURL=ActionSheet.js.map

package/dist/components/action-sheet/ActionSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IACtF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC3C,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { ActionSheet as SurfaceActionSheet } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ActionSheetProps } from './types';\n\nfunction ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }: ActionSheetProps) {\n  return <SurfaceActionSheet {...props} />;\n}\n\n/***\n * Presents a modal bottom sheet with a list of actions.\n */\nexport const ActionSheet = withZoraThemeScope(ActionSheetInner);\n"]}

package/dist/components/action-sheet/ActionSheetItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ActionSheetItemProps } from './types';
-/***
- * Renders a single selectable action row within an `ActionSheet`.
- */
-export declare const ActionSheetItem: (props: ActionSheetItemProps) => React.ReactElement | null;
-//# sourceMappingURL=ActionSheetItem.d.ts.map

package/dist/components/action-sheet/ActionSheetItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAmBpD;;GAEG;AACH,eAAO,MAAM,eAAe,4DAA2C,CAAC"}

package/dist/components/action-sheet/ActionSheetItem.js

@@ -1,17 +0,0 @@
-import { ActionSheetItem as SurfaceActionSheetItem } from '@ankhorage/surface';
-import React from 'react';
-import { resolveIconSize } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
-function ActionSheetItemInner({ themeId: _themeId, mode: _mode, icon, leading, ...props }) {
-    const { theme } = useZoraTheme();
-    const resolvedLeading = leading ??
-        (icon ? (<Icon {...icon} color={theme.semantics.content.muted} size={resolveIconSize('s')}/>) : undefined);
-    return <SurfaceActionSheetItem {...props} leading={resolvedLeading}/>;
-}
-/***
- * Renders a single selectable action row within an `ActionSheet`.
- */
-export const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);
-//# sourceMappingURL=ActionSheetItem.js.map

package/dist/components/action-sheet/ActionSheetItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACa;IACrB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,eAAe,GACnB,OAAO;QACP,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CACrF,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEjB,OAAO,CAAC,sBAAsB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,EAAG,CAAC;AACzE,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["import { ActionSheetItem as SurfaceActionSheetItem } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport type { ActionSheetItemProps } from './types';\n\nfunction ActionSheetItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  icon,\n  leading,\n  ...props\n}: ActionSheetItemProps) {\n  const { theme } = useZoraTheme();\n  const resolvedLeading =\n    leading ??\n    (icon ? (\n      <Icon {...icon} color={theme.semantics.content.muted} size={resolveIconSize('s')} />\n    ) : undefined);\n\n  return <SurfaceActionSheetItem {...props} leading={resolvedLeading} />;\n}\n\n/***\n * Renders a single selectable action row within an `ActionSheet`.\n */\nexport const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);\n"]}

package/dist/components/action-sheet/index.d.ts

@@ -1,4 +0,0 @@
-export { ActionSheet } from './ActionSheet';
-export { ActionSheetItem } from './ActionSheetItem';
-export type { ActionSheetItemProps, ActionSheetProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/action-sheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/action-sheet/index.js

@@ -1,3 +0,0 @@
-export { ActionSheet } from './ActionSheet';
-export { ActionSheetItem } from './ActionSheetItem';
-//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/action-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { ActionSheet } from './ActionSheet';\nexport { ActionSheetItem } from './ActionSheetItem';\nexport type { ActionSheetItemProps, ActionSheetProps } from './types';\n"]}

package/dist/components/action-sheet/meta.d.ts

@@ -1,17 +0,0 @@
-export declare const actionSheetMeta: {
-    readonly name: "ActionSheet";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Surface-backed contextual action sheet; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-export declare const actionSheetItemMeta: {
-    readonly name: "ActionSheetItem";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Surface-backed contextual action sheet row; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/action-sheet/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC;AAEvC,eAAO,MAAM,mBAAmB;;;;;;;CAOM,CAAC"}

package/dist/components/action-sheet/meta.js

@@ -1,17 +0,0 @@
-export const actionSheetMeta = {
-    name: 'ActionSheet',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Surface-backed contextual action sheet; not represented as a manifest node in v1.',
-    props: {},
-};
-export const actionSheetItemMeta = {
-    name: 'ActionSheetItem',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Surface-backed contextual action sheet row; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/action-sheet/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/action-sheet/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,mFAAmF;IACzF,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,iBAAiB;IACvB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,uFAAuF;IAC7F,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const actionSheetMeta = {\n  name: 'ActionSheet',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Surface-backed contextual action sheet; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const actionSheetItemMeta = {\n  name: 'ActionSheetItem',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Surface-backed contextual action sheet row; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/action-sheet/types.d.ts

@@ -1,13 +0,0 @@
-import type { ActionSheetItemProps as SurfaceActionSheetItemProps, ActionSheetProps as SurfaceActionSheetProps, ButtonIconSpec } from '@ankhorage/surface';
-import type React from 'react';
-import type { ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface ActionSheetProps extends ZoraBaseProps, Omit<SurfaceActionSheetProps, 'children' | 'mode' | 'themeId'> {
-    children?: React.ReactNode;
-}
-export interface ActionSheetItemProps extends ZoraBaseProps, Omit<SurfaceActionSheetItemProps, 'color' | 'leading' | 'mode' | 'themeId'> {
-    color?: ZoraColor;
-    icon?: ButtonIconSpec;
-    leading?: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/action-sheet/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,IAAI,2BAA2B,EACnD,gBAAgB,IAAI,uBAAuB,EAC3C,cAAc,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,gBACf,SAAQ,aAAa,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,oBACf,SACE,aAAa,EACb,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/components/action-sheet/types.js

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

package/dist/components/action-sheet/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ActionSheetItemProps as SurfaceActionSheetItemProps,\n  ActionSheetProps as SurfaceActionSheetProps,\n  ButtonIconSpec,\n} from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraColor } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ActionSheetProps\n  extends ZoraBaseProps, Omit<SurfaceActionSheetProps, 'children' | 'mode' | 'themeId'> {\n  children?: React.ReactNode;\n}\n\nexport interface ActionSheetItemProps\n  extends\n    ZoraBaseProps,\n    Omit<SurfaceActionSheetItemProps, 'color' | 'leading' | 'mode' | 'themeId'> {\n  color?: ZoraColor;\n  icon?: ButtonIconSpec;\n  leading?: React.ReactNode;\n}\n"]}

package/dist/patterns/image-preview/ImagePreview.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ImagePreviewProps } from './types';
-/***
- * Preview pattern for showing an image with optional metadata and actions.
- *
- 
- */
-export declare const ImagePreview: (props: ImagePreviewProps) => React.ReactElement | null;
-//# sourceMappingURL=ImagePreview.d.ts.map

package/dist/patterns/image-preview/ImagePreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePreview.d.ts","sourceRoot":"","sources":["../../../src/patterns/image-preview/ImagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAqEjE;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAAwC,CAAC"}