@ankhorage/zora 7.0.0 → 9.0.0

package/dist/features/splash-screen/adapters/inbound/SplashScreen.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Center } from '../../../../foundation';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Box, Stack } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
+/***
+ * Branded launch/loading surface for previews, web fallbacks, and app bootstrap states.
+ *
+ * `SplashScreen` is a React-rendered component. It intentionally does not manage
+ * Expo's native splash screen lifecycle or replace generated `expo-splash-screen`
+ * configuration.
+ */
+export const SplashScreen = withZoraThemeScope(SplashScreenInner);
+function resolveLogoRadius(shape) {
+    switch (shape) {
+        case 'circle':
+            return 9999;
+        case 'square':
+            return 0;
+        case 'rounded':
+        default:
+            return 28;
+    }
+}
+function PlaceholderLogo({ label, shape, size }) {
+    const { theme } = useZoraTheme();
+    const radius = resolveLogoRadius(shape);
+    return (<Center accessibilityLabel={label} bg={theme.semantics.action.primary.base} height={size} width={size} style={{ borderRadius: radius }}>
+      <Text emphasis="inverse" variant="eyebrow" weight="bold">
+        {label.slice(0, 2).toUpperCase()}
+      </Text>
+    </Center>);
+}
+function SplashScreenInner({ themeId: _themeId, mode: _mode, logo, title, subtitle, children, minHeight = '100%', backgroundColor, logoSize = 96, logoLabel = 'ZORA', logoShape = 'rounded', testID, }) {
+    const { theme } = useZoraTheme();
+    const background = backgroundColor ?? theme.semantics.neutral.surface;
+    const renderedLogo = logo ?? (<PlaceholderLogo label={logoLabel} shape={logoShape} size={logoSize}/>);
+    return (<Center bg={background} minHeight={minHeight} p="xl" testID={testID} width="100%">
+      <Stack align="center" gap="l" style={{ maxWidth: 360 }}>
+        {renderedLogo}
+        {title || subtitle ? (<Stack align="center" gap="xs">
+            {title ? (<Heading align="center" level={1} size="h1">
+                {title}
+              </Heading>) : null}
+            {subtitle ? (<Text align="center" emphasis="muted" variant="bodySmall">
+                {subtitle}
+              </Text>) : null}
+          </Stack>) : null}
+        {children ? <Box width="100%">{children}</Box> : null}
+      </Stack>
+    </Center>);
+}
+//# sourceMappingURL=SplashScreen.js.map

