@ankhorage/zora 7.0.0 → 9.0.0

package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TextInputProps } from '../../../../../types/text-input';
+/***
+ * Theme-aware text input with semantic sizing and optional leading/trailing icon slots.
+ *
+ * Use `TextInput` for single-line, multiline, and password form controls with ZORA styling.
+ *
+ * @example Search input
+ * ```tsx
+ * <TextInput placeholder="Search" leadingIcon={{ name: 'search-outline' }} />
+ * ```
+ */
+export declare const TextInput: (props: TextInputProps) => React.ReactElement | null;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/text-input/adapters/inbound/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAmDtE;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/features/form/text-input/adapters/inbound/TextInput.js

@@ -0,0 +1,24 @@
+import * as Surface from '@ankhorage/surface';
+import React from 'react';
+import { resolveIconSize } from '../../../../../internal/recipes';
+import { useZoraTheme } from '../../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';
+import { IconButton } from '../../../../button/public';
+function TextInputInner({ themeId: _themeId, mode: _mode, size = 'l', leadingIcon, trailingIcon, trailingAction, disabled, readOnly, interactionPolicy, ...props }) {
+    const { theme } = useZoraTheme();
+    const iconSize = resolveIconSize(size);
+    const iconColor = theme.semantics.content.muted;
+    return (<Surface.TextInput {...props} disabled={disabled} interactionPolicy={interactionPolicy} leadingAccessory={leadingIcon ? (<Surface.Icon {...leadingIcon} color={iconColor} size={iconSize}/>) : undefined} readOnly={readOnly} size={size} trailingAccessory={trailingAction ? (<IconButton icon={trailingAction.icon} interactionPolicy={interactionPolicy} label={trailingAction.label} disabled={disabled ?? readOnly} variant="ghost" size={size === 'l' ? 'm' : size} color="neutral" onPress={trailingAction.onPress}/>) : trailingIcon ? (<Surface.Icon {...trailingIcon} color={iconColor} size={iconSize}/>) : undefined}/>);
+}
+/***
+ * Theme-aware text input with semantic sizing and optional leading/trailing icon slots.
+ *
+ * Use `TextInput` for single-line, multiline, and password form controls with ZORA styling.
+ *
+ * @example Search input
+ * ```tsx
+ * <TextInput placeholder="Search" leadingIcon={{ name: 'search-outline' }} />
+ * ```
+ */
+export const TextInput = withZoraThemeScope(TextInputInner);
+//# sourceMappingURL=TextInput.js.map

package/dist/features/form/text-input/adapters/inbound/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../src/features/form/text-input/adapters/inbound/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,GAAG,GAAG,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACO;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAEhD,OAAO,CACL,CAAC,OAAO,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,gBAAgB,CAAC,CACf,WAAW,CAAC,CAAC,CAAC,CACZ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAG,CACpE,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,iBAAiB,CAAC,CAChB,cAAc,CAAC,CAAC,CAAC,CACf,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1B,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,KAAK,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAC5B,QAAQ,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAC/B,OAAO,CAAC,OAAO,CACf,IAAI,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAChC,KAAK,CAAC,SAAS,CACf,OAAO,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAChC,CACH,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAG,CACrE,CAAC,CAAC,CAAC,SACN,CAAC,EACD,CACH,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import * as Surface from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';\nimport type { TextInputProps } from '../../../../../types/text-input';\nimport { IconButton } from '../../../../button/public';\n\nfunction TextInputInner({\n  themeId: _themeId,\n  mode: _mode,\n  size = 'l',\n  leadingIcon,\n  trailingIcon,\n  trailingAction,\n  disabled,\n  readOnly,\n  interactionPolicy,\n  ...props\n}: TextInputProps) {\n  const { theme } = useZoraTheme();\n  const iconSize = resolveIconSize(size);\n  const iconColor = theme.semantics.content.muted;\n\n  return (\n    <Surface.TextInput\n      {...props}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      leadingAccessory={\n        leadingIcon ? (\n          <Surface.Icon {...leadingIcon} color={iconColor} size={iconSize} />\n        ) : undefined\n      }\n      readOnly={readOnly}\n      size={size}\n      trailingAccessory={\n        trailingAction ? (\n          <IconButton\n            icon={trailingAction.icon}\n            interactionPolicy={interactionPolicy}\n            label={trailingAction.label}\n            disabled={disabled ?? readOnly}\n            variant=\"ghost\"\n            size={size === 'l' ? 'm' : size}\n            color=\"neutral\"\n            onPress={trailingAction.onPress}\n          />\n        ) : trailingIcon ? (\n          <Surface.Icon {...trailingIcon} color={iconColor} size={iconSize} />\n        ) : undefined\n      }\n    />\n  );\n}\n\n/***\n * Theme-aware text input with semantic sizing and optional leading/trailing icon slots.\n *\n * Use `TextInput` for single-line, multiline, and password form controls with ZORA styling.\n *\n * @example Search input\n * ```tsx\n * <TextInput placeholder=\"Search\" leadingIcon={{ name: 'search-outline' }} />\n * ```\n */\nexport const TextInput = withZoraThemeScope(TextInputInner);\n"]}

