@ankhorage/zora 2.11.0 → 2.13.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 2.13.0
+
+### Minor Changes
+
+- 04e4124: Make Image a first-class manifest-authoring node backed by canonical media metadata, with image-kind constraints and shared static metadata across the standard and bindable registries.
+
+## 2.12.0
+
+### Minor Changes
+
+- 7524b66: Resolve canonical persisted theme recipe overrides through ZORA-owned metadata, preserve full ThemeConfig across theme scopes, and make explicit component props override inherited recipe defaults without pinning theme-owned values into new manifest blueprints.
+
 ## 2.11.0
 
 ### Minor Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # ZORA
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v2.9.2](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v2.12.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 
@@ -64,7 +64,7 @@ export default function BasicApp() {
 - [resolveOAuthProviderLabel sequence](././paradox/diagrams/sequences/resolve-oauth-provider-label.mmd)
 - [SelectableItem sequence](././paradox/diagrams/sequences/selectable-item.mmd)
 - [SelectionProvider sequence](././paradox/diagrams/sequences/selection-provider.mmd)
+- [ThemeModeToggle sequence](././paradox/diagrams/sequences/theme-mode-toggle.mmd)
 - [useZoraTheme sequence](././paradox/diagrams/sequences/use-zora-theme.mmd)
 - [validateField sequence](././paradox/diagrams/sequences/validate-field.mmd)
 - [validateFields sequence](././paradox/diagrams/sequences/validate-fields.mmd)
-- [ZoraProvider sequence](././paradox/diagrams/sequences/zora-provider.mmd)

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAwB3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAyB3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/components/button/Button.js

@@ -1,9 +1,11 @@
 import { Button as SurfaceButton } from '@ankhorage/surface';
 import React from 'react';
-import { resolveButtonRecipe } from '../../internal/recipes';
+import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { resolveButtonThemeRecipe } from './resolveButtonThemeRecipe';
 function ButtonInner({ themeId: _themeId, mode: _mode, color, variant, size, interactionPolicy, ...props }) {
-    const recipe = resolveButtonRecipe({ color, variant, size });
+    const themeFields = useZoraThemeRecipe('Button');
+    const recipe = resolveButtonThemeRecipe({ color, variant, size, themeFields });
     return (<SurfaceButton {...props} color={recipe.color} size={recipe.size} variant={recipe.variant} interactionPolicy={interactionPolicy}/>);
 }
 /***

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,GAAG,KAAK,EACI;IACZ,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,KAAK,CAAC,CACV,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;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { Button as SurfaceButton } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveButtonRecipe } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ButtonProps } from './types';\n\nfunction ButtonInner({\n  themeId: _themeId,\n  mode: _mode,\n  color,\n  variant,\n  size,\n  interactionPolicy,\n  ...props\n}: ButtonProps) {\n  const recipe = resolveButtonRecipe({ color, variant, size });\n\n  return (\n    <SurfaceButton\n      {...props}\n      color={recipe.color}\n      size={recipe.size}\n      variant={recipe.variant}\n      interactionPolicy={interactionPolicy}\n    />\n  );\n}\n\n/***\n * Theme-aware action control for primary, secondary, destructive, and neutral actions.\n *\n * Use `Button` for explicit user actions that should follow ZORA's semantic color,\n * variant, and size recipes across React Native and React Native Web.\n *\n * @example Basic action\n * ```tsx\n * <Button color=\"primary\" variant=\"solid\" onPress={save}>Save</Button>\n * ```\n */\nexport const Button = withZoraThemeScope(ButtonInner);\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,GAAG,KAAK,EACI;IACZ,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,wBAAwB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAE/E,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,KAAK,CAAC,CACV,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;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { Button as SurfaceButton } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { resolveButtonThemeRecipe } from './resolveButtonThemeRecipe';\nimport type { ButtonProps } from './types';\n\nfunction ButtonInner({\n  themeId: _themeId,\n  mode: _mode,\n  color,\n  variant,\n  size,\n  interactionPolicy,\n  ...props\n}: ButtonProps) {\n  const themeFields = useZoraThemeRecipe('Button');\n  const recipe = resolveButtonThemeRecipe({ color, variant, size, themeFields });\n\n  return (\n    <SurfaceButton\n      {...props}\n      color={recipe.color}\n      size={recipe.size}\n      variant={recipe.variant}\n      interactionPolicy={interactionPolicy}\n    />\n  );\n}\n\n/***\n * Theme-aware action control for primary, secondary, destructive, and neutral actions.\n *\n * Use `Button` for explicit user actions that should follow ZORA's semantic color,\n * variant, and size recipes across React Native and React Native Web.\n *\n * @example Basic action\n * ```tsx\n * <Button color=\"primary\" variant=\"solid\" onPress={save}>Save</Button>\n * ```\n */\nexport const Button = withZoraThemeScope(ButtonInner);\n"]}

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

@@ -7,9 +7,6 @@ export declare const buttonMeta: {
         readonly label: "Button";
         readonly defaultProps: {
             readonly children: "Continue";
-            readonly color: "primary";
-            readonly variant: "solid";
-            readonly size: "m";
         };
     };
     readonly events: {
@@ -35,10 +32,10 @@ export declare const buttonMeta: {
             readonly category: "Style";
             readonly label: "Color";
             readonly enum: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
-            readonly default: "primary";
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly variant: {
@@ -46,10 +43,10 @@ export declare const buttonMeta: {
             readonly category: "Style";
             readonly label: "Variant";
             readonly enum: readonly ["solid", "outline", "ghost", "soft"];
-            readonly default: "solid";
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly size: {
@@ -57,10 +54,10 @@ export declare const buttonMeta: {
             readonly category: "Style";
             readonly label: "Size";
             readonly enum: readonly ["s", "m", "l"];
-            readonly default: "m";
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
     };

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

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

package/dist/components/button/meta.js

@@ -1,18 +1,15 @@
 import { ZORA_COLORS } from '../../internal/colorModel';
+const themeAuthoring = {
+    authority: 'theme',
+    scope: 'component',
+    allowInstanceOverride: true,
+};
 export const buttonMeta = {
     name: 'Button',
     category: 'component',
     directManifestNode: true,
     allowedChildren: [],
-    blueprint: {
-        label: 'Button',
-        defaultProps: {
-            children: 'Continue',
-            color: 'primary',
-            variant: 'solid',
-            size: 'm',
-        },
-    },
+    blueprint: { label: 'Button', defaultProps: { children: 'Continue' } },
     events: {
         press: {
             label: 'Press',
@@ -34,24 +31,21 @@ export const buttonMeta = {
             category: 'Style',
             label: 'Color',
             enum: [...ZORA_COLORS],
-            default: 'primary',
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
         variant: {
             type: 'enum',
             category: 'Style',
             label: 'Variant',
             enum: ['solid', 'outline', 'ghost', 'soft'],
-            default: 'solid',
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
         size: {
             type: 'enum',
             category: 'Style',
             label: 'Size',
             enum: ['s', 'm', 'l'],
-            default: 'm',
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAAA,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;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,GAAG;SACV;KACF;IACD,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;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,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;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,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;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;YACZ,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;KACF;CACmC,CAAC","sourcesContent":["import { 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: {\n    label: 'Button',\n    defaultProps: {\n      children: 'Continue',\n      color: 'primary',\n      variant: 'solid',\n      size: 'm',\n    },\n  },\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    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      default: 'primary',\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    variant: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Variant',\n      enum: ['solid', 'outline', 'ghost', 'soft'],\n      default: 'solid',\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Size',\n      enum: ['s', 'm', 'l'],\n      default: 'm',\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,MAAM,cAAc,GAAG;IACrB,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,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;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,cAAc;SAC1B;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,cAAc;SAC1B;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,cAAc;SAC1B;KACF;CACmC,CAAC","sourcesContent":["import { ZORA_COLORS } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nconst themeAuthoring = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\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    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: themeAuthoring,\n    },\n    variant: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Variant',\n      enum: ['solid', 'outline', 'ghost', 'soft'],\n      authoring: themeAuthoring,\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Size',\n      enum: ['s', 'm', 'l'],\n      authoring: themeAuthoring,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/button/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, "variant" | "size" | "color">;
+//# sourceMappingURL=resolveButtonThemeRecipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveButtonThemeRecipe.d.ts","sourceRoot":"","sources":["../../../src/components/button/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,wBAAwB,CAAC;AAEhC,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/components/button/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/components/button/resolveButtonThemeRecipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveButtonThemeRecipe.js","sourceRoot":"","sources":["../../../src/components/button/resolveButtonThemeRecipe.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,GAIpB,MAAM,wBAAwB,CAAC;AAEhC,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/components/button/themeRecipeMeta.d.ts

@@ -1,12 +1,12 @@
 export declare const buttonThemeRecipeMeta: {
     readonly name: "Button";
     readonly kind: "component";
-    readonly description: "Maps shared theme tokens and semantic choices into Button presentation.";
+    readonly description: "Maps shared semantic choices into Button presentation defaults.";
     readonly fields: {
         readonly color: {
-            readonly type: "token";
-            readonly tokenFamily: "colors";
+            readonly type: "choice";
             readonly label: "Color";
+            readonly options: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
             readonly default: "primary";
         };
         readonly variant: {
@@ -20,13 +20,7 @@ export declare const buttonThemeRecipeMeta: {
             readonly label: "Size";
             readonly description: "A Button-specific semantic scale, not a universal pixel size.";
             readonly options: readonly ["s", "m", "l"];
-            readonly default: "m";
-        };
-        readonly radius: {
-            readonly type: "token";
-            readonly tokenFamily: "radii";
-            readonly label: "Corner radius";
-            readonly default: "m";
+            readonly default: "l";
         };
     };
 };

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

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

package/dist/components/button/themeRecipeMeta.js

@@ -1,12 +1,13 @@
+import { ZORA_COLORS } from '../../internal/colorModel';
 export const buttonThemeRecipeMeta = {
     name: 'Button',
     kind: 'component',
-    description: 'Maps shared theme tokens and semantic choices into Button presentation.',
+    description: 'Maps shared semantic choices into Button presentation defaults.',
     fields: {
         color: {
-            type: 'token',
-            tokenFamily: 'colors',
+            type: 'choice',
             label: 'Color',
+            options: ZORA_COLORS,
             default: 'primary',
         },
         variant: {
@@ -20,13 +21,7 @@ export const buttonThemeRecipeMeta = {
             label: 'Size',
             description: 'A Button-specific semantic scale, not a universal pixel size.',
             options: ['s', 'm', 'l'],
-            default: 'm',
-        },
-        radius: {
-            type: 'token',
-            tokenFamily: 'radii',
-            label: 'Corner radius',
-            default: 'm',
+            default: 'l',
         },
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/button/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,yEAAyE;IACtF,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE,OAAO;YACd,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;QACD,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,GAAG;SACb;KACF;CACqC,CAAC","sourcesContent":["import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';\n\nexport const buttonThemeRecipeMeta = {\n  name: 'Button',\n  kind: 'component',\n  description: 'Maps shared theme tokens and semantic choices into Button presentation.',\n  fields: {\n    color: {\n      type: 'token',\n      tokenFamily: 'colors',\n      label: 'Color',\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: 'm',\n    },\n    radius: {\n      type: 'token',\n      tokenFamily: 'radii',\n      label: 'Corner radius',\n      default: 'm',\n    },\n  },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}
+{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/button/themeRecipeMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,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/components/card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAkEzC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAsEzC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/components/card/Card.js

@@ -2,16 +2,20 @@ import { Card as SurfaceCard } from '@ankhorage/surface';
 import React from 'react';
 import { Box, Stack } from '../../foundation';
 import { resolveCardVariant } from '../../internal/recipes';
+import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Heading } from '../heading';
 import { Text } from '../text';
-function CardInner({ themeId: _themeId, mode: _mode, children, title, description, eyebrow, actions, footer, tone = 'default', compact = false, onPress, interactionPolicy, ...props }) {
+import { resolveCardThemeRecipe } from './resolveCardThemeRecipe';
+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 = compact ? 's' : 'm';
+    const gap = recipe.compact ? 's' : 'm';
     const isInteractive = Boolean(onPress) && !actions;
     const passive = interactionPolicy === 'passive';
-    return (<SurfaceCard {...props} onPress={isInteractive && !passive ? onPress : undefined} p={compact ? 'm' : 'l'} radius="l" variant={resolveCardVariant(tone)}>
+    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' }}>
@@ -19,7 +23,7 @@ function CardInner({ themeId: _themeId, mode: _mode, children, title, descriptio
                 {eyebrow ? (<Text emphasis="muted" variant="caption" weight="semiBold">
                     {eyebrow}
                   </Text>) : null}
-                {title ? <Heading level={compact ? 4 : 3}>{title}</Heading> : null}
+                {title ? <Heading level={recipe.compact ? 4 : 3}>{title}</Heading> : null}
                 {description ? (<Text emphasis="muted" variant="bodySmall">
                     {description}
                   </Text>) : null}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Card as SurfaceCard } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { resolveCardVariant } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { Text } from '../text';\nimport type { CardProps } from './types';\n\nfunction CardInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  title,\n  description,\n  eyebrow,\n  actions,\n  footer,\n  tone = 'default',\n  compact = false,\n  onPress,\n  interactionPolicy,\n  ...props\n}: CardProps) {\n  const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);\n  const hasFooter = footer !== undefined;\n  const gap = 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={compact ? 'm' : 'l'}\n      radius=\"l\"\n      variant={resolveCardVariant(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={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\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"]}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Card as SurfaceCard } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { resolveCardVariant } from '../../internal/recipes';\nimport { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { Text } from '../text';\nimport { resolveCardThemeRecipe } from './resolveCardThemeRecipe';\nimport type { CardProps } from './types';\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\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"]}

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

@@ -7,7 +7,6 @@ export declare const cardMeta: {
         readonly label: "Card";
         readonly defaultProps: {
             readonly title: "Card";
-            readonly tone: "default";
         };
     };
     readonly props: {
@@ -40,20 +39,40 @@ export declare const cardMeta: {
             readonly category: "Style";
             readonly label: "Tone";
             readonly enum: readonly ["default", "subtle", "outline"];
-            readonly default: "default";
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
         readonly compact: {
             readonly type: "boolean";
             readonly category: "Layout";
             readonly label: "Compact";
-            readonly default: false;
             readonly authoring: {
                 readonly authority: "theme";
                 readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly padding: {
+            readonly type: "spacing";
+            readonly category: "Layout";
+            readonly label: "Padding";
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+            readonly label: "Corner radius";
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
             };
         };
     };

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

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

package/dist/components/card/meta.js

@@ -1,16 +1,15 @@
 import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+const themeAuthoring = {
+    authority: 'theme',
+    scope: 'component',
+    allowInstanceOverride: true,
+};
 export const cardMeta = {
     name: 'Card',
     category: 'component',
     directManifestNode: true,
     allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
-    blueprint: {
-        label: 'Card',
-        defaultProps: {
-            title: 'Card',
-            tone: 'default',
-        },
-    },
+    blueprint: { label: 'Card', defaultProps: { title: 'Card' } },
     props: {
         title: {
             type: 'string',
@@ -35,15 +34,15 @@ export const cardMeta = {
             category: 'Style',
             label: 'Tone',
             enum: ['default', 'subtle', 'outline'],
-            default: 'default',
-            authoring: { authority: 'theme', scope: 'component' },
+            authoring: themeAuthoring,
         },
-        compact: {
-            type: 'boolean',
-            category: 'Layout',
-            label: 'Compact',
-            default: false,
-            authoring: { authority: 'theme', scope: 'component' },
+        compact: { type: 'boolean', category: 'Layout', label: 'Compact', authoring: themeAuthoring },
+        padding: { type: 'spacing', category: 'Layout', label: 'Padding', authoring: themeAuthoring },
+        radius: {
+            type: 'radius',
+            category: 'Style',
+            label: 'Corner radius',
+            authoring: themeAuthoring,
         },
     },
 };

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

@@ -1 +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;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;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;YAClB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;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      authoring: { authority: 'instance' },\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n      authoring: { authority: 'instance' },\n    },\n    eyebrow: {\n      type: 'string',\n      category: 'Content',\n      label: 'Eyebrow',\n      authoring: { authority: 'instance' },\n    },\n    tone: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Tone',\n      enum: ['default', 'subtle', 'outline'],\n      default: 'default',\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n    compact: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Compact',\n      default: false,\n      authoring: { authority: 'theme', scope: 'component' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}
+{"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,GAAG;IACrB,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,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,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAC7D,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;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,SAAS,EAAE,cAAc;SAC1B;QACD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE;QAC7F,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE;QAC7F,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,cAAc;SAC1B;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nconst themeAuthoring = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\n\nexport const cardMeta = {\n  name: 'Card',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  blueprint: { label: 'Card', defaultProps: { title: 'Card' } },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n      authoring: { authority: 'instance' },\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n      authoring: { authority: 'instance' },\n    },\n    eyebrow: {\n      type: 'string',\n      category: 'Content',\n      label: 'Eyebrow',\n      authoring: { authority: 'instance' },\n    },\n    tone: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Tone',\n      enum: ['default', 'subtle', 'outline'],\n      authoring: themeAuthoring,\n    },\n    compact: { type: 'boolean', category: 'Layout', label: 'Compact', authoring: themeAuthoring },\n    padding: { type: 'spacing', category: 'Layout', label: 'Padding', authoring: themeAuthoring },\n    radius: {\n      type: 'radius',\n      category: 'Style',\n      label: 'Corner radius',\n      authoring: themeAuthoring,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

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

@@ -0,0 +1,15 @@
+import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
+import type { ZoraCardTone } from '../../internal/recipes';
+export declare function resolveCardThemeRecipe(input: {
+    readonly tone?: ZoraCardTone;
+    readonly compact?: boolean;
+    readonly padding?: string;
+    readonly radius?: string;
+    readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;
+}): {
+    tone: ZoraCardTone;
+    compact: boolean;
+    padding: string;
+    radius: string;
+};
+//# sourceMappingURL=resolveCardThemeRecipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveCardThemeRecipe.d.ts","sourceRoot":"","sources":["../../../src/components/card/resolveCardThemeRecipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAC;CAC1E;;;;;EASA"}

package/dist/components/card/resolveCardThemeRecipe.js

@@ -0,0 +1,22 @@
+export function resolveCardThemeRecipe(input) {
+    const tone = input.tone ?? readTone(input.themeFields.tone) ?? 'default';
+    const compact = input.compact ?? readBoolean(input.themeFields.compact) ?? false;
+    return {
+        tone,
+        compact,
+        padding: input.padding ?? readString(input.themeFields.padding) ?? (compact ? 'm' : 'l'),
+        radius: input.radius ?? readString(input.themeFields.radius) ?? 'l',
+    };
+}
+function readTone(value) {
+    if (value === 'default' || value === 'subtle' || value === 'outline')
+        return value;
+    return undefined;
+}
+function readBoolean(value) {
+    return typeof value === 'boolean' ? value : undefined;
+}
+function readString(value) {
+    return typeof value === 'string' ? value : undefined;
+}
+//# sourceMappingURL=resolveCardThemeRecipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveCardThemeRecipe.js","sourceRoot":"","sources":["../../../src/components/card/resolveCardThemeRecipe.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,sBAAsB,CAAC,KAMtC;IACC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC;IACjF,OAAO;QACL,IAAI;QACJ,OAAO;QACP,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACxF,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,GAAG;KACpE,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,KAA2C;IAC3D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACnF,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,WAAW,CAAC,KAA2C;IAC9D,OAAO,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC;AAED,SAAS,UAAU,CAAC,KAA2C;IAC7D,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACvD,CAAC","sourcesContent":["import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';\n\nimport type { ZoraCardTone } from '../../internal/recipes';\n\nexport function resolveCardThemeRecipe(input: {\n  readonly tone?: ZoraCardTone;\n  readonly compact?: boolean;\n  readonly padding?: string;\n  readonly radius?: string;\n  readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;\n}) {\n  const tone = input.tone ?? readTone(input.themeFields.tone) ?? 'default';\n  const compact = input.compact ?? readBoolean(input.themeFields.compact) ?? false;\n  return {\n    tone,\n    compact,\n    padding: input.padding ?? readString(input.themeFields.padding) ?? (compact ? 'm' : 'l'),\n    radius: input.radius ?? readString(input.themeFields.radius) ?? 'l',\n  };\n}\n\nfunction readTone(value: ThemeRecipeOverrideValue | undefined): ZoraCardTone | undefined {\n  if (value === 'default' || value === 'subtle' || value === 'outline') return value;\n  return undefined;\n}\n\nfunction readBoolean(value: ThemeRecipeOverrideValue | undefined): boolean | undefined {\n  return typeof value === 'boolean' ? value : undefined;\n}\n\nfunction readString(value: ThemeRecipeOverrideValue | undefined): string | undefined {\n  return typeof value === 'string' ? value : undefined;\n}\n"]}

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

@@ -13,7 +13,7 @@ export declare const cardThemeRecipeMeta: {
             readonly type: "token";
             readonly tokenFamily: "spacing";
             readonly label: "Padding";
-            readonly default: "l";
+            readonly description: "When unset, Card keeps its compact-aware spacing default.";
         };
         readonly radius: {
             readonly type: "token";

package/dist/components/card/themeRecipeMeta.js

@@ -13,7 +13,7 @@ export const cardThemeRecipeMeta = {
             type: 'token',
             tokenFamily: 'spacing',
             label: 'Padding',
-            default: 'l',
+            description: 'When unset, Card keeps its compact-aware spacing default.',
         },
         radius: {
             type: 'token',

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

@@ -1 +1 @@
-{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/card/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,+DAA+D;IAC5E,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACzC,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,GAAG;SACb;QACD,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,GAAG;SACb;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACqC,CAAC","sourcesContent":["import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';\n\nexport const cardThemeRecipeMeta = {\n  name: 'Card',\n  kind: 'component',\n  description: 'Maps global rhythm and surface tokens into Card presentation.',\n  fields: {\n    tone: {\n      type: 'choice',\n      label: 'Tone',\n      options: ['default', 'subtle', 'outline'],\n      default: 'default',\n    },\n    padding: {\n      type: 'token',\n      tokenFamily: 'spacing',\n      label: 'Padding',\n      default: 'l',\n    },\n    radius: {\n      type: 'token',\n      tokenFamily: 'radii',\n      label: 'Corner radius',\n      default: 'l',\n    },\n    compact: {\n      type: 'boolean',\n      label: 'Compact',\n      default: false,\n    },\n  },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}
+{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/card/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,+DAA+D;IAC5E,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACzC,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,2DAA2D;SACzE;QACD,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,GAAG;SACb;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACqC,CAAC","sourcesContent":["import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';\n\nexport const cardThemeRecipeMeta = {\n  name: 'Card',\n  kind: 'component',\n  description: 'Maps global rhythm and surface tokens into Card presentation.',\n  fields: {\n    tone: {\n      type: 'choice',\n      label: 'Tone',\n      options: ['default', 'subtle', 'outline'],\n      default: 'default',\n    },\n    padding: {\n      type: 'token',\n      tokenFamily: 'spacing',\n      label: 'Padding',\n      description: 'When unset, Card keeps its compact-aware spacing default.',\n    },\n    radius: {\n      type: 'token',\n      tokenFamily: 'radii',\n      label: 'Corner radius',\n      default: 'l',\n    },\n    compact: {\n      type: 'boolean',\n      label: 'Compact',\n      default: false,\n    },\n  },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}