package/dist/features/splash-screen/adapters/inbound/SplashScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplashScreen.js","sourceRoot":"","sources":["../../../../../src/features/splash-screen/adapters/inbound/SplashScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAQlE,SAAS,iBAAiB,CAAC,KAA4B;IACrD,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,IAAI,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC;QACX,KAAK,SAAS,CAAC;QACf;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAwB;IACnE,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,CAAC,MAAM,CACL,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC1B,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CACxC,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,KAAK,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAEhC;MAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CACtD;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAClC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,eAAe,EACf,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,SAAS,EACrB,MAAM,GACY;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,UAAU,GAAG,eAAe,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IACtE,MAAM,YAAY,GAAG,IAAI,IAAI,CAC3B,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAG,CACxE,CAAC;IAEF,OAAO,CACL,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAC/E;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CACrD;QAAA,CAAC,YAAY,CACb;QAAA,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAC5B;YAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CACzC;gBAAA,CAAC,KAAK,CACR;cAAA,EAAE,OAAO,CAAC,CACX,CAAC,CAAC,CAAC,IAAI,CACR;YAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACvD;gBAAA,CAAC,QAAQ,CACX;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACR;QAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACvD;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Center } from '../../../../foundation';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SplashScreenLogoShape, SplashScreenProps } from '../../../../types/splash-screen';\nimport { Box, Stack } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\n/***\n * Branded launch/loading surface for previews, web fallbacks, and app bootstrap states.\n *\n * `SplashScreen` is a React-rendered component. It intentionally does not manage\n * Expo's native splash screen lifecycle or replace generated `expo-splash-screen`\n * configuration.\n */\nexport const SplashScreen = withZoraThemeScope(SplashScreenInner);\n\ninterface PlaceholderLogoProps {\n  label: string;\n  shape: SplashScreenLogoShape;\n  size: number;\n}\n\nfunction resolveLogoRadius(shape: SplashScreenLogoShape): number {\n  switch (shape) {\n    case 'circle':\n      return 9999;\n    case 'square':\n      return 0;\n    case 'rounded':\n    default:\n      return 28;\n  }\n}\n\nfunction PlaceholderLogo({ label, shape, size }: PlaceholderLogoProps) {\n  const { theme } = useZoraTheme();\n  const radius = resolveLogoRadius(shape);\n\n  return (\n    <Center\n      accessibilityLabel={label}\n      bg={theme.semantics.action.primary.base}\n      height={size}\n      width={size}\n      style={{ borderRadius: radius }}\n    >\n      <Text emphasis=\"inverse\" variant=\"eyebrow\" weight=\"bold\">\n        {label.slice(0, 2).toUpperCase()}\n      </Text>\n    </Center>\n  );\n}\n\nfunction SplashScreenInner({\n  themeId: _themeId,\n  mode: _mode,\n  logo,\n  title,\n  subtitle,\n  children,\n  minHeight = '100%',\n  backgroundColor,\n  logoSize = 96,\n  logoLabel = 'ZORA',\n  logoShape = 'rounded',\n  testID,\n}: SplashScreenProps) {\n  const { theme } = useZoraTheme();\n  const background = backgroundColor ?? theme.semantics.neutral.surface;\n  const renderedLogo = logo ?? (\n    <PlaceholderLogo label={logoLabel} shape={logoShape} size={logoSize} />\n  );\n\n  return (\n    <Center bg={background} minHeight={minHeight} p=\"xl\" testID={testID} width=\"100%\">\n      <Stack align=\"center\" gap=\"l\" style={{ maxWidth: 360 }}>\n        {renderedLogo}\n        {title || subtitle ? (\n          <Stack align=\"center\" gap=\"xs\">\n            {title ? (\n              <Heading align=\"center\" level={1} size=\"h1\">\n                {title}\n              </Heading>\n            ) : null}\n            {subtitle ? (\n              <Text align=\"center\" emphasis=\"muted\" variant=\"bodySmall\">\n                {subtitle}\n              </Text>\n            ) : null}\n          </Stack>\n        ) : null}\n        {children ? <Box width=\"100%\">{children}</Box> : null}\n      </Stack>\n    </Center>\n  );\n}\n"]}

package/dist/features/splash-screen/public.d.ts

@@ -0,0 +1,3 @@
+export type { SplashScreenLogoShape, SplashScreenProps } from '../../types/splash-screen';
+export { SplashScreen } from './adapters/inbound/SplashScreen';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/splash-screen/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/splash-screen/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/features/splash-screen/public.js

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

package/dist/features/splash-screen/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/splash-screen/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export type { SplashScreenLogoShape, SplashScreenProps } from '../../types/splash-screen';\nexport { SplashScreen } from './adapters/inbound/SplashScreen';\n"]}

package/dist/features/splash-screen/splashScreenMeta.d.ts

@@ -0,0 +1,39 @@
+export declare const splashScreenMeta: {
+    readonly name: "SplashScreen";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly description: "App content splash presentation; does not control the native launch screen.";
+    readonly props: {
+        readonly title: {
+            readonly type: "string";
+            readonly category: "Content";
+        };
+        readonly subtitle: {
+            readonly type: "string";
+            readonly category: "Content";
+        };
+        readonly minHeight: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly backgroundColor: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly logoSize: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly logoLabel: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+        };
+        readonly logoShape: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["circle", "square", "rounded"];
+        };
+    };
+};
+//# sourceMappingURL=splashScreenMeta.d.ts.map

package/dist/features/splash-screen/splashScreenMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splashScreenMeta.d.ts","sourceRoot":"","sources":["../../../src/features/splash-screen/splashScreenMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCS,CAAC"}