package/dist/features/form/text-input/public.d.ts

@@ -0,0 +1,3 @@
+export type { TextInputProps, TextInputTrailingAction } from '../../../types/text-input';
+export { TextInput } from './adapters/inbound/TextInput';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/form/text-input/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../../src/features/form/text-input/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/features/form/text-input/public.js

@@ -0,0 +1,2 @@
+export { TextInput } from './adapters/inbound/TextInput';
+//# sourceMappingURL=public.js.map

package/dist/features/form/text-input/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../../src/features/form/text-input/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["export type { TextInputProps, TextInputTrailingAction } from '../../../types/text-input';\nexport { TextInput } from './adapters/inbound/TextInput';\n"]}

package/dist/features/form/text-input/textInputMeta.d.ts

@@ -0,0 +1,57 @@
+export declare const textInputMeta: {
+    readonly name: "TextInput";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Text input";
+        readonly defaultProps: {
+            readonly placeholder: "Enter text…";
+            readonly value: "";
+        };
+    };
+    readonly props: {
+        readonly placeholder: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Placeholder";
+        };
+        readonly value: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Value";
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Size";
+            readonly enum: readonly ["s", "m", "l"];
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+            readonly default: false;
+        };
+        readonly readOnly: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Read-only";
+            readonly default: false;
+        };
+        readonly multiline: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Multiline";
+            readonly default: false;
+        };
+        readonly secureTextEntry: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Secure text entry";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=textInputMeta.d.ts.map

package/dist/features/form/text-input/textInputMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInputMeta.d.ts","sourceRoot":"","sources":["../../../../src/features/form/text-input/textInputMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDY,CAAC"}

package/dist/features/form/text-input/textInputMeta.js

@@ -0,0 +1,57 @@
+export const textInputMeta = {
+    name: 'TextInput',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'Text input',
+        defaultProps: {
+            placeholder: 'Enter text…',
+            value: '',
+        },
+    },
+    props: {
+        placeholder: {
+            type: 'string',
+            category: 'Content',
+            label: 'Placeholder',
+        },
+        value: {
+            type: 'string',
+            category: 'Content',
+            label: 'Value',
+            default: '',
+        },
+        size: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Size',
+            enum: ['s', 'm', 'l'],
+        },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Disabled',
+            default: false,
+        },
+        readOnly: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Read-only',
+            default: false,
+        },
+        multiline: {
+            type: 'boolean',
+            category: 'Layout',
+            label: 'Multiline',
+            default: false,
+        },
+        secureTextEntry: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Secure text entry',
+            default: false,
+        },
+    },
+};
+//# sourceMappingURL=textInputMeta.js.map

