@ankhorage/zora 15.0.0 → 17.0.0

package/dist/features/form/search-input/searchInputMeta.d.ts

@@ -0,0 +1,126 @@
+export declare const searchInputMeta: {
+    readonly name: "SearchInput";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly description: "Search-focused text input with clear and submit events.";
+    readonly blueprint: {
+        readonly label: "Search input";
+        readonly defaultProps: {
+            readonly clearable: true;
+            readonly placeholder: "Search";
+            readonly size: "l";
+            readonly value: "";
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly value: {
+                readonly label: "Value";
+                readonly description: "Current search query.";
+                readonly value: {
+                    readonly type: "string";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+        };
+        readonly events: {
+            readonly valueChange: {
+                readonly label: "Value change";
+                readonly description: "Runs whenever the search query changes.";
+                readonly payload: {
+                    readonly eventType: "searchInput.valueChange";
+                    readonly fields: readonly [{
+                        readonly path: "value";
+                        readonly type: "string";
+                        readonly label: "Value";
+                    }];
+                };
+            };
+            readonly submit: {
+                readonly label: "Submit";
+                readonly description: "Runs when the user submits the search query.";
+                readonly payload: {
+                    readonly eventType: "searchInput.submit";
+                    readonly fields: readonly [{
+                        readonly path: "value";
+                        readonly type: "string";
+                        readonly label: "Value";
+                    }];
+                };
+            };
+            readonly clear: {
+                readonly label: "Clear";
+                readonly description: "Runs when the search query is cleared.";
+                readonly payload: {
+                    readonly eventType: "searchInput.clear";
+                    readonly fields: readonly [];
+                };
+            };
+        };
+    };
+    readonly events: {
+        readonly valueChange: {
+            readonly label: "Value change";
+            readonly eventType: "searchInput.valueChange";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "string";
+                readonly label: "Value";
+            }];
+        };
+        readonly submit: {
+            readonly label: "Submit";
+            readonly eventType: "searchInput.submit";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "string";
+                readonly label: "Value";
+            }];
+        };
+        readonly clear: {
+            readonly label: "Clear";
+            readonly eventType: "searchInput.clear";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly props: {
+        readonly value: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Value";
+            readonly default: "";
+        };
+        readonly placeholder: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Placeholder";
+            readonly default: "Search";
+        };
+        readonly clearable: {
+            readonly type: "boolean";
+            readonly category: "Behavior";
+            readonly label: "Clearable";
+            readonly default: true;
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Size";
+            readonly enum: readonly ["s", "m", "l"];
+            readonly default: "l";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+        };
+        readonly readOnly: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Read only";
+        };
+    };
+};
+//# sourceMappingURL=searchInputMeta.d.ts.map

package/dist/features/form/search-input/searchInputMeta.d.ts.map

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

package/dist/features/form/search-input/searchInputMeta.js