package/dist/features/splash-screen/splashScreenMeta.js

@@ -0,0 +1,40 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+export const splashScreenMeta = {
+    name: 'SplashScreen',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    description: 'App content splash presentation; does not control the native launch screen.',
+    props: {
+        title: {
+            type: 'string',
+            category: 'Content',
+        },
+        subtitle: {
+            type: 'string',
+            category: 'Content',
+        },
+        minHeight: {
+            type: 'number',
+            category: 'Layout',
+        },
+        backgroundColor: {
+            type: 'color',
+            category: 'Style',
+        },
+        logoSize: {
+            type: 'number',
+            category: 'Layout',
+        },
+        logoLabel: {
+            type: 'string',
+            category: 'Accessibility',
+        },
+        logoShape: {
+            type: 'enum',
+            category: 'Style',
+            enum: ['circle', 'square', 'rounded'],
+        },
+    },
+};
+//# sourceMappingURL=splashScreenMeta.js.map

package/dist/features/splash-screen/splashScreenMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splashScreenMeta.js","sourceRoot":"","sources":["../../../src/features/splash-screen/splashScreenMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,WAAW,EAAE,6EAA6E;IAC1F,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;SACnB;QACD,eAAe,EAAE;YACf,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;SAClB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;SACnB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,eAAe;SAC1B;QACD,SAAS,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACtC;KACF;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const splashScreenMeta = {\n  name: 'SplashScreen',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  description: 'App content splash presentation; does not control the native launch screen.',\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n    },\n    subtitle: {\n      type: 'string',\n      category: 'Content',\n    },\n    minHeight: {\n      type: 'number',\n      category: 'Layout',\n    },\n    backgroundColor: {\n      type: 'color',\n      category: 'Style',\n    },\n    logoSize: {\n      type: 'number',\n      category: 'Layout',\n    },\n    logoLabel: {\n      type: 'string',\n      category: 'Accessibility',\n    },\n    logoShape: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['circle', 'square', 'rounded'],\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/surface/adapters/inbound/Surface.d.ts

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

package/dist/features/surface/adapters/inbound/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../src/features/surface/adapters/inbound/Surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,wFAAwF;AACxF,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/features/surface/adapters/inbound/Surface.js

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

package/dist/features/surface/adapters/inbound/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../../../src/features/surface/adapters/inbound/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAExD,sEAAsE;AACtE,SAAS,YAAY,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACK;IACb,OAAO,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACvC,CAAC","sourcesContent":["import { Surface as SurfaceSurface } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SurfaceProps } from '../../../../types/surface';\n\n/*** Adapts the themed Surface Surface primitive to ZORA scope and interaction props. */\nexport const Surface = withZoraThemeScope(SurfaceInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction SurfaceInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: SurfaceProps) {\n  return <SurfaceSurface {...props} />;\n}\n"]}

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

@@ -0,0 +1,3 @@
+export type { SurfaceProps, SurfaceVariant } from '../../types/surface';
+export { Surface } from './adapters/inbound/Surface';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/surface/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/features/surface/public.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/surface/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export type { SurfaceProps, SurfaceVariant } from '../../types/surface';\nexport { Surface } from './adapters/inbound/Surface';\n"]}

package/dist/features/surface/surfaceMeta.d.ts

@@ -0,0 +1,74 @@
+export declare const surfaceMeta: {
+    readonly name: "Surface";
+    readonly category: "foundation";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly props: {
+        readonly variant: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["default", "subtle", "raised", "outline"];
+        };
+        readonly p: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly px: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly py: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly pt: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly pb: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly m: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly width: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly minWidth: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly maxWidth: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly minHeight: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly maxHeight: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly flex: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+        };
+        readonly accessibilityLabel: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+        };
+    };
+};
+//# sourceMappingURL=surfaceMeta.d.ts.map

package/dist/features/surface/surfaceMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaceMeta.d.ts","sourceRoot":"","sources":["../../../src/features/surface/surfaceMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASc,CAAC"}