package/dist/features/form/text-input/textInputMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInputMeta.js","sourceRoot":"","sources":["../../../../src/features/form/text-input/textInputMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE;YACZ,WAAW,EAAE,aAAa;YAC1B,KAAK,EAAE,EAAE;SACV;KACF;IACD,KAAK,EAAE;QACL,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;SACrB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,EAAE;SACZ;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;SACtB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,KAAK;SACf;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,KAAK;SACf;QACD,eAAe,EAAE;YACf,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../../metadata';\n\nexport const textInputMeta = {\n  name: 'TextInput',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Text input',\n    defaultProps: {\n      placeholder: 'Enter text…',\n      value: '',\n    },\n  },\n  props: {\n    placeholder: {\n      type: 'string',\n      category: 'Content',\n      label: 'Placeholder',\n    },\n    value: {\n      type: 'string',\n      category: 'Content',\n      label: 'Value',\n      default: '',\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Size',\n      enum: ['s', 'm', 'l'],\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Disabled',\n      default: false,\n    },\n    readOnly: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Read-only',\n      default: false,\n    },\n    multiline: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Multiline',\n      default: false,\n    },\n    secureTextEntry: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Secure text entry',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/icon/adapters/inbound/Icon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { IconProps } from '../../../../types/icon';
+/*** Adapts the themed Surface Icon primitive to ZORA scope and interaction props. */
+export declare const Icon: (props: IconProps) => React.ReactElement | null;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/features/icon/adapters/inbound/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/features/icon/adapters/inbound/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,qFAAqF;AACrF,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/icon/adapters/inbound/Icon.js

@@ -0,0 +1,10 @@
+import { Icon as SurfaceIcon } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Adapts the themed Surface Icon primitive to ZORA scope and interaction props. */
+export const Icon = withZoraThemeScope(IconInner);
+/*** Forwards presentation props to the published Surface boundary. */
+function IconInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
+    return <SurfaceIcon {...props}/>;
+}
+//# sourceMappingURL=Icon.js.map

package/dist/features/icon/adapters/inbound/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/features/icon/adapters/inbound/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,qFAAqF;AACrF,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAElD,sEAAsE;AACtE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACE;IACV,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACpC,CAAC","sourcesContent":["import { Icon as SurfaceIcon } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { IconProps } from '../../../../types/icon';\n\n/*** Adapts the themed Surface Icon primitive to ZORA scope and interaction props. */\nexport const Icon = withZoraThemeScope(IconInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction IconInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: IconProps) {\n  return <SurfaceIcon {...props} />;\n}\n"]}

package/dist/features/icon/iconMeta.d.ts