@@ -0,0 +1,67 @@
+export const searchInputMeta = {
+    name: 'SearchInput',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    description: 'Search-focused text input with clear and submit events.',
+    blueprint: {
+        label: 'Search input',
+        defaultProps: { clearable: true, placeholder: 'Search', size: 'l', value: '' },
+    },
+    bindings: {
+        props: {
+            value: {
+                label: 'Value',
+                description: 'Current search query.',
+                value: { type: 'string' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+        },
+        events: {
+            valueChange: {
+                label: 'Value change',
+                description: 'Runs whenever the search query changes.',
+                payload: {
+                    eventType: 'searchInput.valueChange',
+                    fields: [{ path: 'value', type: 'string', label: 'Value' }],
+                },
+            },
+            submit: {
+                label: 'Submit',
+                description: 'Runs when the user submits the search query.',
+                payload: {
+                    eventType: 'searchInput.submit',
+                    fields: [{ path: 'value', type: 'string', label: 'Value' }],
+                },
+            },
+            clear: {
+                label: 'Clear',
+                description: 'Runs when the search query is cleared.',
+                payload: { eventType: 'searchInput.clear', fields: [] },
+            },
+        },
+    },
+    events: {
+        valueChange: {
+            label: 'Value change',
+            eventType: 'searchInput.valueChange',
+            payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
+        },
+        submit: {
+            label: 'Submit',
+            eventType: 'searchInput.submit',
+            payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
+        },
+        clear: { label: 'Clear', eventType: 'searchInput.clear', payloadFields: [] },
+    },
+    props: {
+        value: { type: 'string', category: 'Content', label: 'Value', default: '' },
+        placeholder: { type: 'string', category: 'Content', label: 'Placeholder', default: 'Search' },
+        clearable: { type: 'boolean', category: 'Behavior', label: 'Clearable', default: true },
+        size: { type: 'enum', category: 'Style', label: 'Size', enum: ['s', 'm', 'l'], default: 'l' },
+        disabled: { type: 'boolean', category: 'State', label: 'Disabled' },
+        readOnly: { type: 'boolean', category: 'State', label: 'Read only' },
+    },
+};
+//# sourceMappingURL=searchInputMeta.js.map

package/dist/features/form/search-input/searchInputMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInputMeta.js","sourceRoot":"","sources":["../../../../src/features/form/search-input/searchInputMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ZoraComponentMeta } from '../../../metadata/types';\n\nexport const searchInputMeta = {\n  name: 'SearchInput',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  description: 'Search-focused text input with clear and submit events.',\n  blueprint: {\n    label: 'Search input',\n    defaultProps: { clearable: true, placeholder: 'Search', size: 'l', value: '' },\n  },\n  bindings: {\n    props: {\n      value: {\n        label: 'Value',\n        description: 'Current search query.',\n        value: { type: 'string' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n    events: {\n      valueChange: {\n        label: 'Value change',\n        description: 'Runs whenever the search query changes.',\n        payload: {\n          eventType: 'searchInput.valueChange',\n          fields: [{ path: 'value', type: 'string', label: 'Value' }],\n        },\n      },\n      submit: {\n        label: 'Submit',\n        description: 'Runs when the user submits the search query.',\n        payload: {\n          eventType: 'searchInput.submit',\n          fields: [{ path: 'value', type: 'string', label: 'Value' }],\n        },\n      },\n      clear: {\n        label: 'Clear',\n        description: 'Runs when the search query is cleared.',\n        payload: { eventType: 'searchInput.clear', fields: [] },\n      },\n    },\n  },\n  events: {\n    valueChange: {\n      label: 'Value change',\n      eventType: 'searchInput.valueChange',\n      payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],\n    },\n    submit: {\n      label: 'Submit',\n      eventType: 'searchInput.submit',\n      payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],\n    },\n    clear: { label: 'Clear', eventType: 'searchInput.clear', payloadFields: [] },\n  },\n  props: {\n    value: { type: 'string', category: 'Content', label: 'Value', default: '' },\n    placeholder: { type: 'string', category: 'Content', label: 'Placeholder', default: 'Search' },\n    clearable: { type: 'boolean', category: 'Behavior', label: 'Clearable', default: true },\n    size: { type: 'enum', category: 'Style', label: 'Size', enum: ['s', 'm', 'l'], default: 'l' },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled' },\n    readOnly: { type: 'boolean', category: 'State', label: 'Read only' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/form/select/adapters/inbound/Select.web.js

@@ -1,7 +1,7 @@
 import { Popover } from '@ankhorage/surface';
 import React from 'react';
 import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';
-import { Stack } from '../../../../layout/public';
+import { View } from '../../../../layout/public';
 import { Surface } from '../../../../surface/public';
 import { SelectField } from '../../composition/SelectField';
 import { SelectOptionRow } from '../../composition/SelectOptionRow';
@@ -21,9 +21,9 @@ function SelectInner({ themeId: _themeId, mode: _mode, ...props }) {
     return (<SelectField props={props}>
       <Popover anchor={({ toggle }) => (<SelectTrigger displayLabel={selectedOption?.label} onPress={toggle} props={props}/>)} interactionPolicy={props.interactionPolicy} onOpenChange={setOpen} open={open} placement="bottom-start" testID={testID ? `${testID}-popover` : undefined}>
         <Surface variant="raised">
-          <Stack gap="xs" p="xs">
+          <View gap="xs" p="xs">
             {options.map((option) => (<SelectOptionRow interactionPolicy={interactionPolicy} key={option.value} onSelect={selectAndClose} option={option} selected={value === option.value} testID={testID}/>))}
-          </Stack>
+          </View>
         </Surface>
       </Popover>
     </SelectField>);

package/dist/features/form/select/adapters/inbound/Select.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.web.js","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAEtD,0EAA0E;AAC1E,SAAS,WAAW,CAAiC,EACnD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACY;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACrE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,SAAiB,EAAE,EAAE;QACpB,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACxB;MAAA,CAAC,OAAO,CACN,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CACtF,CAAC,CACF,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,YAAY,CAAC,CAAC,OAAO,CAAC,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAEjD;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CACvB;UAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACpB;YAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,CAAC,eAAe,CACd,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CACjC,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC,CACJ;UAAA,EAAE,KAAK,CACT;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { Popover } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';\nimport type { SelectProps } from '../../../../../types/select';\nimport { Stack } from '../../../../layout/public';\nimport { Surface } from '../../../../surface/public';\nimport { SelectField } from '../../composition/SelectField';\nimport { SelectOptionRow } from '../../composition/SelectOptionRow';\nimport { SelectTrigger } from '../../composition/SelectTrigger';\nimport { useSelectController } from '../../composition/useSelectController';\n\n/*** Renders Select with anchored Popover presentation on web. */\nexport const Select = withZoraThemeScope(SelectInner);\n\n/*** Connects shared Select state and controls to the web Popover host. */\nfunction SelectInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  ...props\n}: SelectProps<TValue>) {\n  const [open, setOpen] = React.useState(false);\n  const { select, selectedOption, value } = useSelectController(props);\n  const { interactionPolicy, options, testID } = props;\n\n  const selectAndClose = React.useCallback(\n    (nextValue: TValue) => {\n      select(nextValue);\n      setOpen(false);\n    },\n    [select],\n  );\n\n  return (\n    <SelectField props={props}>\n      <Popover\n        anchor={({ toggle }) => (\n          <SelectTrigger displayLabel={selectedOption?.label} onPress={toggle} props={props} />\n        )}\n        interactionPolicy={props.interactionPolicy}\n        onOpenChange={setOpen}\n        open={open}\n        placement=\"bottom-start\"\n        testID={testID ? `${testID}-popover` : undefined}\n      >\n        <Surface variant=\"raised\">\n          <Stack gap=\"xs\" p=\"xs\">\n            {options.map((option) => (\n              <SelectOptionRow\n                interactionPolicy={interactionPolicy}\n                key={option.value}\n                onSelect={selectAndClose}\n                option={option}\n                selected={value === option.value}\n                testID={testID}\n              />\n            ))}\n          </Stack>\n        </Surface>\n      </Popover>\n    </SelectField>\n  );\n}\n"]}
+{"version":3,"file":"Select.web.js","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAEtD,0EAA0E;AAC1E,SAAS,WAAW,CAAiC,EACnD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACY;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACrE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,SAAiB,EAAE,EAAE;QACpB,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACxB;MAAA,CAAC,OAAO,CACN,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CACtF,CAAC,CACF,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,YAAY,CAAC,CAAC,OAAO,CAAC,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAEjD;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CACvB;UAAA,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACnB;YAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,CAAC,eAAe,CACd,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CACjC,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC,CACJ;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { Popover } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';\nimport type { SelectProps } from '../../../../../types/select';\nimport { View } from '../../../../layout/public';\nimport { Surface } from '../../../../surface/public';\nimport { SelectField } from '../../composition/SelectField';\nimport { SelectOptionRow } from '../../composition/SelectOptionRow';\nimport { SelectTrigger } from '../../composition/SelectTrigger';\nimport { useSelectController } from '../../composition/useSelectController';\n\n/*** Renders Select with anchored Popover presentation on web. */\nexport const Select = withZoraThemeScope(SelectInner);\n\n/*** Connects shared Select state and controls to the web Popover host. */\nfunction SelectInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  ...props\n}: SelectProps<TValue>) {\n  const [open, setOpen] = React.useState(false);\n  const { select, selectedOption, value } = useSelectController(props);\n  const { interactionPolicy, options, testID } = props;\n\n  const selectAndClose = React.useCallback(\n    (nextValue: TValue) => {\n      select(nextValue);\n      setOpen(false);\n    },\n    [select],\n  );\n\n  return (\n    <SelectField props={props}>\n      <Popover\n        anchor={({ toggle }) => (\n          <SelectTrigger displayLabel={selectedOption?.label} onPress={toggle} props={props} />\n        )}\n        interactionPolicy={props.interactionPolicy}\n        onOpenChange={setOpen}\n        open={open}\n        placement=\"bottom-start\"\n        testID={testID ? `${testID}-popover` : undefined}\n      >\n        <Surface variant=\"raised\">\n          <View gap=\"xs\" p=\"xs\">\n            {options.map((option) => (\n              <SelectOptionRow\n                interactionPolicy={interactionPolicy}\n                key={option.value}\n                onSelect={selectAndClose}\n                option={option}\n                selected={value === option.value}\n                testID={testID}\n              />\n            ))}\n          </View>\n        </Surface>\n      </Popover>\n    </SelectField>\n  );\n}\n"]}

package/dist/features/gradient/adapters/inbound/Gradient.js

@@ -1,20 +1,20 @@
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { Box } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { useGradientRenderer } from './GradientRendererContext';
 function GradientInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, colors, locations, start, end, width = '100%', height, minHeight, radius, p, testID, }) {
     const gradientRenderer = useGradientRenderer();
-    return (<Box height={height} minHeight={minHeight} radius={radius} testID={testID} width={width} style={{ overflow: 'hidden' }}>
+    return (<View height={height} minHeight={minHeight} radius={radius} testID={testID} width={width} style={{ overflow: 'hidden' }}>
       {React.createElement(gradientRenderer, {
             colors,
             end,
             locations,
             start,
             style: { flex: 1 },
-        }, <Box p={p} style={{ flex: 1 }}>
+        }, <View p={p} style={{ flex: 1 }}>
           {children}
-        </Box>)}
-    </Box>);
+        </View>)}
+    </View>);
 }
 /***
  * Gradient background container for branded loading surfaces, hero blocks, and previews.

package/dist/features/gradient/adapters/inbound/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gradient.js","sourceRoot":"","sources":["../../../../../src/features/gradient/adapters/inbound/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,KAAK,GAAG,MAAM,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,CAAC,EACD,MAAM,GACQ;IACd,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CACL,CAAC,GAAG,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAE9B;MAAA,CAAC,KAAK,CAAC,aAAa,CAClB,gBAAgB,EAChB;YACE,MAAM;YACN,GAAG;YACH,SAAS;YACT,KAAK;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACnB,EACD,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAC5B;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { GradientProps } from '../../../../types/gradient';\nimport { Box } from '../../../layout/public';\nimport { useGradientRenderer } from './GradientRendererContext';\n\nfunction GradientInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  colors,\n  locations,\n  start,\n  end,\n  width = '100%',\n  height,\n  minHeight,\n  radius,\n  p,\n  testID,\n}: GradientProps) {\n  const gradientRenderer = useGradientRenderer();\n\n  return (\n    <Box\n      height={height}\n      minHeight={minHeight}\n      radius={radius}\n      testID={testID}\n      width={width}\n      style={{ overflow: 'hidden' }}\n    >\n      {React.createElement(\n        gradientRenderer,\n        {\n          colors,\n          end,\n          locations,\n          start,\n          style: { flex: 1 },\n        },\n        <Box p={p} style={{ flex: 1 }}>\n          {children}\n        </Box>,\n      )}\n    </Box>\n  );\n}\n\n/***\n * Gradient background container for branded loading surfaces, hero blocks, and previews.\n *\n * The host supplies a platform-compatible renderer through\n * `GradientRendererProvider`; ZORA does not require an Expo runtime.\n */\nexport const Gradient = withZoraThemeScope(GradientInner);\n"]}
+{"version":3,"file":"Gradient.js","sourceRoot":"","sources":["../../../../../src/features/gradient/adapters/inbound/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,KAAK,GAAG,MAAM,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,CAAC,EACD,MAAM,GACQ;IACd,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CACL,CAAC,IAAI,CACH,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAE9B;MAAA,CAAC,KAAK,CAAC,aAAa,CAClB,gBAAgB,EAChB;YACE,MAAM;YACN,GAAG;YACH,SAAS;YACT,KAAK;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACnB,EACD,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAC7B;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { GradientProps } from '../../../../types/gradient';\nimport { View } from '../../../layout/public';\nimport { useGradientRenderer } from './GradientRendererContext';\n\nfunction GradientInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  colors,\n  locations,\n  start,\n  end,\n  width = '100%',\n  height,\n  minHeight,\n  radius,\n  p,\n  testID,\n}: GradientProps) {\n  const gradientRenderer = useGradientRenderer();\n\n  return (\n    <View\n      height={height}\n      minHeight={minHeight}\n      radius={radius}\n      testID={testID}\n      width={width}\n      style={{ overflow: 'hidden' }}\n    >\n      {React.createElement(\n        gradientRenderer,\n        {\n          colors,\n          end,\n          locations,\n          start,\n          style: { flex: 1 },\n        },\n        <View p={p} style={{ flex: 1 }}>\n          {children}\n        </View>,\n      )}\n    </View>\n  );\n}\n\n/***\n * Gradient background container for branded loading surfaces, hero blocks, and previews.\n *\n * The host supplies a platform-compatible renderer through\n * `GradientRendererProvider`; ZORA does not require an Expo runtime.\n */\nexport const Gradient = withZoraThemeScope(GradientInner);\n"]}

