@ankhorage/zora 0.10.0 → 0.12.0

package/dist/foundation/Surface.d.ts

@@ -0,0 +1,8 @@
+import { type SurfaceProps as SurfaceSurfaceProps, type SurfaceVariant } from '@ankhorage/surface';
+import React from 'react';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+export type { SurfaceVariant };
+export interface SurfaceProps extends ZoraBaseProps, Omit<SurfaceSurfaceProps, 'mode' | 'themeId'> {
+}
+export declare const Surface: (props: SurfaceProps) => React.ReactElement | null;
+//# sourceMappingURL=Surface.d.ts.map

package/dist/foundation/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../src/foundation/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,IAAI,mBAAmB,EACxC,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,YACf,SAAQ,aAAa,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;CAAG;AAMzE,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/foundation/Surface.js

@@ -0,0 +1,8 @@
+import { Surface as SurfaceSurface, } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../theme/withZoraThemeScope';
+function SurfaceInner({ themeId: _themeId, mode: _mode, ...props }) {
+    return <SurfaceSurface {...props}/>;
+}
+export const Surface = withZoraThemeScope(SurfaceInner);
+//# sourceMappingURL=Surface.js.map

package/dist/foundation/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../src/foundation/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,cAAc,GAG1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAQjE,SAAS,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IAC9E,OAAO,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import {\n  Surface as SurfaceSurface,\n  type SurfaceProps as SurfaceSurfaceProps,\n  type SurfaceVariant,\n} from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../theme/withZoraThemeScope';\nimport type { ZoraBaseProps } from '../theme/ZoraBaseProps';\n\nexport type { SurfaceVariant };\n\nexport interface SurfaceProps\n  extends ZoraBaseProps, Omit<SurfaceSurfaceProps, 'mode' | 'themeId'> {}\n\nfunction SurfaceInner({ themeId: _themeId, mode: _mode, ...props }: SurfaceProps) {\n  return <SurfaceSurface {...props} />;\n}\n\nexport const Surface = withZoraThemeScope(SurfaceInner);\n"]}

package/dist/foundation/index.d.ts

@@ -1,3 +1,21 @@
-export type { BoxProps, CenterProps, ContainerProps, DividerProps, GridProps, InlineProps, ShowProps, SpacerProps, StackProps, SurfaceProps, SurfaceVariant, } from '@ankhorage/surface';
-export { Box, Center, Container, Divider, Grid, Inline, Show, Spacer, Stack, Surface, } from '@ankhorage/surface';
+export type { BoxProps } from './Box';
+export { Box } from './Box';
+export type { CenterProps } from './Center';
+export { Center } from './Center';
+export type { ContainerProps } from './Container';
+export { Container } from './Container';
+export type { DividerProps } from './Divider';
+export { Divider } from './Divider';
+export type { GridProps } from './Grid';
+export { Grid } from './Grid';
+export type { InlineProps } from './Inline';
+export { Inline } from './Inline';
+export type { ShowProps } from './Show';
+export { Show } from './Show';
+export type { SpacerProps } from './Spacer';
+export { Spacer } from './Spacer';
+export type { StackProps } from './Stack';
+export { Stack } from './Stack';
+export type { SurfaceProps, SurfaceVariant } from './Surface';
+export { Surface } from './Surface';
 //# sourceMappingURL=index.d.ts.map

package/dist/foundation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,GACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,GACR,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/foundation/index.js

@@ -1,2 +1,11 @@
-export { Box, Center, Container, Divider, Grid, Inline, Show, Spacer, Stack, Surface, } from '@ankhorage/surface';
+export { Box } from './Box';
+export { Center } from './Center';
+export { Container } from './Container';
+export { Divider } from './Divider';
+export { Grid } from './Grid';
+export { Inline } from './Inline';
+export { Show } from './Show';
+export { Spacer } from './Spacer';
+export { Stack } from './Stack';
+export { Surface } from './Surface';
 //# sourceMappingURL=index.js.map

package/dist/foundation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,GACR,MAAM,oBAAoB,CAAC","sourcesContent":["export type {\n  BoxProps,\n  CenterProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  InlineProps,\n  ShowProps,\n  SpacerProps,\n  StackProps,\n  SurfaceProps,\n  SurfaceVariant,\n} from '@ankhorage/surface';\nexport {\n  Box,\n  Center,\n  Container,\n  Divider,\n  Grid,\n  Inline,\n  Show,\n  Spacer,\n  Stack,\n  Surface,\n} from '@ankhorage/surface';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export type { BoxProps } from './Box';\nexport { Box } from './Box';\nexport type { CenterProps } from './Center';\nexport { Center } from './Center';\nexport type { ContainerProps } from './Container';\nexport { Container } from './Container';\nexport type { DividerProps } from './Divider';\nexport { Divider } from './Divider';\nexport type { GridProps } from './Grid';\nexport { Grid } from './Grid';\nexport type { InlineProps } from './Inline';\nexport { Inline } from './Inline';\nexport type { ShowProps } from './Show';\nexport { Show } from './Show';\nexport type { SpacerProps } from './Spacer';\nexport { Spacer } from './Spacer';\nexport type { StackProps } from './Stack';\nexport { Stack } from './Stack';\nexport type { SurfaceProps, SurfaceVariant } from './Surface';\nexport { Surface } from './Surface';\n"]}