package/dist/features/surface/surfaceMeta.js

@@ -0,0 +1,13 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { LAYOUT_PROPS } from '../layout/constants';
+export const surfaceMeta = {
+    name: 'Surface',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    props: {
+        ...LAYOUT_PROPS,
+        variant: { type: 'enum', category: 'Style', enum: ['default', 'subtle', 'raised', 'outline'] },
+    },
+};
+//# sourceMappingURL=surfaceMeta.js.map

package/dist/features/surface/surfaceMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaceMeta.js","sourceRoot":"","sources":["../../../src/features/surface/surfaceMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE;KAC/F;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from '../layout/constants';\n\nexport const surfaceMeta = {\n  name: 'Surface',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: {\n    ...LAYOUT_PROPS,\n    variant: { type: 'enum', category: 'Style', enum: ['default', 'subtle', 'raised', 'outline'] },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/typography/adapters/inbound/Heading.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { HeadingProps } from '../../../../types/heading';
+/***
+ * Structured title primitive for accessible page, section, and card headings.
+ *
+ * `Heading` gives consumers a ZORA-owned title API with semantic levels,
+ * responsive sizes, and theme-aware emphasis while preserving header semantics.
+ *
+ * @example Section title
+ * ```tsx
+ * <Heading level={2} size="xl">Account settings</Heading>
+ * ```
+ */
+export declare const Heading: (props: HeadingProps) => React.ReactElement | null;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/features/typography/adapters/inbound/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/features/typography/adapters/inbound/Heading.js

@@ -0,0 +1,71 @@
+import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';
+import React from 'react';
+import { Platform, Text as ReactNativeText } from 'react-native';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { useZoraThemeRecipe } from '../../../../theme/useZoraThemeRecipe';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { resolveHeadingRecipe } from '../../utils/resolveHeadingRecipe';
+import { resolveHeadingSizeFromLevel } from '../../utils/resolveHeadingSizeFromLevel';
+import { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe';
+/***
+ * Structured title primitive for accessible page, section, and card headings.
+ *
+ * `Heading` gives consumers a ZORA-owned title API with semantic levels,
+ * responsive sizes, and theme-aware emphasis while preserving header semantics.
+ *
+ * @example Section title
+ * ```tsx
+ * <Heading level={2} size="xl">Account settings</Heading>
+ * ```
+ */
+export const Heading = withZoraThemeScope(HeadingInner);
+const headingLayoutStyle = {
+    flexShrink: 1,
+    maxWidth: '100%',
+    minWidth: 0,
+    ...(Platform.OS === 'web'
+        ? {
+            overflowWrap: 'break-word',
+            whiteSpace: 'normal',
+            wordBreak: 'normal',
+        }
+        : null),
+};
+function resolveHeadingContent({ children, text, i18nKey, }) {
+    if (children !== undefined)
+        return children;
+    if (text !== undefined)
+        return text;
+    if (i18nKey === undefined || i18nKey === '')
+        return null;
+    return i18nKey;
+}
+function HeadingInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, level = 2, size, color, emphasis, align, weight, italic, numberOfLines, ellipsizeMode, selectable, style, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, interactionPolicy: _interactionPolicy, }) {
+    const { theme } = useZoraTheme();
+    const { breakpoint } = useResponsiveRuntime();
+    const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));
+    const content = resolveHeadingContent({ children, text, i18nKey });
+    const resolvedSize = resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);
+    const resolvedColor = resolveResponsive(color ?? themeRecipe.color, breakpoint);
+    const resolvedEmphasis = resolveResponsive(emphasis ?? themeRecipe.emphasis, breakpoint) ?? 'default';
+    const resolvedAlign = resolveResponsive(align ?? themeRecipe.align, breakpoint);
+    const resolvedWeight = resolveResponsive(weight ?? themeRecipe.weight, breakpoint);
+    if (content === null)
+        return null;
+    return (<ReactNativeText accessibilityHint={accessibilityHint} accessibilityLabel={accessibilityLabel} accessibilityRole={accessibilityRole ?? 'header'} ellipsizeMode={ellipsizeMode} nativeID={nativeID} numberOfLines={numberOfLines} selectable={selectable} testID={testID} style={[
+            headingLayoutStyle,
+            resolveHeadingRecipe(theme, {
+                align: resolvedAlign,
+                italic: italic ?? themeRecipe.italic ?? false,
+                level,
+                size: resolvedSize,
+                color: resolvedColor,
+                emphasis: resolvedEmphasis,
+                weight: resolvedWeight,
+            }),
+            style,
+        ]}>
+      {content}
+    </ReactNativeText>);
+}
+//# sourceMappingURL=Heading.js.map