package/dist/features/gradient/gradientMeta.d.ts

@@ -3,7 +3,7 @@ export declare const gradientMeta: {
     readonly category: "component";
     readonly description: "Renders a host-backed gradient container for nested manifest content.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Gradient";
     };

package/dist/features/hero/adapters/inbound/Hero.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Button } from '../../../button/public';
 import { Card } from '../../../card/public';
-import { Box, Grid, Stack } from '../../../layout/public';
+import { Grid, View } from '../../../layout/public';
 import { Heading, Text } from '../../../typography/public';
 function HeroInner({ themeId: _themeId, mode: _mode, interactionPolicy, title, description, eyebrow, primaryAction, secondaryAction, media, footer, align = 'start', layout = 'split', tone = 'subtle', compact = false, testID, }) {
     const hasActions = primaryAction !== undefined || secondaryAction !== undefined;
@@ -10,9 +10,9 @@ function HeroInner({ themeId: _themeId, mode: _mode, interactionPolicy, title, d
     const contentAlign = resolveContentAlign(align);
     const textAlign = align === 'center' ? 'center' : undefined;
     const mediaFirst = layout === 'mediaFirst';
-    const content = (<Box width="100%">
-      <Stack align={contentAlign} gap={compact ? 's' : 'm'}>
-        <Stack align={contentAlign} gap="xs">
+    const content = (<View width="100%">
+      <View align={contentAlign} gap={compact ? 's' : 'm'}>
+        <View align={contentAlign} gap="xs">
           {eyebrow !== undefined ? (<Text align={textAlign} color="primary" variant="eyebrow">
               {eyebrow}
             </Text>) : null}
@@ -22,28 +22,28 @@ function HeroInner({ themeId: _themeId, mode: _mode, interactionPolicy, title, d
           {description !== undefined ? (<Text align={textAlign} emphasis="muted" variant={{ base: 'body', md: compact ? 'body' : 'lead' }}>
               {description}
             </Text>) : null}
-        </Stack>
+        </View>
 
-        {hasActions ? (<Stack align={contentAlign} direction={{ base: 'column', md: 'row' }} gap="s" justify={align === 'center' ? 'center' : 'flex-start'}>
+        {hasActions ? (<View align={contentAlign} direction={{ base: 'column', md: 'row' }} gap="s" justify={align === 'center' ? 'center' : 'flex-start'}>
             {primaryAction !== undefined
                 ? renderAction(primaryAction, 'primary', interactionPolicy)
                 : null}
             {secondaryAction !== undefined
                 ? renderAction(secondaryAction, 'secondary', interactionPolicy)
                 : null}
-          </Stack>) : null}
+          </View>) : null}
 
         {footer}
-      </Stack>
-    </Box>);
-    const mediaSlot = hasMedia ? <Box width="100%">{media}</Box> : null;
+      </View>
+    </View>);
+    const mediaSlot = hasMedia ? <View width="100%">{media}</View> : null;
     const body = hasMedia && layout !== 'stack' ? (<Grid cols={{ base: 1, md: 2 }} gap={compact ? 'm' : 'l'}>
         {mediaFirst ? mediaSlot : content}
         {mediaFirst ? content : mediaSlot}
-      </Grid>) : (<Stack align="center" direction="column" gap={compact ? 'm' : 'l'}>
+      </Grid>) : (<View align="center" direction="column" gap={compact ? 'm' : 'l'}>
         {mediaFirst ? mediaSlot : content}
         {mediaFirst ? content : mediaSlot}
-      </Stack>);
+      </View>);
     return (<Card compact={compact} interactionPolicy={interactionPolicy} testID={testID} tone={tone}>
       {body}
     </Card>);

package/dist/features/hero/adapters/inbound/Hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../../../src/features/hero/adapters/inbound/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { HeroAction, HeroAlign, HeroProps } from '../../../../types/hero';\nimport { Button } from '../../../button/public';\nimport { Card } from '../../../card/public';\nimport { Box, Grid, Stack } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\n\nfunction HeroInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  title,\n  description,\n  eyebrow,\n  primaryAction,\n  secondaryAction,\n  media,\n  footer,\n  align = 'start',\n  layout = 'split',\n  tone = 'subtle',\n  compact = false,\n  testID,\n}: HeroProps) {\n  const hasActions = primaryAction !== undefined || secondaryAction !== undefined;\n  const hasMedia = media !== undefined;\n  const contentAlign = resolveContentAlign(align);\n  const textAlign = align === 'center' ? 'center' : undefined;\n  const mediaFirst = layout === 'mediaFirst';\n\n  const content = (\n    <Box width=\"100%\">\n      <Stack align={contentAlign} gap={compact ? 's' : 'm'}>\n        <Stack align={contentAlign} gap=\"xs\">\n          {eyebrow !== undefined ? (\n            <Text align={textAlign} color=\"primary\" variant=\"eyebrow\">\n              {eyebrow}\n            </Text>\n          ) : null}\n          <Heading\n            align={textAlign}\n            level={1}\n            size={{ base: 'h2', md: compact ? 'h2' : 'display' }}\n          >\n            {title}\n          </Heading>\n          {description !== undefined ? (\n            <Text\n              align={textAlign}\n              emphasis=\"muted\"\n              variant={{ base: 'body', md: compact ? 'body' : 'lead' }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n\n        {hasActions ? (\n          <Stack\n            align={contentAlign}\n            direction={{ base: 'column', md: 'row' }}\n            gap=\"s\"\n            justify={align === 'center' ? 'center' : 'flex-start'}\n          >\n            {primaryAction !== undefined\n              ? renderAction(primaryAction, 'primary', interactionPolicy)\n              : null}\n            {secondaryAction !== undefined\n              ? renderAction(secondaryAction, 'secondary', interactionPolicy)\n              : null}\n          </Stack>\n        ) : null}\n\n        {footer}\n      </Stack>\n    </Box>\n  );\n\n  const mediaSlot = hasMedia ? <Box width=\"100%\">{media}</Box> : null;\n\n  const body =\n    hasMedia && layout !== 'stack' ? (\n      <Grid cols={{ base: 1, md: 2 }} gap={compact ? 'm' : 'l'}>\n        {mediaFirst ? mediaSlot : content}\n        {mediaFirst ? content : mediaSlot}\n      </Grid>\n    ) : (\n      <Stack align=\"center\" direction=\"column\" gap={compact ? 'm' : 'l'}>\n        {mediaFirst ? mediaSlot : content}\n        {mediaFirst ? content : mediaSlot}\n      </Stack>\n    );\n\n  return (\n    <Card compact={compact} interactionPolicy={interactionPolicy} testID={testID} tone={tone}>\n      {body}\n    </Card>\n  );\n}\n\nfunction renderAction(\n  action: HeroAction,\n  role: 'primary' | 'secondary',\n  interactionPolicy: HeroProps['interactionPolicy'],\n) {\n  return (\n    <Button\n      disabled={action.disabled}\n      interactionPolicy={interactionPolicy}\n      variant={action.variant ?? (role === 'primary' ? 'solid' : 'soft')}\n      onPress={action.onPress}\n      color={action.color ?? (role === 'primary' ? 'primary' : 'neutral')}\n    >\n      {action.label}\n    </Button>\n  );\n}\n\nfunction resolveContentAlign(align: HeroAlign) {\n  return align === 'center' ? 'center' : 'flex-start';\n}\n\n/***\n * Hero section pattern for prominent page introductions with actions.\n *\n \n */\nexport const Hero = withZoraThemeScope(HeroInner);\n"]}
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../../../src/features/hero/adapters/inbound/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { HeroAction, HeroAlign, HeroProps } from '../../../../types/hero';\nimport { Button } from '../../../button/public';\nimport { Card } from '../../../card/public';\nimport { Grid, View } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\n\nfunction HeroInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  title,\n  description,\n  eyebrow,\n  primaryAction,\n  secondaryAction,\n  media,\n  footer,\n  align = 'start',\n  layout = 'split',\n  tone = 'subtle',\n  compact = false,\n  testID,\n}: HeroProps) {\n  const hasActions = primaryAction !== undefined || secondaryAction !== undefined;\n  const hasMedia = media !== undefined;\n  const contentAlign = resolveContentAlign(align);\n  const textAlign = align === 'center' ? 'center' : undefined;\n  const mediaFirst = layout === 'mediaFirst';\n\n  const content = (\n    <View width=\"100%\">\n      <View align={contentAlign} gap={compact ? 's' : 'm'}>\n        <View align={contentAlign} gap=\"xs\">\n          {eyebrow !== undefined ? (\n            <Text align={textAlign} color=\"primary\" variant=\"eyebrow\">\n              {eyebrow}\n            </Text>\n          ) : null}\n          <Heading\n            align={textAlign}\n            level={1}\n            size={{ base: 'h2', md: compact ? 'h2' : 'display' }}\n          >\n            {title}\n          </Heading>\n          {description !== undefined ? (\n            <Text\n              align={textAlign}\n              emphasis=\"muted\"\n              variant={{ base: 'body', md: compact ? 'body' : 'lead' }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </View>\n\n        {hasActions ? (\n          <View\n            align={contentAlign}\n            direction={{ base: 'column', md: 'row' }}\n            gap=\"s\"\n            justify={align === 'center' ? 'center' : 'flex-start'}\n          >\n            {primaryAction !== undefined\n              ? renderAction(primaryAction, 'primary', interactionPolicy)\n              : null}\n            {secondaryAction !== undefined\n              ? renderAction(secondaryAction, 'secondary', interactionPolicy)\n              : null}\n          </View>\n        ) : null}\n\n        {footer}\n      </View>\n    </View>\n  );\n\n  const mediaSlot = hasMedia ? <View width=\"100%\">{media}</View> : null;\n\n  const body =\n    hasMedia && layout !== 'stack' ? (\n      <Grid cols={{ base: 1, md: 2 }} gap={compact ? 'm' : 'l'}>\n        {mediaFirst ? mediaSlot : content}\n        {mediaFirst ? content : mediaSlot}\n      </Grid>\n    ) : (\n      <View align=\"center\" direction=\"column\" gap={compact ? 'm' : 'l'}>\n        {mediaFirst ? mediaSlot : content}\n        {mediaFirst ? content : mediaSlot}\n      </View>\n    );\n\n  return (\n    <Card compact={compact} interactionPolicy={interactionPolicy} testID={testID} tone={tone}>\n      {body}\n    </Card>\n  );\n}\n\nfunction renderAction(\n  action: HeroAction,\n  role: 'primary' | 'secondary',\n  interactionPolicy: HeroProps['interactionPolicy'],\n) {\n  return (\n    <Button\n      disabled={action.disabled}\n      interactionPolicy={interactionPolicy}\n      variant={action.variant ?? (role === 'primary' ? 'solid' : 'soft')}\n      onPress={action.onPress}\n      color={action.color ?? (role === 'primary' ? 'primary' : 'neutral')}\n    >\n      {action.label}\n    </Button>\n  );\n}\n\nfunction resolveContentAlign(align: HeroAlign) {\n  return align === 'center' ? 'center' : 'flex-start';\n}\n\n/***\n * Hero section pattern for prominent page introductions with actions.\n *\n \n */\nexport const Hero = withZoraThemeScope(HeroInner);\n"]}

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Icon } from '../../../icon/public';
-import { Box } from '../../../layout/public';
+import { View } 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. */
@@ -17,7 +17,7 @@ function ImageInner({ themeId: _themeId, mode: _mode, interactionPolicy: _intera
     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={[
+        return (<View 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,
@@ -26,7 +26,7 @@ function ImageInner({ themeId: _themeId, mode: _mode, interactionPolicy: _intera
                 style,
             ]}>
         <Icon color={theme.semantics.content.muted} name="image-outline" size={24}/>
-      </Box>);
+      </View>);
     }
     return (<SurfaceImage {...props} accessibilityLabel={accessibilityLabel} alt={resolvedAlt} aspectRatio={aspectRatio} fallbackSource={fallbackSource} height={height} onError={(event) => {
             onError?.(event);

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

@@ -1 +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"]}
+{"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 { View } 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      <View\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      </View>\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/keyboard-avoiding-view/keyboardAvoidingViewMeta.d.ts

@@ -2,7 +2,7 @@ export declare const keyboardAvoidingViewMeta: {
     readonly name: "KeyboardAvoidingView";
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Keyboard avoiding view";
         readonly defaultProps: {

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AppShellProps } from '../../../../types/layout';
+/*** Root application frame with explicit header, content, footer, and overlay slots. */
+export declare const AppShell: (props: AppShellProps) => React.ReactElement | null;
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAuC9D,wFAAwF;AACxF,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { View } from './View';
+function AppShellInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, header, footer, overlay, testID, }) {
+    return (<View bg="background" flex={1} testID={testID}>
+      <View flex={1} minHeight={0} position="relative">
+        {header ? <View flexShrink={0}>{header}</View> : null}
+        <View flex={1} minHeight={0} minWidth={0}>
+          {children}
+        </View>
+        {footer ? <View flexShrink={0}>{footer}</View> : null}
+        {overlay ? (<View bottom={0} left={0} pointerEvents="box-none" position="absolute" right={0} top={0} zIndex={10}>
+            {overlay}
+          </View>) : null}
+      </View>
+    </View>);
+}
+/*** Root application frame with explicit header, content, footer, and overlay slots. */
+export const AppShell = withZoraThemeScope(AppShellInner);
+//# sourceMappingURL=AppShell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,GACQ;IACd,OAAO,CACL,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5C;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAC9C;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACrD;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACvC;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACrD;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CACH,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,aAAa,CAAC,UAAU,CACxB,QAAQ,CAAC,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,MAAM,CAAC,CAAC,EAAE,CAAC,CAEX;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,wFAAwF;AACxF,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AppShellProps } from '../../../../types/layout';\nimport { View } from './View';\n\nfunction AppShellInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  header,\n  footer,\n  overlay,\n  testID,\n}: AppShellProps) {\n  return (\n    <View bg=\"background\" flex={1} testID={testID}>\n      <View flex={1} minHeight={0} position=\"relative\">\n        {header ? <View flexShrink={0}>{header}</View> : null}\n        <View flex={1} minHeight={0} minWidth={0}>\n          {children}\n        </View>\n        {footer ? <View flexShrink={0}>{footer}</View> : null}\n        {overlay ? (\n          <View\n            bottom={0}\n            left={0}\n            pointerEvents=\"box-none\"\n            position=\"absolute\"\n            right={0}\n            top={0}\n            zIndex={10}\n          >\n            {overlay}\n          </View>\n        ) : null}\n      </View>\n    </View>\n  );\n}\n\n/*** Root application frame with explicit header, content, footer, and overlay slots. */\nexport const AppShell = withZoraThemeScope(AppShellInner);\n"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ScreenProps } from '../../../../types/layout';
+/*** Screen content boundary with independent width policy and scroll ownership. */
+export declare const Screen: (props: ScreenProps) => React.ReactElement | null;
+//# sourceMappingURL=Screen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA4C5D,mFAAmF;AACnF,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { resolvePageMaxWidth } from '../../../../internal/recipes';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { ScrollView } from './ScrollView';
+import { View } from './View';
+function ScreenInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, footer, scroll = true, width = 'default', testID, }) {
+    const content = (<View alignSelf="center" gap="l" maxWidth={resolvePageMaxWidth(width)} px={{ base: 16, md: 24, lg: 32 }} py="xl" testID={testID} width="100%">
+      {children}
+      {footer}
+    </View>);
+    if (!scroll) {
+        return (<View bg="background" flex={1} minHeight={0} minWidth={0}>
+        {content}
+      </View>);
+    }
+    return (<ScrollView bg="background" flex={1} minHeight={0} minWidth={0}>
+      {content}
+    </ScrollView>);
+}
+/*** Screen content boundary with independent width policy and scroll ownership. */
+export const Screen = withZoraThemeScope(ScreenInner);
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,EACN,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,SAAS,EACjB,MAAM,GACM;IACZ,MAAM,OAAO,GAAG,CACd,CAAC,IAAI,CACH,SAAS,CAAC,QAAQ,CAClB,GAAG,CAAC,GAAG,CACP,QAAQ,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CACrC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CACjC,EAAE,CAAC,IAAI,CACP,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,MAAM,CAEZ;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,MAAM,CACT;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACvD;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC7D;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC;AAED,mFAAmF;AACnF,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { resolvePageMaxWidth } from '../../../../internal/recipes';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ScreenProps } from '../../../../types/layout';\nimport { ScrollView } from './ScrollView';\nimport { View } from './View';\n\nfunction ScreenInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  footer,\n  scroll = true,\n  width = 'default',\n  testID,\n}: ScreenProps) {\n  const content = (\n    <View\n      alignSelf=\"center\"\n      gap=\"l\"\n      maxWidth={resolvePageMaxWidth(width)}\n      px={{ base: 16, md: 24, lg: 32 }}\n      py=\"xl\"\n      testID={testID}\n      width=\"100%\"\n    >\n      {children}\n      {footer}\n    </View>\n  );\n\n  if (!scroll) {\n    return (\n      <View bg=\"background\" flex={1} minHeight={0} minWidth={0}>\n        {content}\n      </View>\n    );\n  }\n\n  return (\n    <ScrollView bg=\"background\" flex={1} minHeight={0} minWidth={0}>\n      {content}\n    </ScrollView>\n  );\n}\n\n/*** Screen content boundary with independent width policy and scroll ownership. */\nexport const Screen = withZoraThemeScope(ScreenInner);\n"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ScreenSectionProps } from '../../../../types/layout';
+/*** Screen section with optional heading, description, actions, and content. */
+export declare const ScreenSection: (props: ScreenSectionProps) => React.ReactElement | null;
+//# sourceMappingURL=ScreenSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenSection.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ScreenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAqBnE,gFAAgF;AAChF,eAAO,MAAM,aAAa,0DAAyC,CAAC"}