package/dist/internal/color/index.d.ts

@@ -0,0 +1,3 @@
+export { parseHexToOklch } from './oklch';
+export { resolveModePrimaryColor } from './primary';
+//# sourceMappingURL=index.d.ts.map

package/dist/internal/color/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/internal/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC"}

package/dist/internal/color/index.js

@@ -0,0 +1,3 @@
+export { parseHexToOklch } from './oklch';
+export { resolveModePrimaryColor } from './primary';
+//# sourceMappingURL=index.js.map

package/dist/internal/color/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { parseHexToOklch } from './oklch';\nexport { resolveModePrimaryColor } from './primary';\n"]}

package/dist/internal/color/oklch.d.ts

@@ -0,0 +1,6 @@
+import type { ZoraHexColor } from '../../theme/types';
+import type { ZoraOklchColor } from './types';
+export declare function parseHexToOklch(hex: ZoraHexColor): ZoraOklchColor;
+export declare function formatOklchAsHex(color: ZoraOklchColor): ZoraHexColor;
+export declare function clampOklchToGamut(color: ZoraOklchColor): ZoraOklchColor;
+//# sourceMappingURL=oklch.d.ts.map

package/dist/internal/color/oklch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oklch.d.ts","sourceRoot":"","sources":["../../../src/internal/color/oklch.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAc9C,wBAAgB,eAAe,CAAC,GAAG,EAAE,YAAY,GAAG,cAAc,CAoBjE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAcpE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAavE"}

package/dist/internal/color/oklch.js

@@ -0,0 +1,53 @@
+import { converter, formatHex, parse, toGamut } from 'culori';
+const toOklch = converter('oklch');
+const gamutMapToSrgb = toGamut('rgb', 'oklch');
+function normalizeHueDegrees(hue) {
+    const normalized = ((hue % 360) + 360) % 360;
+    return normalized;
+}
+function isSixDigitHexColor(value) {
+    return /^#[0-9a-fA-F]{6}$/.test(value);
+}
+export function parseHexToOklch(hex) {
+    if (!isSixDigitHexColor(hex)) {
+        throw new Error(`Expected a 6-digit hex color like '#0f766e', got '${String(hex)}'.`);
+    }
+    const parsed = parse(hex);
+    if (!parsed) {
+        throw new Error(`Unable to parse hex color '${String(hex)}'.`);
+    }
+    const oklch = toOklch(parsed);
+    if (typeof oklch.l !== 'number' || typeof oklch.c !== 'number') {
+        throw new Error(`Unable to convert hex color '${String(hex)}' to OKLCH.`);
+    }
+    return {
+        l: oklch.l,
+        c: oklch.c,
+        h: normalizeHueDegrees(typeof oklch.h === 'number' ? oklch.h : 0),
+    };
+}
+export function formatOklchAsHex(color) {
+    const mapped = gamutMapToSrgb({ mode: 'oklch', l: color.l, c: color.c, h: color.h });
+    const hex = formatHex(mapped);
+    if (!hex || !isSixDigitHexColor(hex)) {
+        throw new Error('Unable to format OKLCH color as a 6-digit hex value.');
+    }
+    const normalized = hex.toLowerCase();
+    if (!isSixDigitHexColor(normalized)) {
+        throw new Error('Unable to format OKLCH color as a 6-digit hex value.');
+    }
+    return normalized;
+}
+export function clampOklchToGamut(color) {
+    const mapped = gamutMapToSrgb({ mode: 'oklch', l: color.l, c: color.c, h: color.h });
+    const clamped = toOklch(mapped);
+    if (typeof clamped.l !== 'number' || typeof clamped.c !== 'number') {
+        throw new Error('Unable to clamp OKLCH color to sRGB gamut.');
+    }
+    return {
+        l: clamped.l,
+        c: clamped.c,
+        h: normalizeHueDegrees(typeof clamped.h === 'number' ? clamped.h : 0),
+    };
+}
+//# sourceMappingURL=oklch.js.map