@@ -0,0 +1,38 @@
+export declare const iconMeta: {
+    readonly name: "Icon";
+    readonly category: "component";
+    readonly description: "Displays a standalone SVG icon from the app media registry.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Icon";
+    };
+    readonly props: {
+        readonly source: {
+            readonly type: "media";
+            readonly category: "Content";
+            readonly label: "SVG source";
+            readonly mediaKinds: readonly ["image"];
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly size: {
+            readonly type: "number";
+            readonly category: "Appearance";
+            readonly label: "Size";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly color: {
+            readonly type: "string";
+            readonly category: "Appearance";
+            readonly label: "Color";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+    };
+};
+//# sourceMappingURL=iconMeta.d.ts.map

package/dist/features/icon/iconMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMeta.d.ts","sourceRoot":"","sources":["../../../src/features/icon/iconMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BiB,CAAC"}

package/dist/features/icon/iconMeta.js

@@ -0,0 +1,30 @@
+export const iconMeta = {
+    name: 'Icon',
+    category: 'component',
+    description: 'Displays a standalone SVG icon from the app media registry.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Icon' },
+    props: {
+        source: {
+            type: 'media',
+            category: 'Content',
+            label: 'SVG source',
+            mediaKinds: ['image'],
+            authoring: { authority: 'instance' },
+        },
+        size: {
+            type: 'number',
+            category: 'Appearance',
+            label: 'Size',
+            authoring: { authority: 'instance' },
+        },
+        color: {
+            type: 'string',
+            category: 'Appearance',
+            label: 'Color',
+            authoring: { authority: 'instance' },
+        },
+    },
+};
+//# sourceMappingURL=iconMeta.js.map

package/dist/features/icon/iconMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMeta.js","sourceRoot":"","sources":["../../../src/features/icon/iconMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,6DAA6D;IAC1E,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,YAAY;YACnB,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const iconMeta = {\n  name: 'Icon',\n  category: 'component',\n  description: 'Displays a standalone SVG icon from the app media registry.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Icon' },\n  props: {\n    source: {\n      type: 'media',\n      category: 'Content',\n      label: 'SVG source',\n      mediaKinds: ['image'],\n      authoring: { authority: 'instance' },\n    },\n    size: {\n      type: 'number',\n      category: 'Appearance',\n      label: 'Size',\n      authoring: { authority: 'instance' },\n    },\n    color: {\n      type: 'string',\n      category: 'Appearance',\n      label: 'Color',\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

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

@@ -0,0 +1,3 @@
+export type { IconProps } from '../../types/icon';
+export { Icon } from './adapters/inbound/Icon';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/icon/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/features/icon/public.js

@@ -0,0 +1,2 @@
+export { Icon } from './adapters/inbound/Icon';
+//# sourceMappingURL=public.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/icon/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export type { IconProps } from '../../types/icon';\nexport { Icon } from './adapters/inbound/Icon';\n"]}

package/dist/features/image/adapters/inbound/Image.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ImageProps } from '../../../../types/image';
+/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */
+export declare const Image: (props: ImageProps) => React.ReactElement | null;
+//# sourceMappingURL=Image.d.ts.map

package/dist/features/image/adapters/inbound/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/features/image/adapters/inbound/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAK1D,mGAAmG;AACnG,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/features/image/adapters/inbound/Image.js

@@ -0,0 +1,84 @@
+import { Image as SurfaceImage } from '@ankhorage/surface';
+import React from 'react';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Icon } from '../../../icon/public';
+import { Box } from '../../../layout/public';
+/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */
+export const Image = withZoraThemeScope(ImageInner);
+/*** Renders the resolved image source or the canonical ZORA image placeholder. */
+function ImageInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, radius, style, testID, onError, ...props }) {
+    const { theme } = useZoraTheme();
+    const resolvedSource = resolveImageSource(source);
+    const sourceKey = resolveImageSourceKey(source);
+    const firstFailureKeyRef = React.useRef(null);
+    const [failedSourceKey, setFailedSourceKey] = React.useState(null);
+    const showPlaceholder = resolvedSource === null || failedSourceKey === sourceKey;
+    const resolvedAlt = alt ?? (isUploadAsset(source) ? source.alt : undefined);
+    const placeholderLabel = accessibilityLabel ?? resolvedAlt;
+    if (showPlaceholder) {
+        return (<Box accessibilityLabel={placeholderLabel} accessibilityRole={placeholderLabel ? 'image' : undefined} accessible={Boolean(placeholderLabel)} bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} height={height} overflow="hidden" radius={radius} testID={testID} width={width} style={[
+                {
+                    alignItems: 'center',
+                    aspectRatio: aspectRatio ?? 1,
+                    justifyContent: 'center',
+                },
+                style,
+            ]}>
+        <Icon color={theme.semantics.content.muted} name="image-outline" size={24}/>
+      </Box>);
+    }
+    return (<SurfaceImage {...props} accessibilityLabel={accessibilityLabel} alt={resolvedAlt} aspectRatio={aspectRatio} fallbackSource={fallbackSource} height={height} onError={(event) => {
+            onError?.(event);
+            if (!sourceKey) {
+                return;
+            }
+            if (fallbackSource && firstFailureKeyRef.current !== sourceKey) {
+                firstFailureKeyRef.current = sourceKey;
+                return;
+            }
+            setFailedSourceKey(sourceKey);
+        }} radius={radius} source={resolvedSource} style={style} testID={testID} width={width}/>);
+}
+/*** Resolves a generic upload asset into a source understood by the Surface Image primitive. */
+function resolveImageSource(source) {
+    if (!isUploadAsset(source)) {
+        return source;
+    }
+    switch (source.kind) {
+        case 'local':
+            return source.uri;
+        case 'url':
+            return source.url;
+        case 'storage':
+            return source.publicUrl ?? null;
+    }
+}
+/*** Produces a stable-enough key for tracking image failures across source changes. */
+function resolveImageSourceKey(source) {
+    if (source === null || source === undefined) {
+        return null;
+    }
+    if (isUploadAsset(source)) {
+        switch (source.kind) {
+            case 'local':
+                return `local:${source.uri}`;
+            case 'url':
+                return `url:${source.url}`;
+            case 'storage':
+                return `storage:${source.bucket}:${source.path}:${source.publicUrl ?? ''}`;
+        }
+    }
+    if (typeof source === 'string' || typeof source === 'number') {
+        return `source:${String(source)}`;
+    }
+    if (!Array.isArray(source) && 'uri' in source && typeof source.uri === 'string') {
+        return `source:${source.uri}`;
+    }
+    return 'source:opaque';
+}
+/*** Identifies the generic ZORA upload asset shape without leaking picker-specific types. */
+function isUploadAsset(source) {
+    return (typeof source === 'object' && source !== null && !Array.isArray(source) && 'kind' in source);
+}
+//# sourceMappingURL=Image.js.map

