@ankhorage/zora 16.0.0 → 17.0.0

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"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SectionHeader } from '../../../../patterns/section-header';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { View } from './View';
+function ScreenSectionInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, title, description, actions, children, testID, }) {
+    return (<View gap="m" testID={testID}>
+      {title ? <SectionHeader actions={actions} description={description} title={title}/> : null}
+      {children}
+    </View>);
+}
+/*** Screen section with optional heading, description, actions, and content. */
+export const ScreenSection = withZoraThemeScope(ScreenSectionInner);
+//# sourceMappingURL=ScreenSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenSection.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ScreenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,GACa;IACnB,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3B;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAC3F;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { SectionHeader } from '../../../../patterns/section-header';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ScreenSectionProps } from '../../../../types/layout';\nimport { View } from './View';\n\nfunction ScreenSectionInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  title,\n  description,\n  actions,\n  children,\n  testID,\n}: ScreenSectionProps) {\n  return (\n    <View gap=\"m\" testID={testID}>\n      {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}\n      {children}\n    </View>\n  );\n}\n\n/*** Screen section with optional heading, description, actions, and content. */\nexport const ScreenSection = withZoraThemeScope(ScreenSectionInner);\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,gFAAgF;AAChF,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,gFAAgF;AAChF,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,mFAAmF;AACnF,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACQ;IAChB,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1C,CAAC","sourcesContent":["import { ScrollView as SurfaceScrollView } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ScrollViewProps } from '../../../../types/layout';\n\n/*** Adapts the token-aware Surface ScrollView primitive to ZORA theme scope. */\nexport const ScrollView = withZoraThemeScope(ScrollViewInner);\n\n/*** Forwards ZORA scrolling props to the published Surface ScrollView boundary. */\nfunction ScrollViewInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: ScrollViewProps) {\n  return <SurfaceScrollView {...props} />;\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/View.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,0EAA0E;AAC1E,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/View.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,0EAA0E;AAC1E,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAElD,0EAA0E;AAC1E,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 { View as SurfaceView } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ViewProps } from '../../../../types/layout';\n\n/*** Adapts the token-aware Surface View primitive to ZORA theme scope. */\nexport const View = withZoraThemeScope(ViewInner);\n\n/*** Forwards ZORA layout props to the published Surface View boundary. */\nfunction ViewInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: ViewProps) {\n  return <SurfaceView {...props} />;\n}\n"]}

package/dist/{layout/app-shell/meta.d.ts → features/layout/appShellMeta.d.ts}

