@ankhorage/zora 7.0.0 → 8.0.0

package/dist/features/button/adapters/inbound/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/ButtonGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type {\n  ButtonGroupAlign,\n  ButtonGroupOrientation,\n  ButtonGroupProps,\n} from '../../../../types/button-group';\nimport { Stack } from '../../../layout/public';\n/***\n * Groups multiple `Button` elements with consistent spacing and alignment.\n */\nexport const ButtonGroup = withZoraThemeScope(ButtonGroupInner);\n\nfunction resolveDirection(orientation: ButtonGroupOrientation) {\n  if (orientation === 'vertical') {\n    return 'column';\n  }\n\n  if (orientation === 'responsive') {\n    return { base: 'column', md: 'row' } as const;\n  }\n\n  return 'row';\n}\n\nfunction resolveHorizontalJustify(align: ButtonGroupAlign) {\n  switch (align) {\n    case 'start':\n      return 'flex-start';\n    case 'center':\n      return 'center';\n    case 'between':\n      return 'space-between';\n    case 'stretch':\n    case 'end':\n    default:\n      return 'flex-end';\n  }\n}\n\nfunction resolveVerticalAlign(align: ButtonGroupAlign) {\n  switch (align) {\n    case 'start':\n      return 'flex-start';\n    case 'center':\n    case 'between':\n      return 'center';\n    case 'stretch':\n      return 'stretch';\n    case 'end':\n    default:\n      return 'flex-end';\n  }\n}\n\nfunction resolveStackAlign(align: ButtonGroupAlign, orientation: ButtonGroupOrientation) {\n  if (orientation === 'horizontal') {\n    return align === 'stretch' ? 'stretch' : 'center';\n  }\n\n  if (orientation === 'responsive') {\n    return {\n      base: resolveVerticalAlign(align),\n      md: align === 'stretch' ? 'stretch' : 'center',\n    } as const;\n  }\n\n  return resolveVerticalAlign(align);\n}\n\nfunction resolveStackJustify(align: ButtonGroupAlign, orientation: ButtonGroupOrientation) {\n  if (orientation === 'horizontal') {\n    return resolveHorizontalJustify(align);\n  }\n\n  if (orientation === 'responsive') {\n    return {\n      base: align === 'between' ? 'space-between' : 'flex-start',\n      md: resolveHorizontalJustify(align),\n    } as const;\n  }\n\n  return align === 'between' ? 'space-between' : 'flex-start';\n}\n\nfunction ButtonGroupInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  align = 'end',\n  orientation = 'horizontal',\n  gap = 's',\n  reverse = false,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: ButtonGroupProps) {\n  const items = React.Children.toArray(children);\n  const orderedItems = reverse ? items.reverse() : items;\n\n  return (\n    <Stack\n      align={resolveStackAlign(align, orientation)}\n      direction={resolveDirection(orientation)}\n      gap={gap}\n      justify={resolveStackJustify(align, orientation)}\n      testID={testID}\n    >\n      {orderedItems}\n    </Stack>\n  );\n}\n"]}

package/dist/features/button/adapters/inbound/IconButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IconButtonProps } from '../../../../types/icon-button';
+/***
+ * Icon-only button for compact actions; requires an accessible `label`.
+ */
+export declare const IconButton: (props: IconButtonProps) => React.ReactElement | null;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/features/button/adapters/inbound/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/button/adapters/inbound/IconButton.js

@@ -0,0 +1,13 @@
+import { IconButton as SurfaceIconButton } from '@ankhorage/surface';
+import React from 'react';
+import { resolveButtonRecipe } from '../../../../internal/recipes';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/***
+ * Icon-only button for compact actions; requires an accessible `label`.
+ */
+export const IconButton = withZoraThemeScope(IconButtonInner);
+function IconButtonInner({ themeId: _themeId, mode: _mode, icon, iconName, label, variant = 'ghost', color = 'neutral', size = 'm', interactionPolicy, ...props }) {
+    const recipe = resolveButtonRecipe({ color, variant, size });
+    return (<SurfaceIconButton {...props} icon={icon ?? { name: iconName ?? 'add' }} accessibilityLabel={label} color={recipe.color} size={recipe.size} variant={recipe.variant} interactionPolicy={interactionPolicy}/>);
+}
+//# sourceMappingURL=IconButton.js.map

