@ankhorage/zora 1.3.0 → 1.4.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 1.4.1
+
+### Patch Changes
+
+- 38648df: Add a first-class Hero pattern with structured content, actions, optional media, responsive layout behavior, metadata, and showcase coverage.
+
+## 1.4.0
+
+### Minor Changes
+
+- 1241325: Add `ZORA_COMPONENT_META`, a ZORA-owned component metadata registry for authoring tools.
+
 ## 1.3.0
 
 ### Minor Changes

package/README.md

@@ -203,6 +203,142 @@ Width presets:
 - Dialog widths: `narrow=420`, `default=520`, `wide=560`.
 - Page widths: `narrow=760`, `default=1040`, `wide=1280`.
 
+## Component metadata
+
+ZORA exports component metadata for tooling consumers. Authoring tools (including Studio) consume this metadata; ZORA is the canonical source of rules for ZORA UI components.
+
+Usage example:
+
+```ts
+import { ZORA_COMPONENT_META } from '@ankhorage/zora';
+
+const parent = ZORA_COMPONENT_META.PageSection;
+const childKey = 'Button';
+
+if (!parent.allowedChildren.includes(childKey)) {
+  throw new Error(`Cannot drop ${childKey} into ${parent.name}.`);
+}
+```
+
+Metadata model overview:
+
+- `category`: which ZORA UI layer owns the component (`foundation`, `component`, `layout`, `pattern`).
+- `directManifestNode`: whether the component is represented directly as a manifest node in v1.
+- `allowedChildren`: which direct manifest nodes are valid nested children (composition / drop validation).
+- `props`: serializable prop schema for authoring property panels.
+- `blueprint`: insertion label/icon and manifest-friendly default props.
+- `i18n`: metadata describing which props are i18n keys vs default text props.
+
+<details>
+<summary>Foundation</summary>
+
+- `Box`
+- `Center`
+- `Container`
+- `Divider`
+- `Grid`
+- `Inline`
+- `Show`
+- `Spacer`
+- `Stack`
+- `Surface`
+
+</details>
+
+<details>
+<summary>Components</summary>
+
+- `AppBar`
+- `Avatar`
+- `AvatarGroup`
+- `Badge`
+- `Button`
+- `Card`
+- `Checkbox`
+- `CheckboxGroup`
+- `Chip`
+- `ChipGroup`
+- `Drawer`
+- `Form`
+- `FormActions`
+- `FormError`
+- `FormField`
+- `Heading`
+- `Icon`
+- `IconButton`
+- `Image`
+- `Input`
+- `MediaCard`
+- `MetricCard`
+- `Modal`
+- `NavigationItem`
+- `NavigationList`
+- `Progress`
+- `Radio`
+- `RadioGroup`
+- `Rating`
+- `SearchBar`
+- `Select`
+- `Tabs`
+- `Text`
+- `Textarea`
+- `Toolbar`
+- `ToolbarAction`
+
+</details>
+
+<details>
+<summary>Layouts</summary>
+
+- `AppShell`
+- `AuthLayout`
+- `Page`
+- `PageHeader`
+- `PageSection`
+- `SettingsLayout`
+- `SidebarLayout`
+- `TopbarLayout`
+
+</details>
+
+<details>
+<summary>Patterns</summary>
+
+- `CollectionEditor`
+- `ConfirmDialog`
+- `DisclosureSection`
+- `EmptyState`
+- `FilterBar`
+- `ForgotPasswordForm`
+- `Hero`
+- `ImagePreview`
+- `ImageUploadField`
+- `InspectorField`
+- `List`
+- `ListRow`
+- `ListSection`
+- `Notice`
+- `OtpForm`
+- `PaletteItem`
+- `Panel`
+- `ResponsivePanel`
+- `SectionHeader`
+- `SelectableItem`
+- `SelectionProvider`
+- `SettingsRow`
+- `SignInForm`
+- `SignUpForm`
+- `SwitchField`
+- `ThemeComposer`
+- `TileGrid`
+- `Timeline`
+- `TreeItem`
+- `TreeView`
+- `ZoraDrawerContent`
+- `ZoraTabBar`
+
+</details>
+
 ## Components
 
 ### `Heading`