@@ -6,4 +6,4 @@ export declare const appShellMeta: {
     readonly note: "Application shell layout; not represented as a manifest node in v1.";
     readonly props: {};
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=appShellMeta.d.ts.map

package/dist/features/layout/appShellMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appShellMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/appShellMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;CAOa,CAAC"}

package/dist/{layout/app-shell/meta.js → features/layout/appShellMeta.js}

@@ -6,4 +6,4 @@ export const appShellMeta = {
     note: 'Application shell layout; not represented as a manifest node in v1.',
     props: {},
 };
-//# sourceMappingURL=meta.js.map
+//# sourceMappingURL=appShellMeta.js.map

package/dist/features/layout/appShellMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appShellMeta.js","sourceRoot":"","sources":["../../../src/features/layout/appShellMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,qEAAqE;IAC3E,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const appShellMeta = {\n  name: 'AppShell',\n  category: 'layout',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application shell layout; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/layout/constants.d.ts

@@ -1,4 +1,3 @@
-export declare const CONTENT_RAIL_SPACING_VALUES: readonly ["none", "xs", "s", "m", "l", "xl"];
 export declare const LAYOUT_PROPS: {
     readonly p: {
         readonly type: "spacing";

package/dist/features/layout/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/features/layout/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,8CAA+C,CAAC;AAExF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/features/layout/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC"}

package/dist/features/layout/constants.js

@@ -1,4 +1,3 @@
-export const CONTENT_RAIL_SPACING_VALUES = ['none', 'xs', 's', 'm', 'l', 'xl'];
 export const LAYOUT_PROPS = {
     p: { type: 'spacing', category: 'Spacing' },
     px: { type: 'spacing', category: 'Spacing' },

package/dist/features/layout/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/features/layout/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAU,CAAC;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChD,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC5C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;IAC7C,kBAAkB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE;CACpB,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const CONTENT_RAIL_SPACING_VALUES = ['none', 'xs', 's', 'm', 'l', 'xl'] as const;\n\nexport const LAYOUT_PROPS = {\n  p: { type: 'spacing', category: 'Spacing' },\n  px: { type: 'spacing', category: 'Spacing' },\n  py: { type: 'spacing', category: 'Spacing' },\n  pt: { type: 'spacing', category: 'Spacing' },\n  pb: { type: 'spacing', category: 'Spacing' },\n  m: { type: 'spacing', category: 'Spacing' },\n  width: { type: 'number', category: 'Layout' },\n  height: { type: 'number', category: 'Layout' },\n  minWidth: { type: 'number', category: 'Layout' },\n  maxWidth: { type: 'number', category: 'Layout' },\n  minHeight: { type: 'number', category: 'Layout' },\n  maxHeight: { type: 'number', category: 'Layout' },\n  flex: { type: 'number', category: 'Layout' },\n  radius: { type: 'radius', category: 'Style' },\n  accessibilityLabel: { type: 'string', category: 'Accessibility' },\n} as const satisfies ZoraComponentMeta['props'];\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/features/layout/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChD,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC5C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;IAC7C,kBAAkB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE;CACpB,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const LAYOUT_PROPS = {\n  p: { type: 'spacing', category: 'Spacing' },\n  px: { type: 'spacing', category: 'Spacing' },\n  py: { type: 'spacing', category: 'Spacing' },\n  pt: { type: 'spacing', category: 'Spacing' },\n  pb: { type: 'spacing', category: 'Spacing' },\n  m: { type: 'spacing', category: 'Spacing' },\n  width: { type: 'number', category: 'Layout' },\n  height: { type: 'number', category: 'Layout' },\n  minWidth: { type: 'number', category: 'Layout' },\n  maxWidth: { type: 'number', category: 'Layout' },\n  minHeight: { type: 'number', category: 'Layout' },\n  maxHeight: { type: 'number', category: 'Layout' },\n  flex: { type: 'number', category: 'Layout' },\n  radius: { type: 'radius', category: 'Style' },\n  accessibilityLabel: { type: 'string', category: 'Accessibility' },\n} as const satisfies ZoraComponentMeta['props'];\n"]}

package/dist/features/layout/gridMeta.d.ts

@@ -2,7 +2,7 @@ export declare const gridMeta: {
     readonly name: "Grid";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    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", "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 props: {
         readonly cols: {
             readonly type: "number";

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

@@ -1,9 +1,9 @@
-export type { ContentRailControlPressEvent, ContentRailDirection, ContentRailItemSize, ContentRailMotion, ContentRailProps, ContentRailSpacing, ContentRailVisibleRangeChangeEvent, } from '../../types/content-rail';
-export type { BoxProps, ContainerProps, DividerProps, GridProps, StackProps, } from '../../types/layout';
-export { Box } from './adapters/inbound/Box';
-export { Container } from './adapters/inbound/Container';
-export { ContentRail } from './adapters/inbound/ContentRail';
+export type { AppShellProps, DividerProps, GridProps, ScreenProps, ScreenSectionProps, ScrollViewProps, ViewProps, } from '../../types/layout';
+export { AppShell } from './adapters/inbound/AppShell';
 export { Divider } from './adapters/inbound/Divider';
 export { Grid } from './adapters/inbound/Grid';
-export { Stack } from './adapters/inbound/Stack';
+export { Screen } from './adapters/inbound/Screen';
+export { ScreenSection } from './adapters/inbound/ScreenSection';
+export { ScrollView } from './adapters/inbound/ScrollView';
+export { View } from './adapters/inbound/View';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,4BAA4B,EAC5B,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/features/layout/public.js

@@ -1,7 +1,8 @@
-export { Box } from './adapters/inbound/Box';
-export { Container } from './adapters/inbound/Container';
-export { ContentRail } from './adapters/inbound/ContentRail';
+export { AppShell } from './adapters/inbound/AppShell';
 export { Divider } from './adapters/inbound/Divider';
 export { Grid } from './adapters/inbound/Grid';
-export { Stack } from './adapters/inbound/Stack';
+export { Screen } from './adapters/inbound/Screen';
+export { ScreenSection } from './adapters/inbound/ScreenSection';
+export { ScrollView } from './adapters/inbound/ScrollView';
+export { View } from './adapters/inbound/View';
 //# sourceMappingURL=public.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type {\n  ContentRailControlPressEvent,\n  ContentRailDirection,\n  ContentRailItemSize,\n  ContentRailMotion,\n  ContentRailProps,\n  ContentRailSpacing,\n  ContentRailVisibleRangeChangeEvent,\n} from '../../types/content-rail';\nexport type {\n  BoxProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  StackProps,\n} from '../../types/layout';\nexport { Box } from './adapters/inbound/Box';\nexport { Container } from './adapters/inbound/Container';\nexport { ContentRail } from './adapters/inbound/ContentRail';\nexport { Divider } from './adapters/inbound/Divider';\nexport { Grid } from './adapters/inbound/Grid';\nexport { Stack } from './adapters/inbound/Stack';\n"]}
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export type {\n  AppShellProps,\n  DividerProps,\n  GridProps,\n  ScreenProps,\n  ScreenSectionProps,\n  ScrollViewProps,\n  ViewProps,\n} from '../../types/layout';\nexport { AppShell } from './adapters/inbound/AppShell';\nexport { Divider } from './adapters/inbound/Divider';\nexport { Grid } from './adapters/inbound/Grid';\nexport { Screen } from './adapters/inbound/Screen';\nexport { ScreenSection } from './adapters/inbound/ScreenSection';\nexport { ScrollView } from './adapters/inbound/ScrollView';\nexport { View } from './adapters/inbound/View';\n"]}

package/dist/{layout/screen/meta.d.ts → features/layout/screenMeta.d.ts}

@@ -2,7 +2,7 @@ export declare const screenMeta: {
     readonly name: "Screen";
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ScreenSection", "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", "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 ["ScreenSection", "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: "Screen";
     };
@@ -22,4 +22,4 @@ export declare const screenMeta: {
         };
     };
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=screenMeta.d.ts.map

package/dist/features/layout/screenMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/screenMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAuBe,CAAC"}

package/dist/{layout/screen/meta.js → features/layout/screenMeta.js}

@@ -23,4 +23,4 @@ export const screenMeta = {
         },
     },
 };
-//# sourceMappingURL=meta.js.map
+//# sourceMappingURL=screenMeta.js.map

package/dist/features/layout/screenMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenMeta.js","sourceRoot":"","sources":["../../../src/features/layout/screenMeta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,uBAAuB,CAAC;IAC7C,SAAS,EAAE;QACT,KAAK,EAAE,QAAQ;KAChB;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YACnC,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,IAAI;SACd;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { SCREEN_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const screenMeta = {\n  name: 'Screen',\n  category: 'layout',\n  directManifestNode: true,\n  allowedChildren: [...SCREEN_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Screen',\n  },\n  props: {\n    width: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Width',\n      enum: ['narrow', 'default', 'wide'],\n      default: 'default',\n    },\n    scroll: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Scroll',\n      default: true,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/{layout/screen-section/meta.d.ts → features/layout/screenSectionMeta.d.ts}

@@ -2,7 +2,7 @@ export declare const screenSectionMeta: {
     readonly name: "ScreenSection";
     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", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "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: "Screen section";
         readonly defaultProps: {
@@ -25,4 +25,4 @@ export declare const screenSectionMeta: {
         };
     };
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=screenSectionMeta.d.ts.map

package/dist/features/layout/screenSectionMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenSectionMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/screenSectionMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BQ,CAAC"}

package/dist/{layout/screen-section/meta.js → features/layout/screenSectionMeta.js}

@@ -26,4 +26,4 @@ export const screenSectionMeta = {
         },
     },
 };
-//# sourceMappingURL=meta.js.map
+//# sourceMappingURL=screenSectionMeta.js.map

package/dist/features/layout/screenSectionMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenSectionMeta.js","sourceRoot":"","sources":["../../../src/features/layout/screenSectionMeta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,+BAA+B,CAAC;IACrD,SAAS,EAAE;QACT,KAAK,EAAE,gBAAgB;QACvB,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,sBAAsB;SACpC;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;SACnB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,sBAAsB;SAChC;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const screenSectionMeta = {\n  name: 'ScreenSection',\n  category: 'layout',\n  directManifestNode: true,\n  allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Screen section',\n    defaultProps: {\n      title: 'Section',\n      description: 'Section description.',\n    },\n  },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n      default: 'Section',\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n      default: 'Section description.',\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/layout/{boxMeta.d.ts → scrollViewMeta.d.ts}

@@ -1,20 +1,13 @@
-export declare const boxMeta: {
-    readonly name: "Box";
+export declare const scrollViewMeta: {
+    readonly name: "ScrollView";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    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", "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 props: {
-        readonly bg: {
-            readonly type: "color";
-            readonly category: "Style";
-        };
-        readonly borderColor: {
-            readonly type: "color";
-            readonly category: "Style";
-        };
-        readonly borderWidth: {
-            readonly type: "number";
-            readonly category: "Style";
+        readonly horizontal: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly default: false;
         };
         readonly p: {
             readonly type: "spacing";
@@ -78,4 +71,4 @@ export declare const boxMeta: {
         };
     };
 };
-//# sourceMappingURL=boxMeta.d.ts.map
+//# sourceMappingURL=scrollViewMeta.d.ts.map

package/dist/features/layout/scrollViewMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollViewMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/scrollViewMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASW,CAAC"}

package/dist/features/layout/{boxMeta.js → scrollViewMeta.js}

@@ -1,15 +1,13 @@
 import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 import { LAYOUT_PROPS } from './constants';
-export const boxMeta = {
-    name: 'Box',
+export const scrollViewMeta = {
+    name: 'ScrollView',
     category: 'foundation',
     directManifestNode: true,
     allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
     props: {
         ...LAYOUT_PROPS,
-        bg: { type: 'color', category: 'Style' },
-        borderColor: { type: 'color', category: 'Style' },
-        borderWidth: { type: 'number', category: 'Style' },
+        horizontal: { type: 'boolean', category: 'Layout', default: false },
     },
 };
-//# sourceMappingURL=boxMeta.js.map
+//# sourceMappingURL=scrollViewMeta.js.map

package/dist/features/layout/scrollViewMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollViewMeta.js","sourceRoot":"","sources":["../../../src/features/layout/scrollViewMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;KACpE;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from './constants';\n\nexport const scrollViewMeta = {\n  name: 'ScrollView',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: {\n    ...LAYOUT_PROPS,\n    horizontal: { type: 'boolean', category: 'Layout', default: false },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/layout/{stackMeta.d.ts → viewMeta.d.ts}

@@ -1,8 +1,8 @@
-export declare const stackMeta: {
-    readonly name: "Stack";
+export declare const viewMeta: {
+    readonly name: "View";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    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", "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 props: {
         readonly direction: {
             readonly type: "enum";
@@ -13,6 +13,14 @@ export declare const stackMeta: {
             readonly type: "spacing";
             readonly category: "Spacing";
         };
+        readonly rowGap: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly columnGap: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
         readonly align: {
             readonly type: "enum";
             readonly category: "Layout";
@@ -28,6 +36,18 @@ export declare const stackMeta: {
             readonly category: "Layout";
             readonly enum: readonly ["nowrap", "wrap"];
         };
+        readonly bg: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly borderColor: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly borderWidth: {
+            readonly type: "number";
+            readonly category: "Style";
+        };
         readonly p: {
             readonly type: "spacing";
             readonly category: "Spacing";
@@ -90,4 +110,4 @@ export declare const stackMeta: {
         };
     };
 };
-//# sourceMappingURL=stackMeta.d.ts.map
+//# sourceMappingURL=viewMeta.d.ts.map

package/dist/features/layout/viewMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/viewMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BiB,CAAC"}

package/dist/features/layout/{stackMeta.js → viewMeta.js}

@@ -1,7 +1,7 @@
 import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 import { LAYOUT_PROPS } from './constants';
-export const stackMeta = {
-    name: 'Stack',
+export const viewMeta = {
+    name: 'View',
     category: 'foundation',
     directManifestNode: true,
     allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
@@ -9,6 +9,8 @@ export const stackMeta = {
         ...LAYOUT_PROPS,
         direction: { type: 'enum', category: 'Layout', enum: ['row', 'column'] },
         gap: { type: 'spacing', category: 'Spacing' },
+        rowGap: { type: 'spacing', category: 'Spacing' },
+        columnGap: { type: 'spacing', category: 'Spacing' },
         align: {
             type: 'enum',
             category: 'Layout',
@@ -20,6 +22,9 @@ export const stackMeta = {
             enum: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'],
         },
         wrap: { type: 'enum', category: 'Layout', enum: ['nowrap', 'wrap'] },
+        bg: { type: 'color', category: 'Style' },
+        borderColor: { type: 'color', category: 'Style' },
+        borderWidth: { type: 'number', category: 'Style' },
     },
 };
-//# sourceMappingURL=stackMeta.js.map
+//# sourceMappingURL=viewMeta.js.map

package/dist/features/layout/viewMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewMeta.js","sourceRoot":"","sources":["../../../src/features/layout/viewMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;QACxE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;QAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;QAChD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;QACnD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC;SAClE;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,CAAC;SAC5F;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;QACpE,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;QACxC,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;KACnD;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from './constants';\n\nexport const viewMeta = {\n  name: 'View',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: {\n    ...LAYOUT_PROPS,\n    direction: { type: 'enum', category: 'Layout', enum: ['row', 'column'] },\n    gap: { type: 'spacing', category: 'Spacing' },\n    rowGap: { type: 'spacing', category: 'Spacing' },\n    columnGap: { type: 'spacing', category: 'Spacing' },\n    align: {\n      type: 'enum',\n      category: 'Layout',\n      enum: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],\n    },\n    justify: {\n      type: 'enum',\n      category: 'Layout',\n      enum: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'],\n    },\n    wrap: { type: 'enum', category: 'Layout', enum: ['nowrap', 'wrap'] },\n    bg: { type: 'color', category: 'Style' },\n    borderColor: { type: 'color', category: 'Style' },\n    borderWidth: { type: 'number', category: 'Style' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/list/flatListMeta.d.ts

@@ -5,7 +5,7 @@ export declare const flatListMeta: {
     readonly blueprint: {
         readonly label: "Flat list";
     };
-    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", "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 description: "Virtualized children. Put node.repeat on this list for keyed data and item bindings; bind selection on the child Button/Card press event. Bound the list viewport and avoid nesting in a same-direction ScrollView.";
     readonly events: {
         readonly visibleItemsChange: {

package/dist/features/list/sectionListMeta.d.ts

@@ -109,6 +109,6 @@ export declare const sectionListMeta: {
     };
     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", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "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"];
 };
 //# sourceMappingURL=sectionListMeta.d.ts.map

package/dist/features/missing-element/adapters/inbound/MissingElement.js

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Badge } from '../../../badge/public';
-import { Box, Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Text } from '../../../typography/public';
 /***
  * Renders the visible, non-interactive body of a draft missing-element marker.
@@ -11,8 +11,8 @@ import { Text } from '../../../typography/public';
 function MissingElementInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, requestedCapability, reason, evidenceId, minimumWidth, minimumHeight, testID, }) {
     const { theme } = useZoraTheme();
     const accessibilityLabel = `Missing element: ${requestedCapability}. ${reason}`;
-    return (<Box accessibilityLabel={accessibilityLabel} accessibilityRole="text" accessible bg={theme.semantics.warning.softBg} borderColor={theme.semantics.warning.base} borderWidth={1} minHeight={minimumHeight} minWidth={minimumWidth} p="m" radius="m" style={styles.root} testID={testID}>
-      <Stack gap="xs">
+    return (<View accessibilityLabel={accessibilityLabel} accessibilityRole="text" accessible bg={theme.semantics.warning.softBg} borderColor={theme.semantics.warning.base} borderWidth={1} minHeight={minimumHeight} minWidth={minimumWidth} p="m" radius="m" style={styles.root} testID={testID}>
+      <View gap="xs">
         <Badge color="warning">Missing element</Badge>
         <Text variant="label" weight="semiBold">
           {requestedCapability}
@@ -23,8 +23,8 @@ function MissingElementInner({ themeId: _themeId, mode: _mode, interactionPolicy
         {evidenceId ? (<Text emphasis="subtle" variant="caption">
             Evidence: {evidenceId}
           </Text>) : null}
-      </Stack>
-    </Box>);
+      </View>
+    </View>);
 }
 const styles = StyleSheet.create({
     root: {

package/dist/features/missing-element/adapters/inbound/MissingElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingElement.js","sourceRoot":"","sources":["../../../../../src/features/missing-element/adapters/inbound/MissingElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD;;GAEG;AACH,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,mBAAmB,EACnB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,aAAa,EACb,MAAM,GACc;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,oBAAoB,mBAAmB,KAAK,MAAM,EAAE,CAAC;IAEhF,OAAO,CACL,CAAC,GAAG,CACF,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,MAAM,CACxB,UAAU,CACV,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CACnC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAC1C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,CAAC,CAAC,GAAG,CACL,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,KAAK,CAC7C;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;UAAA,CAAC,mBAAmB,CACtB;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CACvC;sBAAU,CAAC,UAAU,CACvB;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { MissingElementProps } from '../../../../types/missing-element';\nimport { Badge } from '../../../badge/public';\nimport { Box, Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/***\n * Renders the visible, non-interactive body of a draft missing-element marker.\n */\nfunction MissingElementInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  requestedCapability,\n  reason,\n  evidenceId,\n  minimumWidth,\n  minimumHeight,\n  testID,\n}: MissingElementProps) {\n  const { theme } = useZoraTheme();\n  const accessibilityLabel = `Missing element: ${requestedCapability}. ${reason}`;\n\n  return (\n    <Box\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"text\"\n      accessible\n      bg={theme.semantics.warning.softBg}\n      borderColor={theme.semantics.warning.base}\n      borderWidth={1}\n      minHeight={minimumHeight}\n      minWidth={minimumWidth}\n      p=\"m\"\n      radius=\"m\"\n      style={styles.root}\n      testID={testID}\n    >\n      <Stack gap=\"xs\">\n        <Badge color=\"warning\">Missing element</Badge>\n        <Text variant=\"label\" weight=\"semiBold\">\n          {requestedCapability}\n        </Text>\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {reason}\n        </Text>\n        {evidenceId ? (\n          <Text emphasis=\"subtle\" variant=\"caption\">\n            Evidence: {evidenceId}\n          </Text>\n        ) : null}\n      </Stack>\n    </Box>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    borderStyle: 'dashed',\n  },\n});\n\n/***\n * Draft-only marker that preserves an unsupported manifest region without faking its capability.\n *\n * `MissingElement` is intentionally non-interactive and release-blocking in component metadata.\n * Replace it with a released semantic ZORA element before publishing a production template.\n */\nexport const MissingElement = withZoraThemeScope(MissingElementInner);\n"]}
+{"version":3,"file":"MissingElement.js","sourceRoot":"","sources":["../../../../../src/features/missing-element/adapters/inbound/MissingElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD;;GAEG;AACH,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,mBAAmB,EACnB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,aAAa,EACb,MAAM,GACc;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,oBAAoB,mBAAmB,KAAK,MAAM,EAAE,CAAC;IAEhF,OAAO,CACL,CAAC,IAAI,CACH,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,MAAM,CACxB,UAAU,CACV,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CACnC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAC1C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,CAAC,CAAC,GAAG,CACL,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CACZ;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,KAAK,CAC7C;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;UAAA,CAAC,mBAAmB,CACtB;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CACvC;sBAAU,CAAC,UAAU,CACvB;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { MissingElementProps } from '../../../../types/missing-element';\nimport { Badge } from '../../../badge/public';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/***\n * Renders the visible, non-interactive body of a draft missing-element marker.\n */\nfunction MissingElementInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  requestedCapability,\n  reason,\n  evidenceId,\n  minimumWidth,\n  minimumHeight,\n  testID,\n}: MissingElementProps) {\n  const { theme } = useZoraTheme();\n  const accessibilityLabel = `Missing element: ${requestedCapability}. ${reason}`;\n\n  return (\n    <View\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"text\"\n      accessible\n      bg={theme.semantics.warning.softBg}\n      borderColor={theme.semantics.warning.base}\n      borderWidth={1}\n      minHeight={minimumHeight}\n      minWidth={minimumWidth}\n      p=\"m\"\n      radius=\"m\"\n      style={styles.root}\n      testID={testID}\n    >\n      <View gap=\"xs\">\n        <Badge color=\"warning\">Missing element</Badge>\n        <Text variant=\"label\" weight=\"semiBold\">\n          {requestedCapability}\n        </Text>\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {reason}\n        </Text>\n        {evidenceId ? (\n          <Text emphasis=\"subtle\" variant=\"caption\">\n            Evidence: {evidenceId}\n          </Text>\n        ) : null}\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    borderStyle: 'dashed',\n  },\n});\n\n/***\n * Draft-only marker that preserves an unsupported manifest region without faking its capability.\n *\n * `MissingElement` is intentionally non-interactive and release-blocking in component metadata.\n * Replace it with a released semantic ZORA element before publishing a production template.\n */\nexport const MissingElement = withZoraThemeScope(MissingElementInner);\n"]}