package/dist/features/button/adapters/inbound/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,iBAAiB,EACjB,GAAG,KAAK,EACQ;IAChB,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,iBAAiB,CAChB,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,CAAC,CAC1C,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC1B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAClB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { IconButton as SurfaceIconButton } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveButtonRecipe } from '../../../../internal/recipes';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { IconButtonProps } from '../../../../types/icon-button';\n/***\n * Icon-only button for compact actions; requires an accessible `label`.\n */\nexport const IconButton = withZoraThemeScope(IconButtonInner);\n\nfunction IconButtonInner({\n  themeId: _themeId,\n  mode: _mode,\n  icon,\n  iconName,\n  label,\n  variant = 'ghost',\n  color = 'neutral',\n  size = 'm',\n  interactionPolicy,\n  ...props\n}: IconButtonProps) {\n  const recipe = resolveButtonRecipe({ color, variant, size });\n\n  return (\n    <SurfaceIconButton\n      {...props}\n      icon={icon ?? { name: iconName ?? 'add' }}\n      accessibilityLabel={label}\n      color={recipe.color}\n      size={recipe.size}\n      variant={recipe.variant}\n      interactionPolicy={interactionPolicy}\n    />\n  );\n}\n"]}

package/dist/features/button/buttonGroupMeta.d.ts

@@ -0,0 +1,44 @@
+export declare const buttonGroupMeta: {
+    readonly name: "ButtonGroup";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["Button", "IconButton"];
+    readonly blueprint: {
+        readonly label: "Button group";
+        readonly defaultProps: {
+            readonly align: "end";
+            readonly orientation: "horizontal";
+            readonly gap: "s";
+        };
+    };
+    readonly props: {
+        readonly align: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Align";
+            readonly enum: readonly ["start", "center", "end", "stretch", "between"];
+            readonly default: "end";
+        };
+        readonly orientation: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Orientation";
+            readonly enum: readonly ["horizontal", "vertical", "responsive"];
+            readonly default: "horizontal";
+        };
+        readonly gap: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Gap";
+            readonly enum: readonly ["xs", "s", "m", "l"];
+            readonly default: "s";
+        };
+        readonly reverse: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Reverse order";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=buttonGroupMeta.d.ts.map

package/dist/features/button/buttonGroupMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroupMeta.d.ts","sourceRoot":"","sources":["../../../src/features/button/buttonGroupMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CU,CAAC"}

package/dist/features/button/buttonGroupMeta.js

@@ -0,0 +1,44 @@
+export const buttonGroupMeta = {
+    name: 'ButtonGroup',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: ['Button', 'IconButton'],
+    blueprint: {
+        label: 'Button group',
+        defaultProps: {
+            align: 'end',
+            orientation: 'horizontal',
+            gap: 's',
+        },
+    },
+    props: {
+        align: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Align',
+            enum: ['start', 'center', 'end', 'stretch', 'between'],
+            default: 'end',
+        },
+        orientation: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Orientation',
+            enum: ['horizontal', 'vertical', 'responsive'],
+            default: 'horizontal',
+        },
+        gap: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Gap',
+            enum: ['xs', 's', 'm', 'l'],
+            default: 's',
+        },
+        reverse: {
+            type: 'boolean',
+            category: 'Layout',
+            label: 'Reverse order',
+            default: false,
+        },
+    },
+};
+//# sourceMappingURL=buttonGroupMeta.js.map

