@ankhorage/zora 1.3.0 → 1.4.0

package/src/metadata/componentMeta.test.ts

@@ -0,0 +1,204 @@
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { describe, expect, test } from 'bun:test';
+
+import { ZORA_COMPONENT_META } from './componentMeta';
+
+const ROOT = process.cwd();
+const SRC_ROOT = join(ROOT, 'src');
+
+const INDEX_PATH = join(SRC_ROOT, 'index.ts');
+const THEME_INDEX_PATH = join(SRC_ROOT, 'theme', 'index.ts');
+
+function parseReexportBlocks(source: string): { names: string[]; from: string; isType: boolean }[] {
+  const pattern = /\bexport\s+(type\s+)?\{([\s\S]*?)\}\s*from\s*['"]([^'"]+)['"]/g;
+  const blocks: { names: string[]; from: string; isType: boolean }[] = [];
+
+  for (const match of source.matchAll(pattern)) {
+    const isType = match[1] !== undefined;
+    const rawNames = match[2] ?? '';
+    const from = match[3] ?? '';
+
+    const names = rawNames
+      .split(',')
+      .map((item) => item.trim())
+      .filter(Boolean)
+      .map((item) =>
+        item
+          .replace(/^type\s+/, '')
+          .split(/\s+as\s+/)[0]
+          ?.trim(),
+      )
+      .filter((item): item is string => Boolean(item));
+
+    blocks.push({ names, from, isType });
+  }
+
+  return blocks;
+}
+
+function readSource(filePath: string): string {
+  return readFileSync(filePath, 'utf8');
+}
+
+function isComponentExportName(name: string): boolean {
+  return /^[A-Z][A-Za-z0-9]*$/.test(name);
+}
+
+function isJsonSerializable(value: unknown): boolean {
+  if (value === null) return true;
+  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean')
+    return true;
+  if (Array.isArray(value)) return value.every((item) => isJsonSerializable(item));
+  if (typeof value !== 'object') return false;
+
+  const record = value as Record<string, unknown>;
+  return Object.values(record).every((item) => isJsonSerializable(item));
+}
+
+describe('ZORA_COMPONENT_META public API', () => {
+  test('src/index.ts re-exports ZORA_COMPONENT_META', () => {
+    const indexSource = readSource(INDEX_PATH);
+    expect(indexSource).toContain('ZORA_COMPONENT_META');
+  });
+});
+
+describe('ZORA_COMPONENT_META registry coverage', () => {
+  test('covers every public UI React component export (foundation/components/patterns/layout)', () => {
+    // Avoid importing the full src/index.ts barrel here; Bun has been observed to crash when executing
+    // module graphs that touch react-native. We do drift checks via static source parsing instead.
+    const indexSource = readSource(INDEX_PATH);
+    const blocks = parseReexportBlocks(indexSource).filter((block) => !block.isType);
+
+    const uiComponentNames = new Set(
+      blocks
+        .filter((block) => {
+          return (
+            block.from.startsWith('./foundation') ||
+            block.from.startsWith('./components') ||
+            block.from.startsWith('./patterns') ||
+            block.from.startsWith('./layout')
+          );
+        })
+        .flatMap((block) => block.names)
+        .filter(isComponentExportName),
+    );
+
+    const registryKeys = new Set(Object.keys(ZORA_COMPONENT_META));
+    expect([...uiComponentNames].sort()).toEqual([...registryKeys].sort());
+  });
+
+  test('does not treat providers/scopes as UI component registry entries', () => {
+    const indexSource = readSource(INDEX_PATH);
+    expect(indexSource).toContain("export * from './theme';");
+
+    const themeSource = readSource(THEME_INDEX_PATH);
+    const themeBlocks = parseReexportBlocks(themeSource).filter((block) => !block.isType);
+    const themeValueExports = new Set(
+      themeBlocks.flatMap((block) => block.names).filter(isComponentExportName),
+    );
+
+    const providerExports = new Set(['ZoraProvider', 'ZoraThemeScope']);
+
+    for (const providerExport of providerExports) {
+      expect(themeValueExports.has(providerExport)).toBe(true);
+      expect(Object.prototype.hasOwnProperty.call(ZORA_COMPONENT_META, providerExport)).toBe(false);
+    }
+  });
+});
+
+describe('ZORA_COMPONENT_META invariants', () => {
+  test('every key matches meta.name', () => {
+    for (const [key, meta] of Object.entries(ZORA_COMPONENT_META)) {
+      expect(meta.name).toBe(key);
+    }
+  });
+
+  test('allowedChildren always points to a known direct manifest node', () => {
+    for (const [key, meta] of Object.entries(ZORA_COMPONENT_META)) {
+      for (const child of meta.allowedChildren) {
+        const childMeta = ZORA_COMPONENT_META[child];
+        expect(childMeta, `${key} allowedChildren includes unknown key '${child}'`).toBeDefined();
+        expect(
+          childMeta.directManifestNode,
+          `${key} allowedChildren includes non-directManifestNode key '${child}'`,
+        ).toBe(true);
+      }
+    }
+  });
+
+  test('direct manifest node leaf/container rules', () => {
+    const expectedLeafNodes = new Set([
+      'PageHeader',
+      'SectionHeader',
+      'SettingsRow',
+      'EmptyState',
+      'Button',
+      'Input',
+      'Textarea',
+      'Text',
+      'Heading',
+      'Divider',
+    ]);
+
+    const expectedContainerNodes = new Set([
+      'FormField',
+      'Page',
+      'PageSection',
+      'AuthLayout',
+      'Card',
+      'Panel',
+      'Notice',
+      'Box',
+      'Stack',
+      'Grid',
+      'Container',
+    ]);
+
+    for (const [key, meta] of Object.entries(ZORA_COMPONENT_META)) {
+      if (!meta.directManifestNode) continue;
+
+      if (expectedLeafNodes.has(key)) {
+        expect(meta.allowedChildren.length, `${key} should be a leaf manifest node`).toBe(0);
+        continue;
+      }
+
+      if (expectedContainerNodes.has(key)) {
+        expect(
+          meta.allowedChildren.length,
+          `${key} should be a container manifest node`,
+        ).toBeGreaterThan(0);
+        continue;
+      }
+
+      throw new Error(
+        `Direct manifest node '${key}' must be categorized as leaf or container in the test.`,
+      );
+    }
+  });
+
+  test('non-direct manifest nodes include an explicit note', () => {
+    for (const [key, meta] of Object.entries(ZORA_COMPONENT_META)) {
+      if (meta.directManifestNode) continue;
+
+      expect(
+        typeof meta.note === 'string' && meta.note.trim().length > 0,
+        `${key} must include a note when directManifestNode is false`,
+      ).toBe(true);
+    }
+  });
+
+  test('registry and blueprints are JSON serializable', () => {
+    expect(() => JSON.stringify(ZORA_COMPONENT_META)).not.toThrow();
+
+    for (const [key, meta] of Object.entries(ZORA_COMPONENT_META)) {
+      if (!meta.blueprint?.defaultProps) continue;
+
+      expect(
+        isJsonSerializable(meta.blueprint.defaultProps),
+        `${key} blueprint.defaultProps contains a non-serializable value`,
+      ).toBe(true);
+    }
+  });
+});

