@ankhorage/zora 1.3.0 → 1.4.0

package/src/components/progress/meta.ts

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

package/src/components/radio/meta.ts

@@ -0,0 +1,19 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const radioMeta = {
+  name: 'Radio',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Form control component; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const radioGroupMeta = {
+  name: 'RadioGroup',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Form control component; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/components/rating/meta.ts

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

package/src/components/search-bar/meta.ts

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

package/src/components/select/meta.ts

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

package/src/components/tabs/meta.ts

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

package/src/components/text/meta.ts

@@ -0,0 +1,69 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const textMeta = {
+  name: 'Text',
+  category: 'component',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: {
+    label: 'Text',
+    defaultProps: {
+      text: 'Text',
+      tone: 'default',
+      variant: 'body',
+    },
+  },
+  i18n: {
+    fields: [{ keyProp: 'i18nKey', defaultTextProp: 'text' }],
+  },
+  props: {
+    text: {
+      type: 'string',
+      category: 'Content',
+      label: 'Text',
+      default: 'Text',
+    },
+    i18nKey: {
+      type: 'string',
+      category: 'Content',
+      label: 'i18n key',
+    },
+    variant: {
+      type: 'enum',
+      category: 'Typography',
+      label: 'Variant',
+      enum: ['body', 'lead', 'bodySmall', 'caption', 'label', 'eyebrow', 'code'],
+      default: 'body',
+    },
+    tone: {
+      type: 'enum',
+      category: 'Style',
+      label: 'Tone',
+      enum: ['default', 'muted', 'subtle', 'inverse', 'primary', 'danger', 'success', 'warning'],
+      default: 'default',
+    },
+    align: {
+      type: 'enum',
+      category: 'Layout',
+      label: 'Align',
+      enum: ['auto', 'left', 'right', 'center', 'justify'],
+    },
+    weight: {
+      type: 'enum',
+      category: 'Typography',
+      label: 'Weight',
+      enum: ['regular', 'medium', 'semiBold', 'bold'],
+    },
+    italic: {
+      type: 'boolean',
+      category: 'Typography',
+      label: 'Italic',
+      default: false,
+    },
+    numberOfLines: {
+      type: 'number',
+      category: 'Layout',
+      label: 'Line clamp',
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/components/textarea/meta.ts

@@ -0,0 +1,46 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const textareaMeta = {
+  name: 'Textarea',
+  category: 'component',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: {
+    label: 'Textarea',
+    defaultProps: {
+      placeholder: 'Enter text…',
+      value: '',
+    },
+  },
+  props: {
+    placeholder: {
+      type: 'string',
+      category: 'Content',
+      label: 'Placeholder',
+    },
+    value: {
+      type: 'string',
+      category: 'Content',
+      label: 'Value',
+      default: '',
+    },
+    size: {
+      type: 'enum',
+      category: 'Style',
+      label: 'Size',
+      enum: ['s', 'm', 'l'],
+    },
+    disabled: {
+      type: 'boolean',
+      category: 'State',
+      label: 'Disabled',
+      default: false,
+    },
+    readOnly: {
+      type: 'boolean',
+      category: 'State',
+      label: 'Read-only',
+      default: false,
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/components/toolbar/meta.ts

@@ -0,0 +1,19 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const toolbarMeta = {
+  name: 'Toolbar',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Action bar component; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const toolbarActionMeta = {
+  name: 'ToolbarAction',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Action bar item; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/foundation/meta.ts

@@ -0,0 +1,85 @@
+import type { ZoraComponentMetaRegistry } from '../metadata';
+import { CONTAINER_ALLOWED_CHILDREN } from '../metadata/allowedChildren';
+
+export const foundationMetas = {
+  Box: {
+    name: 'Box',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: { label: 'Box' },
+    props: {},
+  },
+  Center: {
+    name: 'Center',
+    category: 'foundation',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Layout helper component; not represented as a manifest node in v1.',
+    props: {},
+  },
+  Container: {
+    name: 'Container',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: { label: 'Container' },
+    props: {},
+  },
+  Divider: {
+    name: 'Divider',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Divider' },
+    props: {},
+  },
+  Grid: {
+    name: 'Grid',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: { label: 'Grid' },
+    props: {},
+  },
+  Inline: {
+    name: 'Inline',
+    category: 'foundation',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Layout helper component; not represented as a manifest node in v1.',
+    props: {},
+  },
+  Show: {
+    name: 'Show',
+    category: 'foundation',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Responsive utility component; not represented as a manifest node in v1.',
+    props: {},
+  },
+  Spacer: {
+    name: 'Spacer',
+    category: 'foundation',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Spacing utility component; not represented as a manifest node in v1.',
+    props: {},
+  },
+  Stack: {
+    name: 'Stack',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: { label: 'Stack' },
+    props: {},
+  },
+  Surface: {
+    name: 'Surface',
+    category: 'foundation',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Low-level surface wrapper; not represented as a manifest node in v1.',
+    props: {},
+  },
+} as const satisfies ZoraComponentMetaRegistry;

package/src/index.ts

@@ -137,6 +137,19 @@ export type { SidebarLayoutProps } from './layout/sidebar-layout';
 export { SidebarLayout } from './layout/sidebar-layout';
 export type { TopbarLayoutProps } from './layout/topbar-layout';
 export { TopbarLayout } from './layout/topbar-layout';
+export type {
+  ZoraComponentBlueprint,
+  ZoraComponentCategory,
+  ZoraComponentI18nMeta,
+  ZoraComponentMeta,
+  ZoraComponentMetaRegistry,
+  ZoraComponentPropArrayItemSchema,
+  ZoraComponentPropSchema,
+  ZoraComponentPropType,
+  ZoraComponentPropValue,
+  ZoraComponentSlotMeta,
+} from './metadata';
+export { ZORA_COMPONENT_META } from './metadata';
 export type {
   AuthFormBaseProps,
   AuthIdentifierKind,

package/src/layout/app-shell/meta.ts

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

package/src/layout/auth-layout/meta.ts

@@ -0,0 +1,35 @@
+import type { ZoraComponentMeta } from '../../metadata';
+import { PAGE_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+
+export const authLayoutMeta = {
+  name: 'AuthLayout',
+  category: 'layout',
+  directManifestNode: true,
+  allowedChildren: [...PAGE_SECTION_ALLOWED_CHILDREN],
+  blueprint: {
+    label: 'Auth layout',
+    defaultProps: {
+      title: 'Welcome',
+      description: 'Sign in to continue.',
+    },
+  },
+  props: {
+    title: {
+      type: 'string',
+      category: 'Content',
+      label: 'Title',
+      default: 'Welcome',
+    },
+    description: {
+      type: 'string',
+      category: 'Content',
+      label: 'Description',
+      default: 'Sign in to continue.',
+    },
+    eyebrow: {
+      type: 'string',
+      category: 'Content',
+      label: 'Eyebrow',
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/layout/page/meta.ts

@@ -0,0 +1,21 @@
+import type { ZoraComponentMeta } from '../../metadata';
+import { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+
+export const pageMeta = {
+  name: 'Page',
+  category: 'layout',
+  directManifestNode: true,
+  allowedChildren: [...PAGE_ALLOWED_CHILDREN],
+  blueprint: {
+    label: 'Page',
+  },
+  props: {
+    width: {
+      type: 'enum',
+      category: 'Layout',
+      label: 'Width',
+      enum: ['narrow', 'default', 'wide'],
+      default: 'default',
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/layout/page-header/meta.ts

@@ -0,0 +1,39 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const pageHeaderMeta = {
+  name: 'PageHeader',
+  category: 'layout',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: {
+    label: 'Page header',
+    defaultProps: {
+      title: 'Page title',
+      description: 'Short description.',
+    },
+  },
+  props: {
+    title: {
+      type: 'string',
+      category: 'Content',
+      label: 'Title',
+      default: 'Page title',
+    },
+    description: {
+      type: 'string',
+      category: 'Content',
+      label: 'Description',
+      default: 'Short description.',
+    },
+    eyebrow: {
+      type: 'string',
+      category: 'Content',
+      label: 'Eyebrow',
+    },
+    meta: {
+      type: 'string',
+      category: 'Content',
+      label: 'Meta',
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/layout/page-section/meta.ts

@@ -0,0 +1,30 @@
+import type { ZoraComponentMeta } from '../../metadata';
+import { PAGE_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+
+export const pageSectionMeta = {
+  name: 'PageSection',
+  category: 'layout',
+  directManifestNode: true,
+  allowedChildren: [...PAGE_SECTION_ALLOWED_CHILDREN],
+  blueprint: {
+    label: 'Page section',
+    defaultProps: {
+      title: 'Section',
+      description: 'Section description.',
+    },
+  },
+  props: {
+    title: {
+      type: 'string',
+      category: 'Content',
+      label: 'Title',
+      default: 'Section',
+    },
+    description: {
+      type: 'string',
+      category: 'Content',
+      label: 'Description',
+      default: 'Section description.',
+    },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/layout/settings-layout/meta.ts

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

package/src/layout/sidebar-layout/meta.ts

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

package/src/layout/topbar-layout/meta.ts

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

package/src/metadata/allowedChildren.ts

@@ -0,0 +1,27 @@
+export const CONTAINER_ALLOWED_CHILDREN = [
+  'Box',
+  'Stack',
+  'Grid',
+  'Container',
+  'Divider',
+  'Text',
+  'Heading',
+  'Button',
+  'Input',
+  'Textarea',
+  'FormField',
+  'Card',
+  'Panel',
+  'Notice',
+  'EmptyState',
+  'SectionHeader',
+  'SettingsRow',
+] as const;
+
+export const PAGE_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
+
+export const PAGE_ALLOWED_CHILDREN = [
+  'PageHeader',
+  'PageSection',
+  ...CONTAINER_ALLOWED_CHILDREN,
+] as const;