package/dist/internal/color/oklch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oklch.js","sourceRoot":"","sources":["../../../src/internal/color/oklch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAK9D,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AACnC,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAE/C,SAAS,mBAAmB,CAAC,GAAW;IACtC,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAC7C,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,OAAO,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,GAAiB;IAC/C,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CAAC,qDAAqD,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxF,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,8BAA8B,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACjE,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,IAAI,OAAO,KAAK,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;QAC/D,MAAM,IAAI,KAAK,CAAC,gCAAgC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO;QACL,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,mBAAmB,CAAC,OAAO,KAAK,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAClE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAqB;IACpD,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAE9B,IAAI,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IAED,MAAM,UAAU,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IACrC,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAqB;IACrD,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACrF,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAEhC,IAAI,OAAO,OAAO,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,OAAO,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;QACnE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED,OAAO;QACL,CAAC,EAAE,OAAO,CAAC,CAAC;QACZ,CAAC,EAAE,OAAO,CAAC,CAAC;QACZ,CAAC,EAAE,mBAAmB,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACtE,CAAC;AACJ,CAAC","sourcesContent":["import { converter, formatHex, parse, toGamut } from 'culori';\n\nimport type { ZoraHexColor } from '../../theme/types';\nimport type { ZoraOklchColor } from './types';\n\nconst toOklch = converter('oklch');\nconst gamutMapToSrgb = toGamut('rgb', 'oklch');\n\nfunction normalizeHueDegrees(hue: number): number {\n  const normalized = ((hue % 360) + 360) % 360;\n  return normalized;\n}\n\nfunction isSixDigitHexColor(value: string): value is ZoraHexColor {\n  return /^#[0-9a-fA-F]{6}$/.test(value);\n}\n\nexport function parseHexToOklch(hex: ZoraHexColor): ZoraOklchColor {\n  if (!isSixDigitHexColor(hex)) {\n    throw new Error(`Expected a 6-digit hex color like '#0f766e', got '${String(hex)}'.`);\n  }\n\n  const parsed = parse(hex);\n  if (!parsed) {\n    throw new Error(`Unable to parse hex color '${String(hex)}'.`);\n  }\n\n  const oklch = toOklch(parsed);\n  if (typeof oklch.l !== 'number' || typeof oklch.c !== 'number') {\n    throw new Error(`Unable to convert hex color '${String(hex)}' to OKLCH.`);\n  }\n\n  return {\n    l: oklch.l,\n    c: oklch.c,\n    h: normalizeHueDegrees(typeof oklch.h === 'number' ? oklch.h : 0),\n  };\n}\n\nexport function formatOklchAsHex(color: ZoraOklchColor): ZoraHexColor {\n  const mapped = gamutMapToSrgb({ mode: 'oklch', l: color.l, c: color.c, h: color.h });\n  const hex = formatHex(mapped);\n\n  if (!hex || !isSixDigitHexColor(hex)) {\n    throw new Error('Unable to format OKLCH color as a 6-digit hex value.');\n  }\n\n  const normalized = hex.toLowerCase();\n  if (!isSixDigitHexColor(normalized)) {\n    throw new Error('Unable to format OKLCH color as a 6-digit hex value.');\n  }\n\n  return normalized;\n}\n\nexport function clampOklchToGamut(color: ZoraOklchColor): ZoraOklchColor {\n  const mapped = gamutMapToSrgb({ mode: 'oklch', l: color.l, c: color.c, h: color.h });\n  const clamped = toOklch(mapped);\n\n  if (typeof clamped.l !== 'number' || typeof clamped.c !== 'number') {\n    throw new Error('Unable to clamp OKLCH color to sRGB gamut.');\n  }\n\n  return {\n    l: clamped.l,\n    c: clamped.c,\n    h: normalizeHueDegrees(typeof clamped.h === 'number' ? clamped.h : 0),\n  };\n}\n"]}

package/dist/internal/color/primary.d.ts

@@ -0,0 +1,3 @@
+import type { ZoraHexColor, ZoraThemeMode } from '../../theme/types';
+export declare function resolveModePrimaryColor(primaryColor: ZoraHexColor, mode: ZoraThemeMode): ZoraHexColor;
+//# sourceMappingURL=primary.d.ts.map

package/dist/internal/color/primary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.d.ts","sourceRoot":"","sources":["../../../src/internal/color/primary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AA2BrE,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,aAAa,GAClB,YAAY,CAiCd"}

package/dist/internal/color/primary.js

@@ -0,0 +1,44 @@
+import { clampOklchToGamut, formatOklchAsHex, parseHexToOklch } from './oklch';
+const FALLBACK_PRIMARY_COLOR = '#0f766e';
+const LIGHT_PRIMARY_LIGHTNESS_TARGET = 0.52;
+const DARK_PRIMARY_LIGHTNESS_TARGET = 0.72;
+const MIN_PRIMARY_CHROMA = 0.04;
+const MAX_LIGHT_PRIMARY_CHROMA = 0.18;
+const MAX_DARK_PRIMARY_CHROMA = 0.2;
+const LIGHTNESS_BLEND = 0.85;
+function clampNumber(value, min, max) {
+    return Math.max(min, Math.min(value, max));
+}
+function resolveModePrimaryTargetLightness(mode) {
+    return mode === 'dark' ? DARK_PRIMARY_LIGHTNESS_TARGET : LIGHT_PRIMARY_LIGHTNESS_TARGET;
+}
+function resolveModePrimaryMaxChroma(mode) {
+    return mode === 'dark' ? MAX_DARK_PRIMARY_CHROMA : MAX_LIGHT_PRIMARY_CHROMA;
+}
+export function resolveModePrimaryColor(primaryColor, mode) {
+    let seed;
+    try {
+        seed = parseHexToOklch(primaryColor);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        if (process.env.NODE_ENV === 'production') {
+            console.warn(`Invalid ZORA primaryColor '${primaryColor}'. Falling back. ${message}`);
+            return resolveModePrimaryColor(FALLBACK_PRIMARY_COLOR, mode);
+        }
+        throw error instanceof Error ? error : new Error(message);
+    }
+    const targetLightness = resolveModePrimaryTargetLightness(mode);
+    const maxChroma = resolveModePrimaryMaxChroma(mode);
+    const blendedLightness = seed.l + (targetLightness - seed.l) * LIGHTNESS_BLEND;
+    const boundedLightness = clampNumber(blendedLightness, 0.12, 0.92);
+    const cappedChroma = clampNumber(seed.c, 0, maxChroma);
+    const boundedChroma = seed.c < MIN_PRIMARY_CHROMA ? cappedChroma : Math.max(cappedChroma, MIN_PRIMARY_CHROMA);
+    const derived = clampOklchToGamut({
+        l: boundedLightness,
+        c: boundedChroma,
+        h: seed.h,
+    });
+    return formatOklchAsHex(derived);
+}
+//# sourceMappingURL=primary.js.map

package/dist/internal/color/primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../src/internal/color/primary.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/E,MAAM,sBAAsB,GAAiB,SAAS,CAAC;AAEvD,MAAM,8BAA8B,GAAG,IAAI,CAAC;AAC5C,MAAM,6BAA6B,GAAG,IAAI,CAAC;AAE3C,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAChC,MAAM,wBAAwB,GAAG,IAAI,CAAC;AACtC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAEpC,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,SAAS,WAAW,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IAC1D,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,iCAAiC,CAAC,IAAmB;IAC5D,OAAO,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,8BAA8B,CAAC;AAC1F,CAAC;AAED,SAAS,2BAA2B,CAAC,IAAmB;IACtD,OAAO,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,YAA0B,EAC1B,IAAmB;IAEnB,IAAI,IAAoB,CAAC;IAEzB,IAAI,CAAC;QACH,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC1C,OAAO,CAAC,IAAI,CAAC,8BAA8B,YAAY,oBAAoB,OAAO,EAAE,CAAC,CAAC;YACtF,OAAO,uBAAuB,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;QAC/D,CAAC;QAED,MAAM,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,eAAe,GAAG,iCAAiC,CAAC,IAAI,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC;IAC/E,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,aAAa,GACjB,IAAI,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;IAE1F,MAAM,OAAO,GAAG,iBAAiB,CAAC;QAChC,CAAC,EAAE,gBAAgB;QACnB,CAAC,EAAE,aAAa;QAChB,CAAC,EAAE,IAAI,CAAC,CAAC;KACV,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AACnC,CAAC","sourcesContent":["import type { ZoraHexColor, ZoraThemeMode } from '../../theme/types';\nimport { clampOklchToGamut, formatOklchAsHex, parseHexToOklch } from './oklch';\nimport type { ZoraOklchColor } from './types';\n\nconst FALLBACK_PRIMARY_COLOR: ZoraHexColor = '#0f766e';\n\nconst LIGHT_PRIMARY_LIGHTNESS_TARGET = 0.52;\nconst DARK_PRIMARY_LIGHTNESS_TARGET = 0.72;\n\nconst MIN_PRIMARY_CHROMA = 0.04;\nconst MAX_LIGHT_PRIMARY_CHROMA = 0.18;\nconst MAX_DARK_PRIMARY_CHROMA = 0.2;\n\nconst LIGHTNESS_BLEND = 0.85;\n\nfunction clampNumber(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(value, max));\n}\n\nfunction resolveModePrimaryTargetLightness(mode: ZoraThemeMode): number {\n  return mode === 'dark' ? DARK_PRIMARY_LIGHTNESS_TARGET : LIGHT_PRIMARY_LIGHTNESS_TARGET;\n}\n\nfunction resolveModePrimaryMaxChroma(mode: ZoraThemeMode): number {\n  return mode === 'dark' ? MAX_DARK_PRIMARY_CHROMA : MAX_LIGHT_PRIMARY_CHROMA;\n}\n\nexport function resolveModePrimaryColor(\n  primaryColor: ZoraHexColor,\n  mode: ZoraThemeMode,\n): ZoraHexColor {\n  let seed: ZoraOklchColor;\n\n  try {\n    seed = parseHexToOklch(primaryColor);\n  } catch (error) {\n    const message = error instanceof Error ? error.message : String(error);\n\n    if (process.env.NODE_ENV === 'production') {\n      console.warn(`Invalid ZORA primaryColor '${primaryColor}'. Falling back. ${message}`);\n      return resolveModePrimaryColor(FALLBACK_PRIMARY_COLOR, mode);\n    }\n\n    throw error instanceof Error ? error : new Error(message);\n  }\n\n  const targetLightness = resolveModePrimaryTargetLightness(mode);\n  const maxChroma = resolveModePrimaryMaxChroma(mode);\n\n  const blendedLightness = seed.l + (targetLightness - seed.l) * LIGHTNESS_BLEND;\n  const boundedLightness = clampNumber(blendedLightness, 0.12, 0.92);\n\n  const cappedChroma = clampNumber(seed.c, 0, maxChroma);\n  const boundedChroma =\n    seed.c < MIN_PRIMARY_CHROMA ? cappedChroma : Math.max(cappedChroma, MIN_PRIMARY_CHROMA);\n\n  const derived = clampOklchToGamut({\n    l: boundedLightness,\n    c: boundedChroma,\n    h: seed.h,\n  });\n\n  return formatOklchAsHex(derived);\n}\n"]}