@@ -1417,6 +1553,78 @@ Picks these Surface `FieldProps`: `children`, `disabled`, `errorText`,
 
 </details>
 
+### `Hero`
+
+Landing-page and section hero pattern with structured title copy, actions,
+optional media, and responsive layout behavior.
+
+```tsx
+<Hero
+  eyebrow="New release"
+  title="Build product screens faster"
+  description="Use a responsive hero pattern with strong defaults for landing pages, dashboards, and app sections."
+  primaryAction={{ label: 'Get started', onPress: () => undefined }}
+  secondaryAction={{ label: 'View docs', onPress: () => undefined }}
+/>
+```
+
+With media:
+
+```tsx
+<Hero
+  eyebrow="ZORA Pattern"
+  title="Compose responsive product introductions"
+  description="Hero combines ZORA typography, actions, layout, and card surfaces into one app-facing pattern."
+  layout="split"
+  primaryAction={{ label: 'Start building', onPress: () => undefined }}
+  secondaryAction={{ label: 'Browse patterns', onPress: () => undefined }}
+  media={
+    <Card title="Theme-aware by default" tone="outline">
+      <Text tone="muted">
+        Use the media slot for previews, screenshots, metrics, or illustration cards.
+      </Text>
+    </Card>
+  }
+/>
+```
+
+<details>
+<summary>Props</summary>
+
+ZORA props:
+
+| Prop              | Type              | Default    | Notes                                                     |
+| ----------------- | ----------------- | ---------- | --------------------------------------------------------- |
+| `title`           | `React.ReactNode` | -          | Required main hero title.                                 |
+| `description`     | `React.ReactNode` | -          | Supporting copy below the title.                          |
+| `eyebrow`         | `React.ReactNode` | -          | Small label above the title.                              |
+| `primaryAction`   | `HeroAction`      | -          | Primary CTA rendered as a ZORA `Button`.                  |
+| `secondaryAction` | `HeroAction`      | -          | Secondary CTA rendered as a softer ZORA `Button`.         |
+| `media`           | `React.ReactNode` | -          | Optional media slot rendered beside or above the content. |
+| `footer`          | `React.ReactNode` | -          | Optional supporting footer content below the actions.     |
+| `align`           | `HeroAlign`       | `'start'`  | Content alignment: `'start'` or `'center'`.               |
+| `layout`          | `HeroLayout`      | `'split'`  | Layout strategy: `'stack'`, `'split'`, or `'mediaFirst'`. |
+| `tone`            | `HeroTone`        | `'subtle'` | Card tone: `'default'`, `'subtle'`, or `'outline'`.       |
+| `compact`         | `boolean`         | `false`    | Uses tighter spacing and a smaller desktop title size.    |
+| `testID`          | `string`          | -          | Test id forwarded to the underlying card surface.         |
+
+`HeroAction`:
+
+| Prop       | Type              | Default                   | Notes                              |
+| ---------- | ----------------- | ------------------------- | ---------------------------------- |
+| `label`    | `React.ReactNode` | -                         | Button label/content.              |
+| `onPress`  | `() => void`      | -                         | Press handler.                     |
+| `tone`     | `ZoraTone`        | primary / neutral by role | Optional button tone override.     |
+| `emphasis` | `ZoraEmphasis`    | solid / soft by role      | Optional button emphasis override. |
+| `disabled` | `boolean`         | `false`                   | Disables the rendered action.      |
+
+Inherited props:
+
+No inherited props. `HeroProps` is declared directly by ZORA to keep the
+pattern structured, theme-aware, and template-safe.
+
+</details>
+
 ### `ImagePreview`
 
 Provider-neutral image preview surface that renders `ZoraImageAsset` values.

package/dist/components/app-bar/meta.d.ts