package/dist/features/typography/adapters/inbound/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { HeadingProps } from '../../../../types/heading';\nimport { resolveHeadingRecipe } from '../../utils/resolveHeadingRecipe';\nimport { resolveHeadingSizeFromLevel } from '../../utils/resolveHeadingSizeFromLevel';\nimport { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe';\n/***\n * Structured title primitive for accessible page, section, and card headings.\n *\n * `Heading` gives consumers a ZORA-owned title API with semantic levels,\n * responsive sizes, and theme-aware emphasis while preserving header semantics.\n *\n * @example Section title\n * ```tsx\n * <Heading level={2} size=\"xl\">Account settings</Heading>\n * ```\n */\nexport const Heading = withZoraThemeScope(HeadingInner);\n\nconst headingLayoutStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n};\n\nfunction resolveHeadingContent({\n  children,\n  text,\n  i18nKey,\n}: Pick<HeadingProps, 'children' | 'text' | 'i18nKey'>) {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction HeadingInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  level = 2,\n  size,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: HeadingProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));\n  const content = resolveHeadingContent({ children, text, i18nKey });\n  const resolvedSize =\n    resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);\n  const resolvedColor = resolveResponsive(color ?? themeRecipe.color, breakpoint);\n  const resolvedEmphasis =\n    resolveResponsive(emphasis ?? themeRecipe.emphasis, breakpoint) ?? 'default';\n  const resolvedAlign = resolveResponsive(align ?? themeRecipe.align, breakpoint);\n  const resolvedWeight = resolveResponsive(weight ?? themeRecipe.weight, breakpoint);\n\n  if (content === null) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole ?? 'header'}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[\n        headingLayoutStyle,\n        resolveHeadingRecipe(theme, {\n          align: resolvedAlign,\n          italic: italic ?? themeRecipe.italic ?? false,\n          level,\n          size: resolvedSize,\n          color: resolvedColor,\n          emphasis: resolvedEmphasis,\n          weight: resolvedWeight,\n        }),\n        style,\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}

package/dist/features/typography/adapters/inbound/Text.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { TextProps } from '../../../../types/text';
+/***
+ * Structured copy primitive for theme-aware app text.
+ *
+ * `Text` owns normal body, caption, label, code, and supporting-copy variants so
+ * consumers do not need to import lower-level Surface typography directly.
+ *
+ * @example Muted supporting copy
+ * ```tsx
+ * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>
+ * ```
+ */
+export declare const Text: (props: TextProps) => React.ReactElement | null;
+//# sourceMappingURL=Text.d.ts.map

package/dist/features/typography/adapters/inbound/Text.d.ts.map

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

package/dist/features/typography/adapters/inbound/Text.js

@@ -0,0 +1,64 @@
+import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';
+import React from 'react';
+import { Platform, Text as ReactNativeText } from 'react-native';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { useZoraThemeRecipe } from '../../../../theme/useZoraThemeRecipe';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { resolveTextStyle } from '../../utils/resolveTextStyle';
+import { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';
+/***
+ * Structured copy primitive for theme-aware app text.
+ *
+ * `Text` owns normal body, caption, label, code, and supporting-copy variants so
+ * consumers do not need to import lower-level Surface typography directly.
+ *
+ * @example Muted supporting copy
+ * ```tsx
+ * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>
+ * ```
+ */
+export const Text = withZoraThemeScope(TextInner);
+const textLayoutStyle = {
+    flexShrink: 1,
+    maxWidth: '100%',
+    minWidth: 0,
+    ...(Platform.OS === 'web'
+        ? {
+            overflowWrap: 'break-word',
+            whiteSpace: 'normal',
+            wordBreak: 'normal',
+        }
+        : null),
+};
+function resolveTextContent({ children, text, i18nKey, }) {
+    if (children !== undefined)
+        return children;
+    if (text !== undefined)
+        return text;
+    if (i18nKey === undefined || i18nKey === '')
+        return null;
+    return i18nKey;
+}
+function TextInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, variant, color, emphasis, align, weight, italic, numberOfLines, ellipsizeMode, selectable, style, accessibilityLabel, accessibilityHint, accessibilityRole, accessibilityLiveRegion, nativeID, testID, interactionPolicy: _interactionPolicy, }) {
+    const { theme } = useZoraTheme();
+    const { breakpoint } = useResponsiveRuntime();
+    const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe('Text'));
+    const content = resolveTextContent({ children, text, i18nKey });
+    const resolvedVariant = resolveResponsive(variant ?? themeRecipe.variant, breakpoint) ?? 'body';
+    const resolvedStyle = resolveTextStyle({
+        theme,
+        breakpoint,
+        variant: resolvedVariant,
+        color: color ?? themeRecipe.color,
+        emphasis: emphasis ?? themeRecipe.emphasis,
+        align: align ?? themeRecipe.align,
+        weight: weight ?? themeRecipe.weight,
+        italic: italic ?? themeRecipe.italic ?? false,
+    });
+    if (content === null || content === undefined)
+        return null;
+    return (<ReactNativeText accessibilityHint={accessibilityHint} accessibilityLabel={accessibilityLabel} accessibilityLiveRegion={accessibilityLiveRegion} accessibilityRole={accessibilityRole} ellipsizeMode={ellipsizeMode} nativeID={nativeID} numberOfLines={numberOfLines} selectable={selectable} testID={testID} style={[textLayoutStyle, resolvedStyle, style]}>
+      {content}
+    </ReactNativeText>);
+}
+//# sourceMappingURL=Text.js.map