package/dist/features/image/adapters/inbound/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/features/image/adapters/inbound/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image as SurfaceImage, type SurfaceImageSource } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ImageProps } from '../../../../types/image';\nimport type { UploadAsset } from '../../../../types/upload';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/public';\n\n/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */\nexport const Image = withZoraThemeScope(ImageInner);\n\n/*** Renders the resolved image source or the canonical ZORA image placeholder. */\nfunction ImageInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  source,\n  fallbackSource,\n  alt,\n  accessibilityLabel,\n  width,\n  height,\n  aspectRatio,\n  radius,\n  style,\n  testID,\n  onError,\n  ...props\n}: ImageProps) {\n  const { theme } = useZoraTheme();\n  const resolvedSource = resolveImageSource(source);\n  const sourceKey = resolveImageSourceKey(source);\n  const firstFailureKeyRef = React.useRef<string | null>(null);\n  const [failedSourceKey, setFailedSourceKey] = React.useState<string | null>(null);\n  const showPlaceholder = resolvedSource === null || failedSourceKey === sourceKey;\n  const resolvedAlt = alt ?? (isUploadAsset(source) ? source.alt : undefined);\n  const placeholderLabel = accessibilityLabel ?? resolvedAlt;\n\n  if (showPlaceholder) {\n    return (\n      <Box\n        accessibilityLabel={placeholderLabel}\n        accessibilityRole={placeholderLabel ? 'image' : undefined}\n        accessible={Boolean(placeholderLabel)}\n        bg={theme.semantics.neutral.surface}\n        borderColor={theme.semantics.neutral.divider}\n        borderWidth={1}\n        height={height}\n        overflow=\"hidden\"\n        radius={radius}\n        testID={testID}\n        width={width}\n        style={[\n          {\n            alignItems: 'center',\n            aspectRatio: aspectRatio ?? 1,\n            justifyContent: 'center',\n          },\n          style,\n        ]}\n      >\n        <Icon color={theme.semantics.content.muted} name=\"image-outline\" size={24} />\n      </Box>\n    );\n  }\n\n  return (\n    <SurfaceImage\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      alt={resolvedAlt}\n      aspectRatio={aspectRatio}\n      fallbackSource={fallbackSource}\n      height={height}\n      onError={(event) => {\n        onError?.(event);\n\n        if (!sourceKey) {\n          return;\n        }\n\n        if (fallbackSource && firstFailureKeyRef.current !== sourceKey) {\n          firstFailureKeyRef.current = sourceKey;\n          return;\n        }\n\n        setFailedSourceKey(sourceKey);\n      }}\n      radius={radius}\n      source={resolvedSource}\n      style={style}\n      testID={testID}\n      width={width}\n    />\n  );\n}\n\n/*** Resolves a generic upload asset into a source understood by the Surface Image primitive. */\nfunction resolveImageSource(source: ImageProps['source']): SurfaceImageSource | null | undefined {\n  if (!isUploadAsset(source)) {\n    return source;\n  }\n\n  switch (source.kind) {\n    case 'local':\n      return source.uri;\n    case 'url':\n      return source.url;\n    case 'storage':\n      return source.publicUrl ?? null;\n  }\n}\n\n/*** Produces a stable-enough key for tracking image failures across source changes. */\nfunction resolveImageSourceKey(source: ImageProps['source']): string | null {\n  if (source === null || source === undefined) {\n    return null;\n  }\n\n  if (isUploadAsset(source)) {\n    switch (source.kind) {\n      case 'local':\n        return `local:${source.uri}`;\n      case 'url':\n        return `url:${source.url}`;\n      case 'storage':\n        return `storage:${source.bucket}:${source.path}:${source.publicUrl ?? ''}`;\n    }\n  }\n\n  if (typeof source === 'string' || typeof source === 'number') {\n    return `source:${String(source)}`;\n  }\n\n  if (!Array.isArray(source) && 'uri' in source && typeof source.uri === 'string') {\n    return `source:${source.uri}`;\n  }\n\n  return 'source:opaque';\n}\n\n/*** Identifies the generic ZORA upload asset shape without leaking picker-specific types. */\nfunction isUploadAsset(source: ImageProps['source']): source is UploadAsset {\n  return (\n    typeof source === 'object' && source !== null && !Array.isArray(source) && 'kind' in source\n  );\n}\n"]}