package/dist/internal/color/types.d.ts

@@ -0,0 +1,6 @@
+export interface ZoraOklchColor {
+    l: number;
+    c: number;
+    h: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/internal/color/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/internal/color/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX"}

package/dist/internal/color/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/internal/color/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/internal/color/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ZoraOklchColor {\n  l: number;\n  c: number;\n  h: number;\n}\n"]}

package/dist/layout/app-shell/AppShell.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { AppShellProps } from './types';
-export declare function AppShell({ children, header, footer, overlay, style, bodyStyle, testID, }: AppShellProps): React.JSX.Element;
+export declare const AppShell: (props: AppShellProps) => React.ReactElement | null;
 //# sourceMappingURL=AppShell.d.ts.map

package/dist/layout/app-shell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/layout/app-shell/AppShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,aAAa,qBAkBf"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/layout/app-shell/AppShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgC7C,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/layout/app-shell/AppShell.js

@@ -1,7 +1,8 @@
 import { Box } from '@ankhorage/surface';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-export function AppShell({ children, header, footer, overlay, style, bodyStyle, testID, }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function AppShellInner({ themeId: _themeId, mode: _mode, children, header, footer, overlay, style, bodyStyle, testID, }) {
     return (<Box bg="background" flex={1} style={style} testID={testID}>
       <View style={styles.root}>
         {header ? <View style={styles.slot}>{header}</View> : null}
@@ -16,6 +17,7 @@ export function AppShell({ children, header, footer, overlay, style, bodyStyle,
       </View>
     </Box>);
 }
+export const AppShell = withZoraThemeScope(AppShellInner);
 const styles = StyleSheet.create({
     root: {
         flex: 1,

package/dist/layout/app-shell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/layout/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIhD,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,GACQ;IACd,OAAO,CACL,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACzD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAE1D;;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAEvD;;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAE1D;;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACnD;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;KACZ;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,CAAC;KACd;IACD,OAAO,EAAE;QACP,GAAG,UAAU,CAAC,kBAAkB;QAChC,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC","sourcesContent":["import { Box } from '@ankhorage/surface';\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport type { AppShellProps } from './types';\n\nexport function AppShell({\n  children,\n  header,\n  footer,\n  overlay,\n  style,\n  bodyStyle,\n  testID,\n}: AppShellProps) {\n  return (\n    <Box bg=\"background\" flex={1} style={style} testID={testID}>\n      <View style={styles.root}>\n        {header ? <View style={styles.slot}>{header}</View> : null}\n\n        <View style={[styles.body, bodyStyle]}>{children}</View>\n\n        {footer ? <View style={styles.slot}>{footer}</View> : null}\n\n        {overlay ? (\n          <View pointerEvents=\"box-none\" style={styles.overlay}>\n            {overlay}\n          </View>\n        ) : null}\n      </View>\n    </Box>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    minHeight: 0,\n    position: 'relative',\n  },\n  body: {\n    flex: 1,\n    minHeight: 0,\n    minWidth: 0,\n  },\n  slot: {\n    flexShrink: 0,\n  },\n  overlay: {\n    ...StyleSheet.absoluteFillObject,\n    zIndex: 10,\n  },\n});\n"]}
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/layout/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,GACQ;IACd,OAAO,CACL,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACzD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAE1D;;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAEvD;;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAE1D;;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACnD;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;KACZ;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,CAAC;KACd;IACD,OAAO,EAAE;QACP,GAAG,UAAU,CAAC,kBAAkB;QAChC,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC","sourcesContent":["import { Box } from '@ankhorage/surface';\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { AppShellProps } from './types';\n\nfunction AppShellInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  header,\n  footer,\n  overlay,\n  style,\n  bodyStyle,\n  testID,\n}: AppShellProps) {\n  return (\n    <Box bg=\"background\" flex={1} style={style} testID={testID}>\n      <View style={styles.root}>\n        {header ? <View style={styles.slot}>{header}</View> : null}\n\n        <View style={[styles.body, bodyStyle]}>{children}</View>\n\n        {footer ? <View style={styles.slot}>{footer}</View> : null}\n\n        {overlay ? (\n          <View pointerEvents=\"box-none\" style={styles.overlay}>\n            {overlay}\n          </View>\n        ) : null}\n      </View>\n    </Box>\n  );\n}\n\nexport const AppShell = withZoraThemeScope(AppShellInner);\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    minHeight: 0,\n    position: 'relative',\n  },\n  body: {\n    flex: 1,\n    minHeight: 0,\n    minWidth: 0,\n  },\n  slot: {\n    flexShrink: 0,\n  },\n  overlay: {\n    ...StyleSheet.absoluteFillObject,\n    zIndex: 10,\n  },\n});\n"]}

package/dist/layout/app-shell/types.d.ts

@@ -1,12 +1,12 @@
 import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-export interface AppShellProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface AppShellProps extends ZoraBaseProps {
     children?: React.ReactNode;
     header?: React.ReactNode;
     footer?: React.ReactNode;
     overlay?: React.ReactNode;
     style?: StyleProp<ViewStyle>;
     bodyStyle?: StyleProp<ViewStyle>;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/layout/app-shell/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/app-shell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/app-shell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC"}

package/dist/layout/app-shell/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/app-shell/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nexport interface AppShellProps {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  overlay?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  bodyStyle?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/app-shell/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface AppShellProps extends ZoraBaseProps {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  overlay?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  bodyStyle?: StyleProp<ViewStyle>;\n}\n"]}

package/dist/layout/auth-layout/AuthLayout.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { AuthLayoutProps } from './types';
-export declare function AuthLayout({ title, description, eyebrow, children, footer, testID, }: AuthLayoutProps): React.JSX.Element;
+export declare const AuthLayout: (props: AuthLayoutProps) => React.ReactElement | null;
 //# sourceMappingURL=AuthLayout.d.ts.map

package/dist/layout/auth-layout/AuthLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,eAAe,qBAejB"}
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4B/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/layout/auth-layout/AuthLayout.js

@@ -1,11 +1,13 @@
 import { Center, Stack } from '@ankhorage/surface';
 import React from 'react';
 import { Card } from '../../components/card';
-export function AuthLayout({ title, description, eyebrow, children, footer, testID, }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function AuthLayoutInner({ themeId: _themeId, mode: _mode, title, description, eyebrow, children, footer, testID, }) {
     return (<Center py="xl" testID={testID}>
       <Card compact description={description} eyebrow={eyebrow} footer={footer} title={title} tone="default">
         <Stack gap="m">{children}</Stack>
       </Card>
     </Center>);
 }
+export const AuthLayout = withZoraThemeScope(AuthLayoutInner);
 //# sourceMappingURL=AuthLayout.js.map

package/dist/layout/auth-layout/AuthLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,GACU;IAChB,OAAO,CACL,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7B;MAAA,CAAC,IAAI,CACH,OAAO,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,SAAS,CAEd;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAClC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { Center, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Card } from '../../components/card';\nimport type { AuthLayoutProps } from './types';\n\nexport function AuthLayout({\n  title,\n  description,\n  eyebrow,\n  children,\n  footer,\n  testID,\n}: AuthLayoutProps) {\n  return (\n    <Center py=\"xl\" testID={testID}>\n      <Card\n        compact\n        description={description}\n        eyebrow={eyebrow}\n        footer={footer}\n        title={title}\n        tone=\"default\"\n      >\n        <Stack gap=\"m\">{children}</Stack>\n      </Card>\n    </Center>\n  );\n}\n"]}
+{"version":3,"file":"AuthLayout.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,GACU;IAChB,OAAO,CACL,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7B;MAAA,CAAC,IAAI,CACH,OAAO,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,SAAS,CAEd;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAClC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC","sourcesContent":["import { Center, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Card } from '../../components/card';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { AuthLayoutProps } from './types';\n\nfunction AuthLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  eyebrow,\n  children,\n  footer,\n  testID,\n}: AuthLayoutProps) {\n  return (\n    <Center py=\"xl\" testID={testID}>\n      <Card\n        compact\n        description={description}\n        eyebrow={eyebrow}\n        footer={footer}\n        title={title}\n        tone=\"default\"\n      >\n        <Stack gap=\"m\">{children}</Stack>\n      </Card>\n    </Center>\n  );\n}\n\nexport const AuthLayout = withZoraThemeScope(AuthLayoutInner);\n"]}

package/dist/layout/auth-layout/types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
-export interface AuthLayoutProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface AuthLayoutProps extends ZoraBaseProps {
     title?: React.ReactNode;
     description?: React.ReactNode;
     eyebrow?: React.ReactNode;
     children?: React.ReactNode;
     footer?: React.ReactNode;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/layout/auth-layout/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B"}

package/dist/layout/auth-layout/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport interface AuthLayoutProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface AuthLayoutProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n"]}

package/dist/layout/page/Page.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { PageProps } from './types';
-export declare function Page({ children, header, footer, width, testID }: PageProps): React.JSX.Element;
+export declare const Page: (props: PageProps) => React.ReactElement | null;
 //# sourceMappingURL=Page.d.ts.map

package/dist/layout/page/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAiB,EAAE,MAAM,EAAE,EAAE,SAAS,qBAUtF"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAsBzC,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/layout/page/Page.js

@@ -1,7 +1,8 @@
 import { Container, Stack } from '@ankhorage/surface';
 import React from 'react';
 import { resolvePageMaxWidth } from '../../internal/recipes';
-export function Page({ children, header, footer, width = 'default', testID }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function PageInner({ themeId: _themeId, mode: _mode, children, header, footer, width = 'default', testID, }) {
     return (<Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
       <Stack gap="l">
         {header}
@@ -10,4 +11,5 @@ export function Page({ children, header, footer, width = 'default', testID }) {
       </Stack>
     </Container>);
 }
+export const Page = withZoraThemeScope(PageInner);
 //# sourceMappingURL=Page.js.map

package/dist/layout/page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,MAAM,EAAa;IACrF,OAAO,CACL,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACtE;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;QAAA,CAAC,MAAM,CACP;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["import { Container, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolvePageMaxWidth } from '../../internal/recipes';\nimport type { PageProps } from './types';\n\nexport function Page({ children, header, footer, width = 'default', testID }: PageProps) {\n  return (\n    <Container maxWidth={resolvePageMaxWidth(width)} py=\"xl\" testID={testID}>\n      <Stack gap=\"l\">\n        {header}\n        {children}\n        {footer}\n      </Stack>\n    </Container>\n  );\n}\n"]}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,GAAG,SAAS,EACjB,MAAM,GACI;IACV,OAAO,CACL,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACtE;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;QAAA,CAAC,MAAM,CACP;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import { Container, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolvePageMaxWidth } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { PageProps } from './types';\n\nfunction PageInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  header,\n  footer,\n  width = 'default',\n  testID,\n}: PageProps) {\n  return (\n    <Container maxWidth={resolvePageMaxWidth(width)} py=\"xl\" testID={testID}>\n      <Stack gap=\"l\">\n        {header}\n        {children}\n        {footer}\n      </Stack>\n    </Container>\n  );\n}\n\nexport const Page = withZoraThemeScope(PageInner);\n"]}

package/dist/layout/page/types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
 import type { ZoraContentWidth } from '../../internal/recipes';
-export interface PageProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface PageProps extends ZoraBaseProps {
     children?: React.ReactNode;
     header?: React.ReactNode;
     footer?: React.ReactNode;
     width?: ZoraContentWidth;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/layout/page/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/layout/page/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraContentWidth } from '../../internal/recipes';\n\nexport interface PageProps {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  width?: ZoraContentWidth;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraContentWidth } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface PageProps extends ZoraBaseProps {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  width?: ZoraContentWidth;\n}\n"]}

package/dist/layout/page-header/PageHeader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { PageHeaderProps } from './types';
-export declare function PageHeader({ title, description, eyebrow, actions, meta, testID, }: PageHeaderProps): React.JSX.Element;
+export declare const PageHeader: (props: PageHeaderProps) => React.ReactElement | null;
 //# sourceMappingURL=PageHeader.d.ts.map

package/dist/layout/page-header/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,GACP,EAAE,eAAe,qBA4BjB"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyC/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/layout/page-header/PageHeader.js

@@ -2,7 +2,8 @@ import { Box, Stack } from '@ankhorage/surface';
 import React from 'react';
 import { Heading } from '../../components/heading';
 import { Text } from '../../components/text';
-export function PageHeader({ title, description, eyebrow, actions, meta, testID, }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function PageHeaderInner({ themeId: _themeId, mode: _mode, title, description, eyebrow, actions, meta, testID, }) {
     return (<Stack align={{ base: 'flex-start', md: 'center' }} direction={{ base: 'column', md: 'row' }} gap="l" justify="space-between" testID={testID}>
       <Box flex={1}>
         <Stack gap="s">
@@ -19,4 +20,5 @@ export function PageHeader({ title, description, eyebrow, actions, meta, testID,
       {actions ? <Box>{actions}</Box> : null}
     </Stack>);
 }
+export const PageHeader = withZoraThemeScope(PageHeaderInner);
 //# sourceMappingURL=PageHeader.js.map

package/dist/layout/page-header/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,GACU;IAChB,OAAO,CACL,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAC5C,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CACzC,GAAG,CAAC,GAAG,CACP,OAAO,CAAC,eAAe,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CACpD;cAAA,CAAC,OAAO,CACV;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAC/B;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Box, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Heading } from '../../components/heading';\nimport { Text } from '../../components/text';\nimport type { PageHeaderProps } from './types';\n\nexport function PageHeader({\n  title,\n  description,\n  eyebrow,\n  actions,\n  meta,\n  testID,\n}: PageHeaderProps) {\n  return (\n    <Stack\n      align={{ base: 'flex-start', md: 'center' }}\n      direction={{ base: 'column', md: 'row' }}\n      gap=\"l\"\n      justify=\"space-between\"\n      testID={testID}\n    >\n      <Box flex={1}>\n        <Stack gap=\"s\">\n          {eyebrow ? (\n            <Text tone=\"muted\" variant=\"caption\" weight=\"semiBold\">\n              {eyebrow}\n            </Text>\n          ) : null}\n          <Heading level={1}>{title}</Heading>\n          {description ? (\n            <Text tone=\"muted\" variant=\"body\">\n              {description}\n            </Text>\n          ) : null}\n          {meta ? <Box pt=\"xs\">{meta}</Box> : null}\n        </Stack>\n      </Box>\n      {actions ? <Box>{actions}</Box> : null}\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,GACU;IAChB,OAAO,CACL,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAC5C,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CACzC,GAAG,CAAC,GAAG,CACP,OAAO,CAAC,eAAe,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CACpD;cAAA,CAAC,OAAO,CACV;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAC/B;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC","sourcesContent":["import { Box, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Heading } from '../../components/heading';\nimport { Text } from '../../components/text';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { PageHeaderProps } from './types';\n\nfunction PageHeaderInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  eyebrow,\n  actions,\n  meta,\n  testID,\n}: PageHeaderProps) {\n  return (\n    <Stack\n      align={{ base: 'flex-start', md: 'center' }}\n      direction={{ base: 'column', md: 'row' }}\n      gap=\"l\"\n      justify=\"space-between\"\n      testID={testID}\n    >\n      <Box flex={1}>\n        <Stack gap=\"s\">\n          {eyebrow ? (\n            <Text tone=\"muted\" variant=\"caption\" weight=\"semiBold\">\n              {eyebrow}\n            </Text>\n          ) : null}\n          <Heading level={1}>{title}</Heading>\n          {description ? (\n            <Text tone=\"muted\" variant=\"body\">\n              {description}\n            </Text>\n          ) : null}\n          {meta ? <Box pt=\"xs\">{meta}</Box> : null}\n        </Stack>\n      </Box>\n      {actions ? <Box>{actions}</Box> : null}\n    </Stack>\n  );\n}\n\nexport const PageHeader = withZoraThemeScope(PageHeaderInner);\n"]}

package/dist/layout/page-header/types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
-export interface PageHeaderProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface PageHeaderProps extends ZoraBaseProps {
     title: React.ReactNode;
     description?: React.ReactNode;
     eyebrow?: React.ReactNode;
     actions?: React.ReactNode;
     meta?: React.ReactNode;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/layout/page-header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB"}

package/dist/layout/page-header/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page-header/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport interface PageHeaderProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  meta?: React.ReactNode;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page-header/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface PageHeaderProps extends ZoraBaseProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  meta?: React.ReactNode;\n}\n"]}

package/dist/layout/page-section/PageSection.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { PageSectionProps } from './types';
-export declare function PageSection({ title, description, actions, children, testID }: PageSectionProps): React.JSX.Element;
+export declare const PageSection: (props: PageSectionProps) => React.ReactElement | null;
 //# sourceMappingURL=PageSection.d.ts.map

package/dist/layout/page-section/PageSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../src/layout/page-section/PageSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,qBAO9F"}
+{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../src/layout/page-section/PageSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmBhD,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/layout/page-section/PageSection.js

@@ -1,10 +1,12 @@
 import { Stack } from '@ankhorage/surface';
 import React from 'react';
 import { SectionHeader } from '../../patterns/section-header';
-export function PageSection({ title, description, actions, children, testID }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function PageSectionInner({ themeId: _themeId, mode: _mode, title, description, actions, children, testID, }) {
     return (<Stack gap="m" testID={testID}>
       {title ? <SectionHeader actions={actions} description={description} title={title}/> : null}
       {children}
     </Stack>);
 }
+export const PageSection = withZoraThemeScope(PageSectionInner);
 //# sourceMappingURL=PageSection.js.map