@ankhorage/zora 0.9.0 → 0.11.0

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

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

@@ -1 +1 @@
-{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../src/layout/page-section/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAoB;IAC7F,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAC3F;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { SectionHeader } from '../../patterns/section-header';\nimport type { PageSectionProps } from './types';\n\nexport function PageSection({ title, description, actions, children, testID }: PageSectionProps) {\n  return (\n    <Stack gap=\"m\" testID={testID}>\n      {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}\n      {children}\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../src/layout/page-section/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,GACW;IACjB,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAC3F;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { SectionHeader } from '../../patterns/section-header';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { PageSectionProps } from './types';\n\nfunction PageSectionInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  actions,\n  children,\n  testID,\n}: PageSectionProps) {\n  return (\n    <Stack gap=\"m\" testID={testID}>\n      {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}\n      {children}\n    </Stack>\n  );\n}\n\nexport const PageSection = withZoraThemeScope(PageSectionInner);\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page-section/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAC/B,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,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page-section/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,gBAAiB,SAAQ,aAAa;IACrD,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;CAC5B"}

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

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

package/dist/layout/settings-layout/SettingsLayout.d.ts

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

package/dist/layout/settings-layout/SettingsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,mBAAmB,qBAWrB"}
+{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAwBnD,eAAO,MAAM,cAAc,2DAA0C,CAAC"}

package/dist/layout/settings-layout/SettingsLayout.js

@@ -1,10 +1,12 @@
 import React from 'react';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Page } from '../page';
 import { PageHeader } from '../page-header';
 import { SidebarLayout } from '../sidebar-layout';
-export function SettingsLayout({ title, description, sidebar, children, actions, testID, }) {
+function SettingsLayoutInner({ themeId: _themeId, mode: _mode, title, description, sidebar, children, actions, testID, }) {
     return (<Page header={title ? <PageHeader actions={actions} description={description} title={title}/> : null} testID={testID}>
       <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
     </Page>);
 }
+export const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);
 //# sourceMappingURL=SettingsLayout.js.map

package/dist/layout/settings-layout/SettingsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsLayout.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACc;IACpB,OAAO,CACL,CAAC,IAAI,CACH,MAAM,CAAC,CACL,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IACrF,CAAC,CACD,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAC5D;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Page } from '../page';\nimport { PageHeader } from '../page-header';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { SettingsLayoutProps } from './types';\n\nexport function SettingsLayout({\n  title,\n  description,\n  sidebar,\n  children,\n  actions,\n  testID,\n}: SettingsLayoutProps) {\n  return (\n    <Page\n      header={\n        title ? <PageHeader actions={actions} description={description} title={title} /> : null\n      }\n      testID={testID}\n    >\n      <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>\n    </Page>\n  );\n}\n"]}
+{"version":3,"file":"SettingsLayout.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACc;IACpB,OAAO,CACL,CAAC,IAAI,CACH,MAAM,CAAC,CACL,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IACrF,CAAC,CACD,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAC5D;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Page } from '../page';\nimport { PageHeader } from '../page-header';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { SettingsLayoutProps } from './types';\n\nfunction SettingsLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  sidebar,\n  children,\n  actions,\n  testID,\n}: SettingsLayoutProps) {\n  return (\n    <Page\n      header={\n        title ? <PageHeader actions={actions} description={description} title={title} /> : null\n      }\n      testID={testID}\n    >\n      <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>\n    </Page>\n  );\n}\n\nexport const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-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,mBAAoB,SAAQ,aAAa;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

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

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

package/dist/layout/sidebar-layout/SidebarLayout.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { SidebarLayoutProps } from './types';
-export declare function SidebarLayout({ sidebar, children, aside, sidebarWidth, asideWidth, testID, }: SidebarLayoutProps): React.JSX.Element;
+export declare const SidebarLayout: (props: SidebarLayoutProps) => React.ReactElement | null;
 //# sourceMappingURL=SidebarLayout.d.ts.map

package/dist/layout/sidebar-layout/SidebarLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAkB,EAClB,UAAgB,EAChB,MAAM,GACP,EAAE,kBAAkB,qBAUpB"}
+{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuBlD,eAAO,MAAM,aAAa,0DAAyC,CAAC"}

package/dist/layout/sidebar-layout/SidebarLayout.js

@@ -1,6 +1,7 @@
 import { Box, Stack } from '@ankhorage/surface';
 import React from 'react';
-export function SidebarLayout({ sidebar, children, aside, sidebarWidth = 280, asideWidth = 280, testID, }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function SidebarLayoutInner({ themeId: _themeId, mode: _mode, sidebar, children, aside, sidebarWidth = 280, asideWidth = 280, testID, }) {
     return (<Stack direction={{ base: 'column', lg: 'row' }} gap="l" testID={testID} align="flex-start">
       <Box width={{ base: '100%', lg: sidebarWidth }}>{sidebar}</Box>
       <Box flex={1} width="100%">
@@ -9,4 +10,5 @@ export function SidebarLayout({ sidebar, children, aside, sidebarWidth = 280, as
       {aside ? <Box width={{ base: '100%', lg: asideWidth }}>{aside}</Box> : null}
     </Stack>);
 }
+export const SidebarLayout = withZoraThemeScope(SidebarLayoutInner);
 //# sourceMappingURL=SidebarLayout.js.map

package/dist/layout/sidebar-layout/SidebarLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,GAAG,GAAG,EAClB,UAAU,GAAG,GAAG,EAChB,MAAM,GACa;IACnB,OAAO,CACL,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,YAAY,CACzF;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAC9D;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CACxB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC7E;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Box, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport type { SidebarLayoutProps } from './types';\n\nexport function SidebarLayout({\n  sidebar,\n  children,\n  aside,\n  sidebarWidth = 280,\n  asideWidth = 280,\n  testID,\n}: SidebarLayoutProps) {\n  return (\n    <Stack direction={{ base: 'column', lg: 'row' }} gap=\"l\" testID={testID} align=\"flex-start\">\n      <Box width={{ base: '100%', lg: sidebarWidth }}>{sidebar}</Box>\n      <Box flex={1} width=\"100%\">\n        {children}\n      </Box>\n      {aside ? <Box width={{ base: '100%', lg: asideWidth }}>{aside}</Box> : null}\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,GAAG,GAAG,EAClB,UAAU,GAAG,GAAG,EAChB,MAAM,GACa;IACnB,OAAO,CACL,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,YAAY,CACzF;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAC9D;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CACxB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC7E;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import { Box, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { SidebarLayoutProps } from './types';\n\nfunction SidebarLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  sidebar,\n  children,\n  aside,\n  sidebarWidth = 280,\n  asideWidth = 280,\n  testID,\n}: SidebarLayoutProps) {\n  return (\n    <Stack direction={{ base: 'column', lg: 'row' }} gap=\"l\" testID={testID} align=\"flex-start\">\n      <Box width={{ base: '100%', lg: sidebarWidth }}>{sidebar}</Box>\n      <Box flex={1} width=\"100%\">\n        {children}\n      </Box>\n      {aside ? <Box width={{ base: '100%', lg: asideWidth }}>{aside}</Box> : null}\n    </Stack>\n  );\n}\n\nexport const SidebarLayout = withZoraThemeScope(SidebarLayoutInner);\n"]}

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

@@ -1,10 +1,10 @@
 import type React from 'react';
-export interface SidebarLayoutProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface SidebarLayoutProps extends ZoraBaseProps {
     sidebar: React.ReactNode;
     children?: React.ReactNode;
     aside?: React.ReactNode;
     sidebarWidth?: number;
     asideWidth?: number;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-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,kBAAmB,SAAQ,aAAa;IACvD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport interface SidebarLayoutProps {\n  sidebar: React.ReactNode;\n  children?: React.ReactNode;\n  aside?: React.ReactNode;\n  sidebarWidth?: number;\n  asideWidth?: number;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface SidebarLayoutProps extends ZoraBaseProps {\n  sidebar: React.ReactNode;\n  children?: React.ReactNode;\n  aside?: React.ReactNode;\n  sidebarWidth?: number;\n  asideWidth?: number;\n}\n"]}

package/dist/layout/topbar-layout/TopbarLayout.d.ts

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

package/dist/layout/topbar-layout/TopbarLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopbarLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/TopbarLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,iBAAiB,qBAOpF"}
+{"version":3,"file":"TopbarLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/TopbarLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAkBjD,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/layout/topbar-layout/TopbarLayout.js

@@ -1,10 +1,12 @@
 import { Box, Stack } from '@ankhorage/surface';
 import React from 'react';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { SidebarLayout } from '../sidebar-layout';
-export function TopbarLayout({ topbar, children, sidebar, testID }) {
+function TopbarLayoutInner({ themeId: _themeId, mode: _mode, topbar, children, sidebar, testID, }) {
     return (<Stack gap="l" testID={testID}>
       <Box>{topbar}</Box>
       {sidebar ? <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout> : children}
     </Stack>);
 }
+export const TopbarLayout = withZoraThemeScope(TopbarLayoutInner);
 //# sourceMappingURL=TopbarLayout.js.map

package/dist/layout/topbar-layout/TopbarLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopbarLayout.js","sourceRoot":"","sources":["../../../src/layout/topbar-layout/TopbarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAqB;IACnF,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAClB;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CACnF;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Box, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { TopbarLayoutProps } from './types';\n\nexport function TopbarLayout({ topbar, children, sidebar, testID }: TopbarLayoutProps) {\n  return (\n    <Stack gap=\"l\" testID={testID}>\n      <Box>{topbar}</Box>\n      {sidebar ? <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout> : children}\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"TopbarLayout.js","sourceRoot":"","sources":["../../../src/layout/topbar-layout/TopbarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,GACY;IAClB,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAClB;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CACnF;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import { Box, Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { TopbarLayoutProps } from './types';\n\nfunction TopbarLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  topbar,\n  children,\n  sidebar,\n  testID,\n}: TopbarLayoutProps) {\n  return (\n    <Stack gap=\"l\" testID={testID}>\n      <Box>{topbar}</Box>\n      {sidebar ? <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout> : children}\n    </Stack>\n  );\n}\n\nexport const TopbarLayout = withZoraThemeScope(TopbarLayoutInner);\n"]}

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

@@ -1,8 +1,8 @@
 import type React from 'react';
-export interface TopbarLayoutProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface TopbarLayoutProps extends ZoraBaseProps {
     topbar: React.ReactNode;
     children?: React.ReactNode;
     sidebar?: React.ReactNode;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-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,iBAAkB,SAAQ,aAAa;IACtD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

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

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

package/dist/patterns/auth/ForgotPasswordForm.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ForgotPasswordFormProps } from './types';
-export declare function ForgotPasswordForm({ identifiers, identifierLabel, signInLabel, loading, disabled, error, submitLabel, onSubmit, onSignIn, testID, }: ForgotPasswordFormProps): React.JSX.Element;
+export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => React.ReactElement | null;
 //# sourceMappingURL=ForgotPasswordForm.d.ts.map

package/dist/patterns/auth/ForgotPasswordForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/ForgotPasswordForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAWvD,wBAAgB,kBAAkB,CAAC,EACjC,WAAgC,EAChC,eAAe,EACf,WAAuB,EACvB,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,WAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,uBAAuB,qBAwDzB"}
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/ForgotPasswordForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAkFvD,eAAO,MAAM,kBAAkB,+DAA8C,CAAC"}

package/dist/patterns/auth/ForgotPasswordForm.js

@@ -2,8 +2,9 @@ import { Stack } from '@ankhorage/surface';
 import React from 'react';
 import { Button } from '../../components/button';
 import { Form } from '../../components/form';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { defaultIdentifiers, normalizeIdentifierKind, resolveIdentifierLabel, resolveIdentifierRules, resolveIdentifierType, } from './utils';
-export function ForgotPasswordForm({ identifiers = defaultIdentifiers, identifierLabel, signInLabel = 'Sign in', loading = false, disabled = false, error, submitLabel = 'Send code', onSubmit, onSignIn, testID, }) {
+function ForgotPasswordFormInner({ themeId: _themeId, mode: _mode, identifiers = defaultIdentifiers, identifierLabel, signInLabel = 'Sign in', loading = false, disabled = false, error, submitLabel = 'Send code', onSubmit, onSignIn, testID, }) {
     const [values, setValues] = React.useState({
         identifier: '',
     });
@@ -28,4 +29,5 @@ export function ForgotPasswordForm({ identifiers = defaultIdentifiers, identifie
             </Button>
           </Stack>) : undefined} disabled={disabled} error={error} fields={fields} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
 }
+export const ForgotPasswordForm = withZoraThemeScope(ForgotPasswordFormInner);
 //# sourceMappingURL=ForgotPasswordForm.js.map