package/dist/features/image/imageMeta.d.ts

@@ -0,0 +1,56 @@
+export declare const imageMeta: {
+    readonly name: "Image";
+    readonly category: "component";
+    readonly description: "Displays an image from the app media registry or a resolved runtime source.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Image";
+    };
+    readonly props: {
+        readonly fit: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly enum: readonly ["cover", "contain", "stretch", "repeat", "center", "none"];
+        };
+        readonly aspectRatio: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly width: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+        };
+        readonly fallbackSource: {
+            readonly type: "media";
+            readonly category: "Content";
+            readonly mediaKinds: readonly ["image"];
+        };
+        readonly source: {
+            readonly type: "media";
+            readonly category: "Content";
+            readonly label: "Source";
+            readonly mediaKinds: readonly ["image"];
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly alt: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+            readonly label: "Alt text";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+    };
+};
+//# sourceMappingURL=imageMeta.d.ts.map

package/dist/features/image/imageMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageMeta.d.ts","sourceRoot":"","sources":["../../../src/features/image/imageMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCgB,CAAC"}

package/dist/features/image/imageMeta.js

@@ -0,0 +1,34 @@
+export const imageMeta = {
+    name: 'Image',
+    category: 'component',
+    description: 'Displays an image from the app media registry or a resolved runtime source.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Image' },
+    props: {
+        fit: {
+            type: 'enum',
+            category: 'Layout',
+            enum: ['cover', 'contain', 'stretch', 'repeat', 'center', 'none'],
+        },
+        aspectRatio: { type: 'number', category: 'Layout' },
+        width: { type: 'number', category: 'Layout' },
+        height: { type: 'number', category: 'Layout' },
+        radius: { type: 'radius', category: 'Style' },
+        fallbackSource: { type: 'media', category: 'Content', mediaKinds: ['image'] },
+        source: {
+            type: 'media',
+            category: 'Content',
+            label: 'Source',
+            mediaKinds: ['image'],
+            authoring: { authority: 'instance' },
+        },
+        alt: {
+            type: 'string',
+            category: 'Accessibility',
+            label: 'Alt text',
+            authoring: { authority: 'instance' },
+        },
+    },
+};
+//# sourceMappingURL=imageMeta.js.map