package/dist/features/button/buttonGroupMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroupMeta.js","sourceRoot":"","sources":["../../../src/features/button/buttonGroupMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;IACzC,SAAS,EAAE;QACT,KAAK,EAAE,cAAc;QACrB,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,YAAY;YACzB,GAAG,EAAE,GAAG;SACT;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;YACtD,OAAO,EAAE,KAAK;SACf;QACD,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC;YAC9C,OAAO,EAAE,YAAY;SACtB;QACD,GAAG,EAAE;YACH,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YAC3B,OAAO,EAAE,GAAG;SACb;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const buttonGroupMeta = {\n  name: 'ButtonGroup',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: ['Button', 'IconButton'],\n  blueprint: {\n    label: 'Button group',\n    defaultProps: {\n      align: 'end',\n      orientation: 'horizontal',\n      gap: 's',\n    },\n  },\n  props: {\n    align: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Align',\n      enum: ['start', 'center', 'end', 'stretch', 'between'],\n      default: 'end',\n    },\n    orientation: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Orientation',\n      enum: ['horizontal', 'vertical', 'responsive'],\n      default: 'horizontal',\n    },\n    gap: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Gap',\n      enum: ['xs', 's', 'm', 'l'],\n      default: 's',\n    },\n    reverse: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Reverse order',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/button/buttonMeta.d.ts

@@ -0,0 +1,73 @@
+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 events: {
+        readonly press: {
+            readonly label: "Press";
+            readonly eventType: "button.press";
+            readonly description: "Emitted when the button action runs.";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly props: {
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly loading: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly children: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Label";
+            readonly default: "Continue";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly color: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Color";
+            readonly enum: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly variant: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Variant";
+            readonly enum: readonly ["solid", "outline", "ghost", "soft"];
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Size";
+            readonly enum: readonly ["s", "m", "l"];
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+    };
+};
+//# sourceMappingURL=buttonMeta.d.ts.map

package/dist/features/button/buttonMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonMeta.d.ts","sourceRoot":"","sources":["../../../src/features/button/buttonMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Ce,CAAC"}

package/dist/features/button/buttonMeta.js

@@ -0,0 +1,50 @@
+import { COMPONENT_THEME_AUTHORING } from '../../constants';
+import { ZORA_COLORS } from '../../internal/colorModel';
+export const buttonMeta = {
+    name: 'Button',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Button', defaultProps: { children: 'Continue' } },
+    events: {
+        press: {
+            label: 'Press',
+            eventType: 'button.press',
+            description: 'Emitted when the button action runs.',
+            payloadFields: [],
+        },
+    },
+    props: {
+        disabled: { type: 'boolean', category: 'State' },
+        loading: { type: 'boolean', category: 'State' },
+        children: {
+            type: 'string',
+            category: 'Content',
+            label: 'Label',
+            default: 'Continue',
+            authoring: { authority: 'instance' },
+        },
+        color: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Color',
+            enum: [...ZORA_COLORS],
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+        variant: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Variant',
+            enum: ['solid', 'outline', 'ghost', 'soft'],
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+        size: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Size',
+            enum: ['s', 'm', 'l'],
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+    },
+};
+//# sourceMappingURL=buttonMeta.js.map

package/dist/features/button/buttonMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonMeta.js","sourceRoot":"","sources":["../../../src/features/button/buttonMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE;IACtE,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,sCAAsC;YACnD,aAAa,EAAE,EAAE;SAClB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;QAChD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/C,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,GAAG,WAAW,CAAC;YACtB,SAAS,EAAE,yBAAyB;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YAC3C,SAAS,EAAE,yBAAyB;SACrC;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,SAAS,EAAE,yBAAyB;SACrC;KACF;CACmC,CAAC","sourcesContent":["import { COMPONENT_THEME_AUTHORING } from '../../constants';\nimport { ZORA_COLORS } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nexport const buttonMeta = {\n  name: 'Button',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Button', defaultProps: { children: 'Continue' } },\n  events: {\n    press: {\n      label: 'Press',\n      eventType: 'button.press',\n      description: 'Emitted when the button action runs.',\n      payloadFields: [],\n    },\n  },\n  props: {\n    disabled: { type: 'boolean', category: 'State' },\n    loading: { type: 'boolean', category: 'State' },\n    children: {\n      type: 'string',\n      category: 'Content',\n      label: 'Label',\n      default: 'Continue',\n      authoring: { authority: 'instance' },\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Color',\n      enum: [...ZORA_COLORS],\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n    variant: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Variant',\n      enum: ['solid', 'outline', 'ghost', 'soft'],\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Size',\n      enum: ['s', 'm', 'l'],\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/button/iconButtonMeta.d.ts

@@ -0,0 +1,47 @@
+export declare const iconButtonMeta: {
+    readonly name: "IconButton";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly events: {
+        readonly press: {
+            readonly label: "Press";
+            readonly eventType: "iconButton.press";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly props: {
+        readonly iconName: {
+            readonly type: "string";
+            readonly category: "Content";
+        };
+        readonly label: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly loading: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly color: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["primary", "secondary", "neutral", "success", "warning", "danger", "info"];
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["s", "m", "l"];
+        };
+        readonly variant: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["solid", "outline", "ghost", "soft"];
+        };
+    };
+};
+//# sourceMappingURL=iconButtonMeta.d.ts.map

package/dist/features/button/iconButtonMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButtonMeta.d.ts","sourceRoot":"","sources":["../../../src/features/button/iconButtonMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CW,CAAC"}

package/dist/features/button/iconButtonMeta.js

@@ -0,0 +1,47 @@
+export const iconButtonMeta = {
+    name: 'IconButton',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    events: {
+        press: {
+            label: 'Press',
+            eventType: 'iconButton.press',
+            payloadFields: [],
+        },
+    },
+    props: {
+        iconName: {
+            type: 'string',
+            category: 'Content',
+        },
+        label: {
+            type: 'string',
+            category: 'Accessibility',
+        },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+        },
+        loading: {
+            type: 'boolean',
+            category: 'State',
+        },
+        color: {
+            type: 'enum',
+            category: 'Style',
+            enum: ['primary', 'secondary', 'neutral', 'success', 'warning', 'danger', 'info'],
+        },
+        size: {
+            type: 'enum',
+            category: 'Style',
+            enum: ['s', 'm', 'l'],
+        },
+        variant: {
+            type: 'enum',
+            category: 'Style',
+            enum: ['solid', 'outline', 'ghost', 'soft'],
+        },
+    },
+};
+//# sourceMappingURL=iconButtonMeta.js.map

package/dist/features/button/iconButtonMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButtonMeta.js","sourceRoot":"","sources":["../../../src/features/button/iconButtonMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,kBAAkB;YAC7B,aAAa,EAAE,EAAE;SAClB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,eAAe;SAC1B;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;SAClB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;SAClB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;SAClF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACtB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SAC5C;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const iconButtonMeta = {\n  name: 'IconButton',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  events: {\n    press: {\n      label: 'Press',\n      eventType: 'iconButton.press',\n      payloadFields: [],\n    },\n  },\n  props: {\n    iconName: {\n      type: 'string',\n      category: 'Content',\n    },\n    label: {\n      type: 'string',\n      category: 'Accessibility',\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n    },\n    loading: {\n      type: 'boolean',\n      category: 'State',\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['primary', 'secondary', 'neutral', 'success', 'warning', 'danger', 'info'],\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['s', 'm', 'l'],\n    },\n    variant: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['solid', 'outline', 'ghost', 'soft'],\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/button/public.d.ts

@@ -0,0 +1,7 @@
+export type { ButtonProps } from '../../types/button';
+export type { ButtonGroupAlign, ButtonGroupOrientation, ButtonGroupProps, } from '../../types/button-group';
+export type { IconButtonProps } from '../../types/icon-button';
+export { Button } from './adapters/inbound/Button';
+export { ButtonGroup } from './adapters/inbound/ButtonGroup';
+export { IconButton } from './adapters/inbound/IconButton';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/button/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/button/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/features/button/public.js

@@ -0,0 +1,4 @@
+export { Button } from './adapters/inbound/Button';
+export { ButtonGroup } from './adapters/inbound/ButtonGroup';
+export { IconButton } from './adapters/inbound/IconButton';
+//# sourceMappingURL=public.js.map

package/dist/features/button/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/button/public.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export type { ButtonProps } from '../../types/button';\nexport type {\n  ButtonGroupAlign,\n  ButtonGroupOrientation,\n  ButtonGroupProps,\n} from '../../types/button-group';\nexport type { IconButtonProps } from '../../types/icon-button';\nexport { Button } from './adapters/inbound/Button';\nexport { ButtonGroup } from './adapters/inbound/ButtonGroup';\nexport { IconButton } from './adapters/inbound/IconButton';\n"]}

package/dist/features/button/utils/resolveButtonThemeRecipe.d.ts

@@ -0,0 +1,9 @@
+import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
+import { type ZoraButtonVariant, type ZoraColor, type ZoraControlSize } from '../../../internal/recipes';
+export declare function resolveButtonThemeRecipe(input: {
+    readonly color?: ZoraColor;
+    readonly variant?: ZoraButtonVariant;
+    readonly size?: ZoraControlSize;
+    readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;
+}): Pick<import("@ankhorage/surface").ButtonProps, "color" | "variant" | "size">;
+//# sourceMappingURL=resolveButtonThemeRecipe.d.ts.map

package/dist/features/button/utils/resolveButtonThemeRecipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveButtonThemeRecipe.d.ts","sourceRoot":"","sources":["../../../../src/features/button/utils/resolveButtonThemeRecipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AAEnC,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IAChC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAC;CAC1E,gFAMA"}

package/dist/features/button/utils/resolveButtonThemeRecipe.js

@@ -0,0 +1,30 @@
+import { resolveButtonRecipe, } from '../../../internal/recipes';
+export function resolveButtonThemeRecipe(input) {
+    return resolveButtonRecipe({
+        color: input.color ?? readColor(input.themeFields.color),
+        variant: input.variant ?? readVariant(input.themeFields.variant),
+        size: input.size ?? readSize(input.themeFields.size),
+    });
+}
+function readColor(value) {
+    if (typeof value !== 'string')
+        return undefined;
+    if (value === 'primary' || value === 'secondary' || value === 'tertiary')
+        return value;
+    if (value === 'quaternary' || value === 'neutral' || value === 'danger')
+        return value;
+    if (value === 'success' || value === 'warning' || value === 'error' || value === 'info')
+        return value;
+    return undefined;
+}
+function readVariant(value) {
+    if (value === 'solid' || value === 'outline' || value === 'ghost' || value === 'soft')
+        return value;
+    return undefined;
+}
+function readSize(value) {
+    if (value === 's' || value === 'm' || value === 'l')
+        return value;
+    return undefined;
+}
+//# sourceMappingURL=resolveButtonThemeRecipe.js.map

package/dist/features/button/utils/resolveButtonThemeRecipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveButtonThemeRecipe.js","sourceRoot":"","sources":["../../../../src/features/button/utils/resolveButtonThemeRecipe.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,GAIpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,wBAAwB,CAAC,KAKxC;IACC,OAAO,mBAAmB,CAAC;QACzB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QACxD,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;QAChE,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC;KACrD,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,KAA2C;IAC5D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,KAAK,CAAC;IACvF,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM;QACrF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,WAAW,CAAC,KAA2C;IAC9D,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM;QACnF,OAAO,KAAK,CAAC;IACf,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,QAAQ,CAAC,KAA2C;IAC3D,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,GAAG;QAAE,OAAO,KAAK,CAAC;IAClE,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';\n\nimport {\n  resolveButtonRecipe,\n  type ZoraButtonVariant,\n  type ZoraColor,\n  type ZoraControlSize,\n} from '../../../internal/recipes';\n\nexport function resolveButtonThemeRecipe(input: {\n  readonly color?: ZoraColor;\n  readonly variant?: ZoraButtonVariant;\n  readonly size?: ZoraControlSize;\n  readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;\n}) {\n  return resolveButtonRecipe({\n    color: input.color ?? readColor(input.themeFields.color),\n    variant: input.variant ?? readVariant(input.themeFields.variant),\n    size: input.size ?? readSize(input.themeFields.size),\n  });\n}\n\nfunction readColor(value: ThemeRecipeOverrideValue | undefined): ZoraColor | undefined {\n  if (typeof value !== 'string') return undefined;\n  if (value === 'primary' || value === 'secondary' || value === 'tertiary') return value;\n  if (value === 'quaternary' || value === 'neutral' || value === 'danger') return value;\n  if (value === 'success' || value === 'warning' || value === 'error' || value === 'info')\n    return value;\n  return undefined;\n}\n\nfunction readVariant(value: ThemeRecipeOverrideValue | undefined): ZoraButtonVariant | undefined {\n  if (value === 'solid' || value === 'outline' || value === 'ghost' || value === 'soft')\n    return value;\n  return undefined;\n}\n\nfunction readSize(value: ThemeRecipeOverrideValue | undefined): ZoraControlSize | undefined {\n  if (value === 's' || value === 'm' || value === 'l') return value;\n  return undefined;\n}\n"]}

package/dist/features/button/utils/themeRecipeMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRecipeMeta.d.ts","sourceRoot":"","sources":["../../../../src/features/button/utils/themeRecipeMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBM,CAAC"}

package/dist/features/button/utils/themeRecipeMeta.js

@@ -0,0 +1,28 @@
+import { ZORA_COLORS } from '../../../internal/colorModel';
+export const buttonThemeRecipeMeta = {
+    name: 'Button',
+    kind: 'component',
+    description: 'Maps shared semantic choices into Button presentation defaults.',
+    fields: {
+        color: {
+            type: 'choice',
+            label: 'Color',
+            options: ZORA_COLORS,
+            default: 'primary',
+        },
+        variant: {
+            type: 'choice',
+            label: 'Variant',
+            options: ['solid', 'outline', 'ghost', 'soft'],
+            default: 'solid',
+        },
+        size: {
+            type: 'choice',
+            label: 'Size',
+            description: 'A Button-specific semantic scale, not a universal pixel size.',
+            options: ['s', 'm', 'l'],
+            default: 'l',
+        },
+    },
+};
+//# sourceMappingURL=themeRecipeMeta.js.map

package/dist/features/button/utils/themeRecipeMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../../src/features/button/utils/themeRecipeMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,iEAAiE;IAC9E,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YAC9C,OAAO,EAAE,OAAO;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,+DAA+D;YAC5E,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YACxB,OAAO,EAAE,GAAG;SACb;KACF;CACqC,CAAC","sourcesContent":["import { ZORA_COLORS } from '../../../internal/colorModel';\nimport type { ZoraThemeRecipeMeta } from '../../../metadata/themeRecipeTypes';\n\nexport const buttonThemeRecipeMeta = {\n  name: 'Button',\n  kind: 'component',\n  description: 'Maps shared semantic choices into Button presentation defaults.',\n  fields: {\n    color: {\n      type: 'choice',\n      label: 'Color',\n      options: ZORA_COLORS,\n      default: 'primary',\n    },\n    variant: {\n      type: 'choice',\n      label: 'Variant',\n      options: ['solid', 'outline', 'ghost', 'soft'],\n      default: 'solid',\n    },\n    size: {\n      type: 'choice',\n      label: 'Size',\n      description: 'A Button-specific semantic scale, not a universal pixel size.',\n      options: ['s', 'm', 'l'],\n      default: 'l',\n    },\n  },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}

package/dist/features/card/adapters/inbound/Card.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { CardProps } from '../../../../types/card';
+/***
+ * Structured content container with built-in heading, description, actions, and footer slots.
+ *
+ * Use `Card` for reusable content blocks that should inherit ZORA spacing,
+ * radius, tone, and responsive header layout without hand-assembling primitives.
+ *
+ * @example Content card
+ * ```tsx
+ * <Card title="Project" description="Latest activity">...</Card>
+ * ```
+ */
+export declare const Card: (props: CardProps) => React.ReactElement | null;
+//# sourceMappingURL=Card.d.ts.map

package/dist/features/card/adapters/inbound/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKxD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/card/adapters/inbound/Card.js

@@ -0,0 +1,53 @@
+import { Card as SurfaceCard } from '@ankhorage/surface';
+import React from 'react';
+import { resolveCardVariant } from '../../../../internal/recipes';
+import { useZoraThemeRecipe } from '../../../../theme/useZoraThemeRecipe';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Box, Stack } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
+import { resolveCardThemeRecipe } from '../../utils/resolveCardThemeRecipe';
+/***
+ * Structured content container with built-in heading, description, actions, and footer slots.
+ *
+ * Use `Card` for reusable content blocks that should inherit ZORA spacing,
+ * radius, tone, and responsive header layout without hand-assembling primitives.
+ *
+ * @example Content card
+ * ```tsx
+ * <Card title="Project" description="Latest activity">...</Card>
+ * ```
+ */
+export const Card = withZoraThemeScope(CardInner);
+function CardInner({ themeId: _themeId, mode: _mode, children, title, description, eyebrow, actions, footer, tone, compact, padding, radius, onPress, interactionPolicy, ...props }) {
+    const themeFields = useZoraThemeRecipe('Card');
+    const recipe = resolveCardThemeRecipe({ tone, compact, padding, radius, themeFields });
+    const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);
+    const hasFooter = footer !== undefined;
+    const gap = recipe.compact ? 's' : 'm';
+    const isInteractive = Boolean(onPress) && !actions;
+    const passive = interactionPolicy === 'passive';
+    return (<SurfaceCard {...props} onPress={isInteractive && !passive ? onPress : undefined} p={recipe.padding} radius={recipe.radius} variant={resolveCardVariant(recipe.tone)}>
+      <Stack gap={gap}>
+        {hasHeader ? (<Stack align={{ base: 'flex-start', md: 'center' }} direction={{ base: 'column', md: 'row' }} gap="m" justify="space-between">
+            <Box flex={{ md: 1 }} width={{ base: '100%', md: 'auto' }}>
+              <Stack gap="xs">
+                {eyebrow ? (<Text emphasis="muted" variant="caption" weight="semiBold">
+                    {eyebrow}
+                  </Text>) : null}
+                {title ? <Heading level={recipe.compact ? 4 : 3}>{title}</Heading> : null}
+                {description ? (<Text emphasis="muted" variant="bodySmall">
+                    {description}
+                  </Text>) : null}
+              </Stack>
+            </Box>
+            {actions ? <Box>{actions}</Box> : null}
+          </Stack>) : null}
+
+        {children ? <Box>{children}</Box> : null}
+
+        {hasFooter ? <Box pt="xs">{footer}</Box> : null}
+      </Stack>
+    </SurfaceCard>);
+}
+//# sourceMappingURL=Card.js.map

package/dist/features/card/adapters/inbound/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Card as SurfaceCard } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveCardVariant } from '../../../../internal/recipes';\nimport { useZoraThemeRecipe } from '../../../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { CardProps } from '../../../../types/card';\nimport { Box, Stack } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\nimport { resolveCardThemeRecipe } from '../../utils/resolveCardThemeRecipe';\n/***\n * Structured content container with built-in heading, description, actions, and footer slots.\n *\n * Use `Card` for reusable content blocks that should inherit ZORA spacing,\n * radius, tone, and responsive header layout without hand-assembling primitives.\n *\n * @example Content card\n * ```tsx\n * <Card title=\"Project\" description=\"Latest activity\">...</Card>\n * ```\n */\nexport const Card = withZoraThemeScope(CardInner);\n\nfunction CardInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  title,\n  description,\n  eyebrow,\n  actions,\n  footer,\n  tone,\n  compact,\n  padding,\n  radius,\n  onPress,\n  interactionPolicy,\n  ...props\n}: CardProps) {\n  const themeFields = useZoraThemeRecipe('Card');\n  const recipe = resolveCardThemeRecipe({ tone, compact, padding, radius, themeFields });\n  const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);\n  const hasFooter = footer !== undefined;\n  const gap = recipe.compact ? 's' : 'm';\n  const isInteractive = Boolean(onPress) && !actions;\n  const passive = interactionPolicy === 'passive';\n\n  return (\n    <SurfaceCard\n      {...props}\n      onPress={isInteractive && !passive ? onPress : undefined}\n      p={recipe.padding}\n      radius={recipe.radius}\n      variant={resolveCardVariant(recipe.tone)}\n    >\n      <Stack gap={gap}>\n        {hasHeader ? (\n          <Stack\n            align={{ base: 'flex-start', md: 'center' }}\n            direction={{ base: 'column', md: 'row' }}\n            gap=\"m\"\n            justify=\"space-between\"\n          >\n            <Box flex={{ md: 1 }} width={{ base: '100%', md: 'auto' }}>\n              <Stack gap=\"xs\">\n                {eyebrow ? (\n                  <Text emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n                    {eyebrow}\n                  </Text>\n                ) : null}\n                {title ? <Heading level={recipe.compact ? 4 : 3}>{title}</Heading> : null}\n                {description ? (\n                  <Text emphasis=\"muted\" variant=\"bodySmall\">\n                    {description}\n                  </Text>\n                ) : null}\n              </Stack>\n            </Box>\n            {actions ? <Box>{actions}</Box> : null}\n          </Stack>\n        ) : null}\n\n        {children ? <Box>{children}</Box> : null}\n\n        {hasFooter ? <Box pt=\"xs\">{footer}</Box> : null}\n      </Stack>\n    </SurfaceCard>\n  );\n}\n"]}

package/dist/features/card/adapters/inbound/MediaCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MediaCardProps } from '../../../../types/media-card';
+/***
+ * Card layout with an optional media/header region and structured content slots.
+ */
+export declare const MediaCard: (props: MediaCardProps) => React.ReactElement | null;
+//# sourceMappingURL=MediaCard.d.ts.map

package/dist/features/card/adapters/inbound/MediaCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/MediaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAKnE;;GAEG;AACH,eAAO,MAAM,SAAS,sDAAqC,CAAC"}