package/src/metadata/componentMeta.ts

@@ -0,0 +1,147 @@
+import { appBarMeta } from '../components/app-bar/meta';
+import { avatarMeta } from '../components/avatar/meta';
+import { avatarGroupMeta } from '../components/avatar-group/meta';
+import { badgeMeta } from '../components/badge/meta';
+import { buttonMeta } from '../components/button/meta';
+import { cardMeta } from '../components/card/meta';
+import { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';
+import { chipMeta } from '../components/chip/meta';
+import { chipGroupMeta } from '../components/chip-group/meta';
+import { drawerMeta } from '../components/drawer/meta';
+import { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';
+import { headingMeta } from '../components/heading/meta';
+import { iconMeta } from '../components/icon/meta';
+import { iconButtonMeta } from '../components/icon-button/meta';
+import { imageMeta } from '../components/image/meta';
+import { inputMeta } from '../components/input/meta';
+import { mediaCardMeta } from '../components/media-card/meta';
+import { metricCardMeta } from '../components/metric-card/meta';
+import { modalMeta } from '../components/modal/meta';
+import { navigationItemMeta } from '../components/navigation-item/meta';
+import { navigationListMeta } from '../components/navigation-list/meta';
+import { progressMeta } from '../components/progress/meta';
+import { radioGroupMeta, radioMeta } from '../components/radio/meta';
+import { ratingMeta } from '../components/rating/meta';
+import { searchBarMeta } from '../components/search-bar/meta';
+import { selectMeta } from '../components/select/meta';
+import { tabsMeta } from '../components/tabs/meta';
+import { textMeta } from '../components/text/meta';
+import { textareaMeta } from '../components/textarea/meta';
+import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
+import { foundationMetas } from '../foundation/meta';
+import { appShellMeta } from '../layout/app-shell/meta';
+import { authLayoutMeta } from '../layout/auth-layout/meta';
+import { pageMeta } from '../layout/page/meta';
+import { pageHeaderMeta } from '../layout/page-header/meta';
+import { pageSectionMeta } from '../layout/page-section/meta';
+import { settingsLayoutMeta } from '../layout/settings-layout/meta';
+import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
+import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
+import {
+  forgotPasswordFormMeta,
+  otpFormMeta,
+  signInFormMeta,
+  signUpFormMeta,
+} from '../patterns/auth/meta';
+import { collectionEditorMeta } from '../patterns/collection-editor/meta';
+import { confirmDialogMeta } from '../patterns/confirm-dialog/meta';
+import { disclosureSectionMeta } from '../patterns/disclosure-section/meta';
+import { emptyStateMeta } from '../patterns/empty-state/meta';
+import { filterBarMeta } from '../patterns/filter-bar/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 { noticeMeta } from '../patterns/notice/meta';
+import { panelMeta } from '../patterns/panel/meta';
+import { responsivePanelMeta } from '../patterns/responsive-panel/meta';
+import { sectionHeaderMeta } from '../patterns/section-header/meta';
+import { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';
+import { settingsRowMeta } from '../patterns/settings-row/meta';
+import { switchFieldMeta } from '../patterns/switch-field/meta';
+import { themeComposerMeta } from '../patterns/theme-composer/meta';
+import { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';
+import { timelineMeta } from '../patterns/timeline/meta';
+import { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';
+import { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';
+import { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';
+import type { ZoraComponentMetaRegistry } from './types';
+
+export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
+  ...foundationMetas,
+  AppBar: appBarMeta,
+  Avatar: avatarMeta,
+  AvatarGroup: avatarGroupMeta,
+  Badge: badgeMeta,
+  Button: buttonMeta,
+  Card: cardMeta,
+  Checkbox: checkboxMeta,
+  CheckboxGroup: checkboxGroupMeta,
+  Chip: chipMeta,
+  ChipGroup: chipGroupMeta,
+  Drawer: drawerMeta,
+  Form: formMeta,
+  FormActions: formActionsMeta,
+  FormError: formErrorMeta,
+  FormField: formFieldMeta,
+  Heading: headingMeta,
+  Icon: iconMeta,
+  IconButton: iconButtonMeta,
+  Image: imageMeta,
+  Input: inputMeta,
+  MediaCard: mediaCardMeta,
+  MetricCard: metricCardMeta,
+  Modal: modalMeta,
+  NavigationItem: navigationItemMeta,
+  NavigationList: navigationListMeta,
+  Progress: progressMeta,
+  Radio: radioMeta,
+  RadioGroup: radioGroupMeta,
+  Rating: ratingMeta,
+  SearchBar: searchBarMeta,
+  Select: selectMeta,
+  Tabs: tabsMeta,
+  Text: textMeta,
+  Textarea: textareaMeta,
+  Toolbar: toolbarMeta,
+  ToolbarAction: toolbarActionMeta,
+  AppShell: appShellMeta,
+  AuthLayout: authLayoutMeta,
+  Page: pageMeta,
+  PageHeader: pageHeaderMeta,
+  PageSection: pageSectionMeta,
+  SettingsLayout: settingsLayoutMeta,
+  SidebarLayout: sidebarLayoutMeta,
+  TopbarLayout: topbarLayoutMeta,
+  ForgotPasswordForm: forgotPasswordFormMeta,
+  OtpForm: otpFormMeta,
+  SignInForm: signInFormMeta,
+  SignUpForm: signUpFormMeta,
+  CollectionEditor: collectionEditorMeta,
+  ConfirmDialog: confirmDialogMeta,
+  DisclosureSection: disclosureSectionMeta,
+  EmptyState: emptyStateMeta,
+  FilterBar: filterBarMeta,
+  ImagePreview: imagePreviewMeta,
+  ImageUploadField: imageUploadFieldMeta,
+  InspectorField: inspectorFieldMeta,
+  List: listMeta,
+  ListRow: listRowMeta,
+  ListSection: listSectionMeta,
+  Notice: noticeMeta,
+  Panel: panelMeta,
+  ResponsivePanel: responsivePanelMeta,
+  SectionHeader: sectionHeaderMeta,
+  SelectableItem: selectableItemMeta,
+  SelectionProvider: selectionProviderMeta,
+  SettingsRow: settingsRowMeta,
+  SwitchField: switchFieldMeta,
+  ThemeComposer: themeComposerMeta,
+  PaletteItem: paletteItemMeta,
+  TileGrid: tileGridMeta,
+  Timeline: timelineMeta,
+  TreeItem: treeItemMeta,
+  TreeView: treeViewMeta,
+  ZoraDrawerContent: zoraDrawerContentMeta,
+  ZoraTabBar: zoraTabBarMeta,
+};

package/src/metadata/index.ts

@@ -0,0 +1,13 @@
+export { ZORA_COMPONENT_META } from './componentMeta';
+export type {
+  ZoraComponentBlueprint,
+  ZoraComponentCategory,
+  ZoraComponentI18nMeta,
+  ZoraComponentMeta,
+  ZoraComponentMetaRegistry,
+  ZoraComponentPropArrayItemSchema,
+  ZoraComponentPropSchema,
+  ZoraComponentPropType,
+  ZoraComponentPropValue,
+  ZoraComponentSlotMeta,
+} from './types';

package/src/metadata/types.ts

@@ -0,0 +1,74 @@
+export type ZoraComponentCategory = 'foundation' | 'component' | 'pattern' | 'layout';
+
+export type ZoraComponentPropType =
+  | 'string'
+  | 'number'
+  | 'boolean'
+  | 'enum'
+  | 'color'
+  | 'spacing'
+  | 'radius'
+  | 'shadow'
+  | 'typographySize'
+  | 'typographyWeight'
+  | 'action'
+  | 'imageAsset'
+  | 'array';
+
+export type ZoraComponentPropValue =
+  | string
+  | number
+  | boolean
+  | null
+  | readonly ZoraComponentPropValue[]
+  | { readonly [key: string]: ZoraComponentPropValue };
+
+export interface ZoraComponentPropArrayItemSchema {
+  key: string;
+  schema: ZoraComponentPropSchema;
+}
+
+export interface ZoraComponentPropSchema {
+  type: ZoraComponentPropType;
+  category: string;
+  label?: string;
+  enum?: readonly (string | number)[];
+  default?: ZoraComponentPropValue;
+  itemSchema?: readonly ZoraComponentPropArrayItemSchema[];
+}
+
+export interface ZoraComponentBlueprint {
+  label: string;
+  icon?: {
+    name: string;
+    provider?: string;
+  };
+  defaultProps?: Readonly<Record<string, ZoraComponentPropValue>>;
+}
+
+export interface ZoraComponentI18nMeta {
+  fields: readonly {
+    keyProp: string;
+    defaultTextProp: string;
+  }[];
+}
+
+export interface ZoraComponentSlotMeta {
+  label?: string;
+  allowedChildren?: readonly string[];
+}
+
+export interface ZoraComponentMeta {
+  name: string;
+  category: ZoraComponentCategory;
+  description?: string;
+  directManifestNode: boolean;
+  allowedChildren: readonly string[];
+  blueprint?: ZoraComponentBlueprint;
+  i18n?: ZoraComponentI18nMeta;
+  slots?: Readonly<Record<string, ZoraComponentSlotMeta>>;
+  note?: string;
+  props: Readonly<Record<string, ZoraComponentPropSchema>>;
+}
+
+export type ZoraComponentMetaRegistry = Readonly<Record<string, ZoraComponentMeta>>;

package/src/patterns/auth/meta.ts

@@ -0,0 +1,39 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+const AUTH_NOTE = 'Auth pattern component; not represented as a manifest node in v1.';
+
+export const forgotPasswordFormMeta = {
+  name: 'ForgotPasswordForm',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: AUTH_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const otpFormMeta = {
+  name: 'OtpForm',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: AUTH_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const signInFormMeta = {
+  name: 'SignInForm',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: AUTH_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const signUpFormMeta = {
+  name: 'SignUpForm',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: AUTH_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/collection-editor/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const collectionEditorMeta = {
+  name: 'CollectionEditor',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Specialized editing pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/confirm-dialog/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const confirmDialogMeta = {
+  name: 'ConfirmDialog',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Dialog pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/disclosure-section/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const disclosureSectionMeta = {
+  name: 'DisclosureSection',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Disclosure pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/empty-state/meta.ts

@@ -0,0 +1,34 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const emptyStateMeta = {
+  name: 'EmptyState',
+  category: 'pattern',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: {
+    label: 'Empty state',
+    defaultProps: {
+      title: 'Nothing here yet',
+      description: 'Try adding your first item.',
+    },
+  },
+  props: {
+    title: {
+      type: 'string',
+      category: 'Content',
+      label: 'Title',
+      default: 'Nothing here yet',
+    },
+    description: {
+      type: 'string',
+      category: 'Content',
+      label: 'Description',
+      default: 'Try adding your first item.',
+    },
+    eyebrow: {
+      type: 'string',
+      category: 'Content',
+      label: 'Eyebrow',
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/patterns/filter-bar/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const filterBarMeta = {
+  name: 'FilterBar',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Filtering pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/image-preview/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const imagePreviewMeta = {
+  name: 'ImagePreview',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Media pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/image-upload-field/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const imageUploadFieldMeta = {
+  name: 'ImageUploadField',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Media upload pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/inspector-field/meta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const inspectorFieldMeta = {
+  name: 'InspectorField',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Inspector pattern; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/list/meta.ts

@@ -0,0 +1,30 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+const LIST_NOTE = 'List pattern component; not represented as a manifest node in v1.';
+
+export const listMeta = {
+  name: 'List',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: LIST_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const listRowMeta = {
+  name: 'ListRow',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: LIST_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const listSectionMeta = {
+  name: 'ListSection',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: LIST_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/patterns/notice/meta.ts

@@ -0,0 +1,36 @@
+import type { ZoraComponentMeta } from '../../metadata';
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+
+export const noticeMeta = {
+  name: 'Notice',
+  category: 'pattern',
+  directManifestNode: true,
+  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+  blueprint: {
+    label: 'Notice',
+    defaultProps: {
+      title: 'Notice',
+      tone: 'primary',
+    },
+  },
+  props: {
+    title: {
+      type: 'string',
+      category: 'Content',
+      label: 'Title',
+      default: 'Notice',
+    },
+    description: {
+      type: 'string',
+      category: 'Content',
+      label: 'Description',
+    },
+    tone: {
+      type: 'enum',
+      category: 'Style',
+      label: 'Tone',
+      enum: ['primary', 'neutral', 'danger', 'success', 'warning'],
+      default: 'primary',
+    },
+  },
+} as const satisfies ZoraComponentMeta;