package/dist/features/image/imageMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageMeta.js","sourceRoot":"","sources":["../../../src/features/image/imageMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,6EAA6E;IAC1F,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;IAC7B,KAAK,EAAE;QACL,GAAG,EAAE;YACH,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;SAClE;QACD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACnD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAC9C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC7C,cAAc,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,OAAO,CAAC,EAAE;QAC7E,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,eAAe;YACzB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const imageMeta = {\n  name: 'Image',\n  category: 'component',\n  description: 'Displays an image from the app media registry or a resolved runtime source.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Image' },\n  props: {\n    fit: {\n      type: 'enum',\n      category: 'Layout',\n      enum: ['cover', 'contain', 'stretch', 'repeat', 'center', 'none'],\n    },\n    aspectRatio: { type: 'number', category: 'Layout' },\n    width: { type: 'number', category: 'Layout' },\n    height: { type: 'number', category: 'Layout' },\n    radius: { type: 'radius', category: 'Style' },\n    fallbackSource: { type: 'media', category: 'Content', mediaKinds: ['image'] },\n    source: {\n      type: 'media',\n      category: 'Content',\n      label: 'Source',\n      mediaKinds: ['image'],\n      authoring: { authority: 'instance' },\n    },\n    alt: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Alt text',\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

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

@@ -0,0 +1,3 @@
+export type { ImageFit, ImageProps, SurfaceImageSource } from '../../types/image';
+export { Image } from './adapters/inbound/Image';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/image/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/features/image/public.js

@@ -0,0 +1,2 @@
+export { Image } from './adapters/inbound/Image';
+//# sourceMappingURL=public.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/image/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type { ImageFit, ImageProps, SurfaceImageSource } from '../../types/image';\nexport { Image } from './adapters/inbound/Image';\n"]}

package/dist/features/layout/adapters/inbound/Box.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BoxProps } from '../../../../types/layout';
+/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */
+export declare const Box: (props: BoxProps) => React.ReactElement | null;
+//# sourceMappingURL=Box.d.ts.map

package/dist/features/layout/adapters/inbound/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,oFAAoF;AACpF,eAAO,MAAM,GAAG,gDAA+B,CAAC"}

package/dist/features/layout/adapters/inbound/Box.js

@@ -0,0 +1,10 @@
+import { Box as SurfaceBox } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */
+export const Box = withZoraThemeScope(BoxInner);
+/*** Forwards presentation props to the published Surface boundary. */
+function BoxInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
+    return <SurfaceBox {...props}/>;
+}
+//# sourceMappingURL=Box.js.map

package/dist/features/layout/adapters/inbound/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,oFAAoF;AACpF,MAAM,CAAC,MAAM,GAAG,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEhD,sEAAsE;AACtE,SAAS,QAAQ,CAAC,EAChB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACC;IACT,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnC,CAAC","sourcesContent":["import { Box as SurfaceBox } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { BoxProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */\nexport const Box = withZoraThemeScope(BoxInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction BoxInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: BoxProps) {\n  return <SurfaceBox {...props} />;\n}\n"]}

package/dist/features/layout/adapters/inbound/Container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ContainerProps } from '../../../../types/layout';
+/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */
+export declare const Container: (props: ContainerProps) => React.ReactElement | null;
+//# sourceMappingURL=Container.d.ts.map

package/dist/features/layout/adapters/inbound/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,0FAA0F;AAC1F,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/features/layout/adapters/inbound/Container.js

@@ -0,0 +1,10 @@
+import { Container as SurfaceContainer } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */
+export const Container = withZoraThemeScope(ContainerInner);
+/*** Forwards presentation props to the published Surface boundary. */
+function ContainerInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
+    return <SurfaceContainer {...props}/>;
+}
+//# sourceMappingURL=Container.js.map

package/dist/features/layout/adapters/inbound/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,0FAA0F;AAC1F,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAE5D,sEAAsE;AACtE,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACO;IACf,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzC,CAAC","sourcesContent":["import { Container as SurfaceContainer } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ContainerProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */\nexport const Container = withZoraThemeScope(ContainerInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction ContainerInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: ContainerProps) {\n  return <SurfaceContainer {...props} />;\n}\n"]}