@@ -0,0 +1,9 @@
+export declare const appBarMeta: {
+    readonly name: "AppBar";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Application chrome component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/app-bar/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;CAOe,CAAC"}

package/dist/components/app-bar/meta.js

@@ -0,0 +1,9 @@
+export const appBarMeta = {
+    name: 'AppBar',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Application chrome component; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/app-bar/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/app-bar/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,yEAAyE;IAC/E,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const appBarMeta = {\n  name: 'AppBar',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application chrome component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/avatar/meta.d.ts

@@ -0,0 +1,9 @@
+export declare const avatarMeta: {
+    readonly name: "Avatar";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Identity component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/avatar/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;CAOe,CAAC"}

package/dist/components/avatar/meta.js

@@ -0,0 +1,9 @@
+export const avatarMeta = {
+    name: 'Avatar',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Identity component; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/avatar/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/avatar/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const avatarMeta = {\n  name: 'Avatar',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Identity component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/avatar-group/meta.d.ts

@@ -0,0 +1,9 @@
+export declare const avatarGroupMeta: {
+    readonly name: "AvatarGroup";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Identity component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/avatar-group/meta.d.ts.map

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

package/dist/components/avatar-group/meta.js

@@ -0,0 +1,9 @@
+export const avatarGroupMeta = {
+    name: 'AvatarGroup',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Identity component; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/avatar-group/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/avatar-group/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,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const avatarGroupMeta = {\n  name: 'AvatarGroup',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Identity component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/badge/meta.d.ts

@@ -0,0 +1,9 @@
+export declare const badgeMeta: {
+    readonly name: "Badge";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Status/label component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/badge/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/badge/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAOgB,CAAC"}

package/dist/components/badge/meta.js

@@ -0,0 +1,9 @@
+export const badgeMeta = {
+    name: 'Badge',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Status/label component; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/badge/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/badge/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,mEAAmE;IACzE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const badgeMeta = {\n  name: 'Badge',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Status/label component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/button/meta.d.ts

@@ -0,0 +1,45 @@
+export declare const buttonMeta: {
+    readonly name: "Button";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Button";
+        readonly defaultProps: {
+            readonly children: "Continue";
+            readonly tone: "primary";
+            readonly emphasis: "solid";
+            readonly size: "m";
+        };
+    };
+    readonly props: {
+        readonly children: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Label";
+            readonly default: "Continue";
+        };
+        readonly tone: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Tone";
+            readonly enum: readonly ["primary", "neutral", "danger", "success", "warning"];
+            readonly default: "primary";
+        };
+        readonly emphasis: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Emphasis";
+            readonly enum: readonly ["solid", "outline", "ghost", "soft"];
+            readonly default: "solid";
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Size";
+            readonly enum: readonly ["s", "m", "l"];
+            readonly default: "m";
+        };
+    };
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/button/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Ce,CAAC"}

package/dist/components/button/meta.js

@@ -0,0 +1,45 @@
+export const buttonMeta = {
+    name: 'Button',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'Button',
+        defaultProps: {
+            children: 'Continue',
+            tone: 'primary',
+            emphasis: 'solid',
+            size: 'm',
+        },
+    },
+    props: {
+        children: {
+            type: 'string',
+            category: 'Content',
+            label: 'Label',
+            default: 'Continue',
+        },
+        tone: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Tone',
+            enum: ['primary', 'neutral', 'danger', 'success', 'warning'],
+            default: 'primary',
+        },
+        emphasis: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Emphasis',
+            enum: ['solid', 'outline', 'ghost', 'soft'],
+            default: 'solid',
+        },
+        size: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Size',
+            enum: ['s', 'm', 'l'],
+            default: 'm',
+        },
+    },
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/button/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,GAAG;SACV;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,UAAU;SACpB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;YAC5D,OAAO,EAAE,SAAS;SACnB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YAC3C,OAAO,EAAE,OAAO;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YACrB,OAAO,EAAE,GAAG;SACb;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const buttonMeta = {\n  name: 'Button',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Button',\n    defaultProps: {\n      children: 'Continue',\n      tone: 'primary',\n      emphasis: 'solid',\n      size: 'm',\n    },\n  },\n  props: {\n    children: {\n      type: 'string',\n      category: 'Content',\n      label: 'Label',\n      default: 'Continue',\n    },\n    tone: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Tone',\n      enum: ['primary', 'neutral', 'danger', 'success', 'warning'],\n      default: 'primary',\n    },\n    emphasis: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Emphasis',\n      enum: ['solid', 'outline', 'ghost', 'soft'],\n      default: 'solid',\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Size',\n      enum: ['s', 'm', 'l'],\n      default: 'm',\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/card/meta.d.ts

@@ -0,0 +1,44 @@
+export declare const cardMeta: {
+    readonly name: "Card";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow"];
+    readonly blueprint: {
+        readonly label: "Card";
+        readonly defaultProps: {
+            readonly title: "Card";
+            readonly tone: "default";
+        };
+    };
+    readonly props: {
+        readonly title: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Title";
+        };
+        readonly description: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Description";
+        };
+        readonly eyebrow: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Eyebrow";
+        };
+        readonly tone: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Tone";
+            readonly enum: readonly ["default", "subtle", "outline"];
+            readonly default: "default";
+        };
+        readonly compact: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Compact";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/card/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/card/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CiB,CAAC"}

package/dist/components/card/meta.js

@@ -0,0 +1,45 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+export const cardMeta = {
+    name: 'Card',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: {
+        label: 'Card',
+        defaultProps: {
+            title: 'Card',
+            tone: 'default',
+        },
+    },
+    props: {
+        title: {
+            type: 'string',
+            category: 'Content',
+            label: 'Title',
+        },
+        description: {
+            type: 'string',
+            category: 'Content',
+            label: 'Description',
+        },
+        eyebrow: {
+            type: 'string',
+            category: 'Content',
+            label: 'Eyebrow',
+        },
+        tone: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Tone',
+            enum: ['default', 'subtle', 'outline'],
+            default: 'default',
+        },
+        compact: {
+            type: 'boolean',
+            category: 'Layout',
+            label: 'Compact',
+            default: false,
+        },
+    },
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/card/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/card/meta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;SACf;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;SACrB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACtC,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const cardMeta = {\n  name: 'Card',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Card',\n    defaultProps: {\n      title: 'Card',\n      tone: 'default',\n    },\n  },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n    },\n    eyebrow: {\n      type: 'string',\n      category: 'Content',\n      label: 'Eyebrow',\n    },\n    tone: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Tone',\n      enum: ['default', 'subtle', 'outline'],\n      default: 'default',\n    },\n    compact: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Compact',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/checkbox/meta.d.ts

@@ -0,0 +1,17 @@
+export declare const checkboxMeta: {
+    readonly name: "Checkbox";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Form control component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+export declare const checkboxGroupMeta: {
+    readonly name: "CheckboxGroup";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Form control component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/checkbox/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;CAOa,CAAC;AAEvC,eAAO,MAAM,iBAAiB;;;;;;;CAOQ,CAAC"}

package/dist/components/checkbox/meta.js

@@ -0,0 +1,17 @@
+export const checkboxMeta = {
+    name: 'Checkbox',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Form control component; not represented as a manifest node in v1.',
+    props: {},
+};
+export const checkboxGroupMeta = {
+    name: 'CheckboxGroup',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Form control component; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/checkbox/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/checkbox/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,mEAAmE;IACzE,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,mEAAmE;IACzE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const checkboxMeta = {\n  name: 'Checkbox',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Form control component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const checkboxGroupMeta = {\n  name: 'CheckboxGroup',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Form control component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/chip/meta.d.ts

@@ -0,0 +1,9 @@
+export declare const chipMeta: {
+    readonly name: "Chip";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Tag-like component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/chip/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/chip/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;CAOiB,CAAC"}

package/dist/components/chip/meta.js

@@ -0,0 +1,9 @@
+export const chipMeta = {
+    name: 'Chip',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Tag-like component; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/chip/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/chip/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const chipMeta = {\n  name: 'Chip',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Tag-like component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/chip-group/meta.d.ts

@@ -0,0 +1,9 @@
+export declare const chipGroupMeta: {
+    readonly name: "ChipGroup";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Selection component; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/chip-group/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/chip-group/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;CAOY,CAAC"}