package/dist/features/typography/adapters/inbound/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TextProps } from '../../../../types/text';\nimport { resolveTextStyle } from '../../utils/resolveTextStyle';\nimport { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';\n/***\n * Structured copy primitive for theme-aware app text.\n *\n * `Text` owns normal body, caption, label, code, and supporting-copy variants so\n * consumers do not need to import lower-level Surface typography directly.\n *\n * @example Muted supporting copy\n * ```tsx\n * <Text variant=\"bodySmall\" emphasis=\"muted\">Updated just now</Text>\n * ```\n */\nexport const Text = withZoraThemeScope(TextInner);\n\nconst textLayoutStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n};\n\nfunction resolveTextContent({\n  children,\n  text,\n  i18nKey,\n}: {\n  children: TextProps['children'];\n  text: TextProps['text'];\n  i18nKey: TextProps['i18nKey'];\n}): React.ReactNode {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction TextInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  variant,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  accessibilityLiveRegion,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: TextProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe('Text'));\n  const content = resolveTextContent({ children, text, i18nKey });\n  const resolvedVariant = resolveResponsive(variant ?? themeRecipe.variant, breakpoint) ?? 'body';\n  const resolvedStyle = resolveTextStyle({\n    theme,\n    breakpoint,\n    variant: resolvedVariant,\n    color: color ?? themeRecipe.color,\n    emphasis: emphasis ?? themeRecipe.emphasis,\n    align: align ?? themeRecipe.align,\n    weight: weight ?? themeRecipe.weight,\n    italic: italic ?? themeRecipe.italic ?? false,\n  });\n\n  if (content === null || content === undefined) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityLiveRegion={accessibilityLiveRegion}\n      accessibilityRole={accessibilityRole}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[textLayoutStyle, resolvedStyle, style]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}