@ankhorage/zora 0.10.0 → 0.12.0

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

package/dist/patterns/auth/ForgotPasswordForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAyC,MAAM,uBAAuB,CAAC;AAEpF,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAIjB,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,GAAG,kBAAkB,EAChC,eAAe,EACf,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsC;QAC9E,UAAU,EAAE,EAAE;KACf,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,eAAe,IAAI,sBAAsB,CAAC,WAAW,CAAC;YAC7D,IAAI,EAAE,qBAAqB,CAAC,WAAW,CAAC;YACxC,cAAc,EAAE,MAAM;YACtB,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC;SAC3C;KACF,EACD,CAAC,eAAe,EAAE,WAAW,CAAC,CAC/B,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,UAA+C,EAAE,EAAE,CAClD,QAAQ,CAAC;QACP,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE;QACxC,cAAc,EAAE,uBAAuB,CAAC,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC;KAC5E,CAAC,EACJ,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAC9B,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAEd;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport type { ForgotPasswordFormProps } from './types';\nimport {\n  defaultIdentifiers,\n  normalizeIdentifierKind,\n  resolveIdentifierLabel,\n  resolveIdentifierRules,\n  resolveIdentifierType,\n} from './utils';\n\ntype ForgotPasswordFieldName = 'identifier';\n\nexport function ForgotPasswordForm({\n  identifiers = defaultIdentifiers,\n  identifierLabel,\n  signInLabel = 'Sign in',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Send code',\n  onSubmit,\n  onSignIn,\n  testID,\n}: ForgotPasswordFormProps) {\n  const [values, setValues] = React.useState<FormValues<ForgotPasswordFieldName>>({\n    identifier: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<ForgotPasswordFieldName>[]>(\n    () => [\n      {\n        name: 'identifier',\n        label: identifierLabel ?? resolveIdentifierLabel(identifiers),\n        type: resolveIdentifierType(identifiers),\n        autoCapitalize: 'none',\n        rules: resolveIdentifierRules(identifiers),\n      },\n    ],\n    [identifierLabel, identifiers],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<ForgotPasswordFieldName>) =>\n      onSubmit({\n        identifier: formValues.identifier.trim(),\n        identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),\n      }),\n    [identifiers, onSubmit],\n  );\n\n  return (\n    <Form\n      actions={\n        onSignIn ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading}\n              emphasis=\"ghost\"\n              onPress={() => {\n                void onSignIn();\n              }}\n              size=\"s\"\n              tone=\"neutral\"\n            >\n              {signInLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n"]}
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAyC,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAIjB,SAAS,uBAAuB,CAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,WAAW,GAAG,kBAAkB,EAChC,eAAe,EACf,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsC;QAC9E,UAAU,EAAE,EAAE;KACf,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,eAAe,IAAI,sBAAsB,CAAC,WAAW,CAAC;YAC7D,IAAI,EAAE,qBAAqB,CAAC,WAAW,CAAC;YACxC,cAAc,EAAE,MAAM;YACtB,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC;SAC3C;KACF,EACD,CAAC,eAAe,EAAE,WAAW,CAAC,CAC/B,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,UAA+C,EAAE,EAAE,CAClD,QAAQ,CAAC;QACP,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE;QACxC,cAAc,EAAE,uBAAuB,CAAC,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC;KAC5E,CAAC,EACJ,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAC9B,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAEd;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ForgotPasswordFormProps } from './types';\nimport {\n  defaultIdentifiers,\n  normalizeIdentifierKind,\n  resolveIdentifierLabel,\n  resolveIdentifierRules,\n  resolveIdentifierType,\n} from './utils';\n\ntype ForgotPasswordFieldName = 'identifier';\n\nfunction ForgotPasswordFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  identifiers = defaultIdentifiers,\n  identifierLabel,\n  signInLabel = 'Sign in',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Send code',\n  onSubmit,\n  onSignIn,\n  testID,\n}: ForgotPasswordFormProps) {\n  const [values, setValues] = React.useState<FormValues<ForgotPasswordFieldName>>({\n    identifier: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<ForgotPasswordFieldName>[]>(\n    () => [\n      {\n        name: 'identifier',\n        label: identifierLabel ?? resolveIdentifierLabel(identifiers),\n        type: resolveIdentifierType(identifiers),\n        autoCapitalize: 'none',\n        rules: resolveIdentifierRules(identifiers),\n      },\n    ],\n    [identifierLabel, identifiers],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<ForgotPasswordFieldName>) =>\n      onSubmit({\n        identifier: formValues.identifier.trim(),\n        identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),\n      }),\n    [identifiers, onSubmit],\n  );\n\n  return (\n    <Form\n      actions={\n        onSignIn ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading}\n              emphasis=\"ghost\"\n              onPress={() => {\n                void onSignIn();\n              }}\n              size=\"s\"\n              tone=\"neutral\"\n            >\n              {signInLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\nexport const ForgotPasswordForm = withZoraThemeScope(ForgotPasswordFormInner);\n"]}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { OtpFormProps } from './types';
-export declare function OtpForm({ length, otpLabel, resendLabel, resendDisabled, resendLoading, loading, disabled, error, submitLabel, onSubmit, onResend, testID, }: OtpFormProps): React.JSX.Element;
+export declare const OtpForm: (props: OtpFormProps) => React.ReactElement | null;
 //# sourceMappingURL=OtpForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OtpForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/OtpForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,wBAAgB,OAAO,CAAC,EACtB,MAAU,EACV,QAAiB,EACjB,WAA2B,EAC3B,cAAsB,EACtB,aAAqB,EACrB,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,WAA2B,EAC3B,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,YAAY,qBAyDd"}
+{"version":3,"file":"OtpForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/OtpForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA8E5C,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/patterns/auth/OtpForm.js

@@ -2,7 +2,8 @@ import { Stack } from '@ankhorage/surface';
 import React from 'react';
 import { Button } from '../../components/button';
 import { Form } from '../../components/form';
-export function OtpForm({ length = 6, otpLabel = 'Code', resendLabel = 'Resend code', resendDisabled = false, resendLoading = false, loading = false, disabled = false, error, submitLabel = 'Verify code', onSubmit, onResend, testID, }) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function OtpFormInner({ themeId: _themeId, mode: _mode, length = 6, otpLabel = 'Code', resendLabel = 'Resend code', resendDisabled = false, resendLoading = false, loading = false, disabled = false, error, submitLabel = 'Verify code', onSubmit, onResend, testID, }) {
     const resolvedLength = Math.max(1, length);
     const [values, setValues] = React.useState({
         otp: '',
@@ -27,4 +28,5 @@ export function OtpForm({ length = 6, otpLabel = 'Code', resendLabel = 'Resend c
             </Button>
           </Stack>) : undefined} disabled={disabled} error={error} fields={fields} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
 }
+export const OtpForm = withZoraThemeScope(OtpFormInner);
 //# sourceMappingURL=OtpForm.js.map

package/dist/patterns/auth/OtpForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtpForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/OtpForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAyC,MAAM,uBAAuB,CAAC;AAKpF,MAAM,UAAU,OAAO,CAAC,EACtB,MAAM,GAAG,CAAC,EACV,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,EAC3B,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,aAAa,EAC3B,QAAQ,EACR,QAAQ,EACR,MAAM,GACO;IACb,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B;QACnE,GAAG,EAAE,EAAE;KACR,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,cAAc;YACzB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;SAC5E;KACF,EACD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,UAAoC,EAAE,EAAE,CACvC,QAAQ,CAAC;QACP,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE;KAC3B,CAAC,EACJ,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,IAAI,cAAc,CAAC,CAChD,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAEd;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport type { OtpFormProps } from './types';\n\ntype OtpFieldName = 'otp';\n\nexport function OtpForm({\n  length = 6,\n  otpLabel = 'Code',\n  resendLabel = 'Resend code',\n  resendDisabled = false,\n  resendLoading = false,\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Verify code',\n  onSubmit,\n  onResend,\n  testID,\n}: OtpFormProps) {\n  const resolvedLength = Math.max(1, length);\n  const [values, setValues] = React.useState<FormValues<OtpFieldName>>({\n    otp: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<OtpFieldName>[]>(\n    () => [\n      {\n        name: 'otp',\n        label: otpLabel,\n        type: 'otp',\n        maxLength: resolvedLength,\n        rules: [{ kind: 'required' }, { kind: 'minLength', value: resolvedLength }],\n      },\n    ],\n    [otpLabel, resolvedLength],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<OtpFieldName>) =>\n      onSubmit({\n        otp: formValues.otp.trim(),\n      }),\n    [onSubmit],\n  );\n\n  return (\n    <Form\n      actions={\n        onResend ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading || resendDisabled}\n              emphasis=\"ghost\"\n              loading={resendLoading}\n              onPress={() => {\n                void onResend();\n              }}\n              size=\"s\"\n              tone=\"neutral\"\n            >\n              {resendLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n"]}
+{"version":3,"file":"OtpForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/OtpForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAyC,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKpE,SAAS,YAAY,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,GAAG,CAAC,EACV,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,EAC3B,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,aAAa,EAC3B,QAAQ,EACR,QAAQ,EACR,MAAM,GACO;IACb,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B;QACnE,GAAG,EAAE,EAAE;KACR,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,cAAc;YACzB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;SAC5E;KACF,EACD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,UAAoC,EAAE,EAAE,CACvC,QAAQ,CAAC;QACP,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE;KAC3B,CAAC,EACJ,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,IAAI,cAAc,CAAC,CAChD,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAEd;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { OtpFormProps } from './types';\n\ntype OtpFieldName = 'otp';\n\nfunction OtpFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  length = 6,\n  otpLabel = 'Code',\n  resendLabel = 'Resend code',\n  resendDisabled = false,\n  resendLoading = false,\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Verify code',\n  onSubmit,\n  onResend,\n  testID,\n}: OtpFormProps) {\n  const resolvedLength = Math.max(1, length);\n  const [values, setValues] = React.useState<FormValues<OtpFieldName>>({\n    otp: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<OtpFieldName>[]>(\n    () => [\n      {\n        name: 'otp',\n        label: otpLabel,\n        type: 'otp',\n        maxLength: resolvedLength,\n        rules: [{ kind: 'required' }, { kind: 'minLength', value: resolvedLength }],\n      },\n    ],\n    [otpLabel, resolvedLength],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<OtpFieldName>) =>\n      onSubmit({\n        otp: formValues.otp.trim(),\n      }),\n    [onSubmit],\n  );\n\n  return (\n    <Form\n      actions={\n        onResend ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading || resendDisabled}\n              emphasis=\"ghost\"\n              loading={resendLoading}\n              onPress={() => {\n                void onResend();\n              }}\n              size=\"s\"\n              tone=\"neutral\"\n            >\n              {resendLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\nexport const OtpForm = withZoraThemeScope(OtpFormInner);\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SignInForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/SignInForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C,wBAAgB,UAAU,CAAC,EACzB,WAAgC,EAChC,eAAe,EACf,WAAwB,EACxB,mBAAuC,EACvC,WAAuB,EACvB,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,WAAuB,EACvB,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,qBAgFjB"}
+{"version":3,"file":"SignInForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/SignInForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6G/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/patterns/auth/SignInForm.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 SignInForm({ identifiers = defaultIdentifiers, identifierLabel, secretLabel = 'Password', forgotPasswordLabel = 'Forgot password', signUpLabel = 'Sign up', loading = false, disabled = false, error, submitLabel = 'Sign in', onSubmit, onForgotPassword, onSignUp, testID, }) {
+function SignInFormInner({ themeId: _themeId, mode: _mode, identifiers = defaultIdentifiers, identifierLabel, secretLabel = 'Password', forgotPasswordLabel = 'Forgot password', signUpLabel = 'Sign up', loading = false, disabled = false, error, submitLabel = 'Sign in', onSubmit, onForgotPassword, onSignUp, testID, }) {
     const [values, setValues] = React.useState({
         identifier: '',
         secret: '',
@@ -42,4 +43,5 @@ export function SignInForm({ identifiers = defaultIdentifiers, identifierLabel,
               </Button>) : null}
           </Stack>) : undefined} disabled={disabled} error={error} fields={fields} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
 }
+export const SignInForm = withZoraThemeScope(SignInFormInner);
 //# sourceMappingURL=SignInForm.js.map

package/dist/patterns/auth/SignInForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport type { SignInFormProps } from './types';\nimport {\n  defaultIdentifiers,\n  normalizeIdentifierKind,\n  resolveIdentifierLabel,\n  resolveIdentifierRules,\n  resolveIdentifierType,\n} from './utils';\n\ntype SignInFieldName = 'identifier' | 'secret';\n\nexport function SignInForm({\n  identifiers = defaultIdentifiers,\n  identifierLabel,\n  secretLabel = 'Password',\n  forgotPasswordLabel = 'Forgot password',\n  signUpLabel = 'Sign up',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Sign in',\n  onSubmit,\n  onForgotPassword,\n  onSignUp,\n  testID,\n}: SignInFormProps) {\n  const [values, setValues] = React.useState<FormValues<SignInFieldName>>({\n    identifier: '',\n    secret: '',\n  });\n  const hasActions = Boolean(onForgotPassword ?? onSignUp);\n  const fields = React.useMemo<readonly FormFieldConfig<SignInFieldName>[]>(\n    () => [\n      {\n        name: 'identifier',\n        label: identifierLabel ?? resolveIdentifierLabel(identifiers),\n        type: resolveIdentifierType(identifiers),\n        autoCapitalize: 'none',\n        rules: resolveIdentifierRules(identifiers),\n      },\n      {\n        name: 'secret',\n        label: secretLabel,\n        type: 'password',\n        rules: [{ kind: 'required' }],\n      },\n    ],\n    [identifierLabel, identifiers, secretLabel],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<SignInFieldName>) =>\n      onSubmit({\n        identifier: formValues.identifier.trim(),\n        identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),\n        secret: formValues.secret,\n      }),\n    [identifiers, onSubmit],\n  );\n\n  return (\n    <Form\n      actions={\n        hasActions ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            {onForgotPassword ? (\n              <Button\n                disabled={disabled || loading}\n                emphasis=\"ghost\"\n                onPress={() => {\n                  void onForgotPassword();\n                }}\n                size=\"s\"\n                tone=\"neutral\"\n              >\n                {forgotPasswordLabel}\n              </Button>\n            ) : null}\n            {onSignUp ? (\n              <Button\n                disabled={disabled || loading}\n                emphasis=\"ghost\"\n                onPress={() => {\n                  void onSignUp();\n                }}\n                size=\"s\"\n                tone=\"neutral\"\n              >\n                {signUpLabel}\n              </Button>\n            ) : null}\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n"]}
+{"version":3,"file":"SignInForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { SignInFormProps } from './types';\nimport {\n  defaultIdentifiers,\n  normalizeIdentifierKind,\n  resolveIdentifierLabel,\n  resolveIdentifierRules,\n  resolveIdentifierType,\n} from './utils';\n\ntype SignInFieldName = 'identifier' | 'secret';\n\nfunction SignInFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  identifiers = defaultIdentifiers,\n  identifierLabel,\n  secretLabel = 'Password',\n  forgotPasswordLabel = 'Forgot password',\n  signUpLabel = 'Sign up',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Sign in',\n  onSubmit,\n  onForgotPassword,\n  onSignUp,\n  testID,\n}: SignInFormProps) {\n  const [values, setValues] = React.useState<FormValues<SignInFieldName>>({\n    identifier: '',\n    secret: '',\n  });\n  const hasActions = Boolean(onForgotPassword ?? onSignUp);\n  const fields = React.useMemo<readonly FormFieldConfig<SignInFieldName>[]>(\n    () => [\n      {\n        name: 'identifier',\n        label: identifierLabel ?? resolveIdentifierLabel(identifiers),\n        type: resolveIdentifierType(identifiers),\n        autoCapitalize: 'none',\n        rules: resolveIdentifierRules(identifiers),\n      },\n      {\n        name: 'secret',\n        label: secretLabel,\n        type: 'password',\n        rules: [{ kind: 'required' }],\n      },\n    ],\n    [identifierLabel, identifiers, secretLabel],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<SignInFieldName>) =>\n      onSubmit({\n        identifier: formValues.identifier.trim(),\n        identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),\n        secret: formValues.secret,\n      }),\n    [identifiers, onSubmit],\n  );\n\n  return (\n    <Form\n      actions={\n        hasActions ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            {onForgotPassword ? (\n              <Button\n                disabled={disabled || loading}\n                emphasis=\"ghost\"\n                onPress={() => {\n                  void onForgotPassword();\n                }}\n                size=\"s\"\n                tone=\"neutral\"\n              >\n                {forgotPasswordLabel}\n              </Button>\n            ) : null}\n            {onSignUp ? (\n              <Button\n                disabled={disabled || loading}\n                emphasis=\"ghost\"\n                onPress={() => {\n                  void onSignUp();\n                }}\n                size=\"s\"\n                tone=\"neutral\"\n              >\n                {signUpLabel}\n              </Button>\n            ) : null}\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\nexport const SignInForm = withZoraThemeScope(SignInFormInner);\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SignUpForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/SignUpForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2B/C,wBAAgB,UAAU,CAAC,EACzB,MAA4B,EAC5B,WAAuB,EACvB,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,WAAuB,EACvB,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,qBAiCjB"}
+{"version":3,"file":"SignUpForm.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/SignUpForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0E/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/patterns/auth/SignUpForm.js

@@ -2,6 +2,7 @@ import { Stack } from '@ankhorage/surface';
 import React from 'react';
 import { Button } from '../../components/button';
 import { Form } from '../../components/form';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 const defaultSignUpFields = [
     {
         name: 'email',
@@ -24,7 +25,7 @@ function createValues(fields) {
     }, {});
     return values;
 }
-export function SignUpForm({ fields = defaultSignUpFields, signInLabel = 'Sign in', loading = false, disabled = false, error, submitLabel = 'Sign up', onSubmit, onSignIn, testID, }) {
+function SignUpFormInner({ themeId: _themeId, mode: _mode, fields = defaultSignUpFields, signInLabel = 'Sign in', loading = false, disabled = false, error, submitLabel = 'Sign up', onSubmit, onSignIn, testID, }) {
     const [values, setValues] = React.useState(() => createValues(fields));
     return (<Form actions={onSignIn ? (<Stack direction="row" gap="s" wrap="wrap">
             <Button disabled={disabled || loading} emphasis="ghost" onPress={() => {
@@ -34,4 +35,5 @@ export function SignUpForm({ fields = defaultSignUpFields, signInLabel = 'Sign i
             </Button>
           </Stack>) : undefined} disabled={disabled} error={error} fields={fields} loading={loading} onChange={setValues} onSubmit={onSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
 }
+export const SignUpForm = withZoraThemeScope(SignUpFormInner);
 //# sourceMappingURL=SignUpForm.js.map

package/dist/patterns/auth/SignUpForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/SignUpForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAyC,MAAM,uBAAuB,CAAC;AAGpF,MAAM,mBAAmB,GAAG;IAC1B;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;QACb,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;KACjD;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;KAC/D;CAC4C,CAAC;AAEhD,SAAS,YAAY,CAAC,MAAkC;IACtD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAyB,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACzE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5B,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,GAAG,mBAAmB,EAC5B,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,QAAQ,EACR,MAAM,GACU;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAa,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAC9B,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAEd;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport type { SignUpFormProps } from './types';\n\nconst defaultSignUpFields = [\n  {\n    name: 'email',\n    label: 'Email',\n    type: 'email',\n    autoCapitalize: 'none',\n    rules: [{ kind: 'required' }, { kind: 'email' }],\n  },\n  {\n    name: 'password',\n    label: 'Password',\n    type: 'password',\n    rules: [{ kind: 'required' }, { kind: 'minLength', value: 8 }],\n  },\n] as const satisfies readonly FormFieldConfig[];\n\nfunction createValues(fields: readonly FormFieldConfig[]): FormValues {\n  const values = fields.reduce<Record<string, string>>((nextValues, field) => {\n    nextValues[field.name] = '';\n    return nextValues;\n  }, {});\n\n  return values;\n}\n\nexport function SignUpForm({\n  fields = defaultSignUpFields,\n  signInLabel = 'Sign in',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Sign up',\n  onSubmit,\n  onSignIn,\n  testID,\n}: SignUpFormProps) {\n  const [values, setValues] = React.useState<FormValues>(() => createValues(fields));\n\n  return (\n    <Form\n      actions={\n        onSignIn ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading}\n              emphasis=\"ghost\"\n              onPress={() => {\n                void onSignIn();\n              }}\n              size=\"s\"\n              tone=\"neutral\"\n            >\n              {signInLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={onSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n"]}
+{"version":3,"file":"SignUpForm.js","sourceRoot":"","sources":["../../../src/patterns/auth/SignUpForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAyC,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,MAAM,mBAAmB,GAAG;IAC1B;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;QACb,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;KACjD;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;KAC/D;CAC4C,CAAC;AAEhD,SAAS,YAAY,CAAC,MAAkC;IACtD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAyB,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACzE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5B,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,GAAG,mBAAmB,EAC5B,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,QAAQ,EACR,MAAM,GACU;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAa,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAC9B,QAAQ,CAAC,OAAO,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAEd;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC","sourcesContent":["import { Stack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Button } from '../../components/button';\nimport { Form, type FormFieldConfig, type FormValues } from '../../components/form';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { SignUpFormProps } from './types';\n\nconst defaultSignUpFields = [\n  {\n    name: 'email',\n    label: 'Email',\n    type: 'email',\n    autoCapitalize: 'none',\n    rules: [{ kind: 'required' }, { kind: 'email' }],\n  },\n  {\n    name: 'password',\n    label: 'Password',\n    type: 'password',\n    rules: [{ kind: 'required' }, { kind: 'minLength', value: 8 }],\n  },\n] as const satisfies readonly FormFieldConfig[];\n\nfunction createValues(fields: readonly FormFieldConfig[]): FormValues {\n  const values = fields.reduce<Record<string, string>>((nextValues, field) => {\n    nextValues[field.name] = '';\n    return nextValues;\n  }, {});\n\n  return values;\n}\n\nfunction SignUpFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  fields = defaultSignUpFields,\n  signInLabel = 'Sign in',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Sign up',\n  onSubmit,\n  onSignIn,\n  testID,\n}: SignUpFormProps) {\n  const [values, setValues] = React.useState<FormValues>(() => createValues(fields));\n\n  return (\n    <Form\n      actions={\n        onSignIn ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading}\n              emphasis=\"ghost\"\n              onPress={() => {\n                void onSignIn();\n              }}\n              size=\"s\"\n              tone=\"neutral\"\n            >\n              {signInLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={onSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\nexport const SignUpForm = withZoraThemeScope(SignUpFormInner);\n"]}

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

@@ -1,12 +1,12 @@
 import type React from 'react';
 import type { FormFieldConfig, FormValues } from '../../components/form';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';
-export interface AuthFormBaseProps {
+export interface AuthFormBaseProps extends ZoraBaseProps {
     loading?: boolean;
     disabled?: boolean;
     error?: React.ReactNode;
     submitLabel?: React.ReactNode;
-    testID?: string;
 }
 export interface SignInFormValues {
     identifier: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"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"}

package/dist/patterns/auth/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { FormFieldConfig, FormValues } from '../../components/form';\n\nexport type AuthIdentifierKind = 'email' | 'phone' | 'username';\n\nexport interface AuthFormBaseProps {\n  loading?: boolean;\n  disabled?: boolean;\n  error?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  testID?: string;\n}\n\nexport interface SignInFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n  secret: string;\n}\n\nexport interface SignInFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  secretLabel?: React.ReactNode;\n  forgotPasswordLabel?: React.ReactNode;\n  signUpLabel?: React.ReactNode;\n  onSubmit: (values: SignInFormValues) => void | Promise<void>;\n  onForgotPassword?: () => void | Promise<void>;\n  onSignUp?: () => void | Promise<void>;\n}\n\nexport type SignUpFormValues = FormValues;\nexport type SignUpFormField = FormFieldConfig;\n\nexport interface SignUpFormProps extends AuthFormBaseProps {\n  fields?: readonly SignUpFormField[];\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: SignUpFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface ForgotPasswordFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n}\n\nexport interface ForgotPasswordFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: ForgotPasswordFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface OtpFormValues {\n  otp: string;\n}\n\nexport interface OtpFormProps extends AuthFormBaseProps {\n  length?: number;\n  otpLabel?: React.ReactNode;\n  resendLabel?: React.ReactNode;\n  resendDisabled?: boolean;\n  resendLoading?: boolean;\n  onSubmit: (values: OtpFormValues) => void | Promise<void>;\n  onResend?: () => void | Promise<void>;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { FormFieldConfig, FormValues } from '../../components/form';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type AuthIdentifierKind = 'email' | 'phone' | 'username';\n\nexport interface AuthFormBaseProps extends ZoraBaseProps {\n  loading?: boolean;\n  disabled?: boolean;\n  error?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n}\n\nexport interface SignInFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n  secret: string;\n}\n\nexport interface SignInFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  secretLabel?: React.ReactNode;\n  forgotPasswordLabel?: React.ReactNode;\n  signUpLabel?: React.ReactNode;\n  onSubmit: (values: SignInFormValues) => void | Promise<void>;\n  onForgotPassword?: () => void | Promise<void>;\n  onSignUp?: () => void | Promise<void>;\n}\n\nexport type SignUpFormValues = FormValues;\nexport type SignUpFormField = FormFieldConfig;\n\nexport interface SignUpFormProps extends AuthFormBaseProps {\n  fields?: readonly SignUpFormField[];\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: SignUpFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface ForgotPasswordFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n}\n\nexport interface ForgotPasswordFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: ForgotPasswordFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface OtpFormValues {\n  otp: string;\n}\n\nexport interface OtpFormProps extends AuthFormBaseProps {\n  length?: number;\n  otpLabel?: React.ReactNode;\n  resendLabel?: React.ReactNode;\n  resendDisabled?: boolean;\n  resendLoading?: boolean;\n  onSubmit: (values: OtpFormValues) => void | Promise<void>;\n  onResend?: () => void | Promise<void>;\n}\n"]}

package/dist/patterns/collection-editor/CollectionEditor.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { CollectionEditorProps } from './types';
-export declare function CollectionEditor<TItem>({ title, description, items, renderItem, onAdd, onRemove, onMove, addLabel, emptyLabel, disabled, testID, }: CollectionEditorProps<TItem>): React.JSX.Element;
+export declare const CollectionEditor: <TItem>(props: CollectionEditorProps<TItem>) => React.ReactElement | null;
 //# sourceMappingURL=CollectionEditor.d.ts.map

package/dist/patterns/collection-editor/CollectionEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionEditor.d.ts","sourceRoot":"","sources":["../../../src/patterns/collection-editor/CollectionEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAqB,EACrB,UAA4B,EAC5B,QAAQ,EACR,MAAM,GACP,EAAE,qBAAqB,CAAC,KAAK,CAAC,qBA+E9B"}
+{"version":3,"file":"CollectionEditor.d.ts","sourceRoot":"","sources":["../../../src/patterns/collection-editor/CollectionEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAiGrD,eAAO,MAAM,gBAAgB,GA/FE,KAAK,mEA+FqC,CAAC"}

package/dist/patterns/collection-editor/CollectionEditor.js

@@ -3,8 +3,9 @@ import React from 'react';
 import { Button } from '../../components/button';
 import { IconButton } from '../../components/icon-button';
 import { Text } from '../../components/text';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Panel } from '../panel';
-export function CollectionEditor({ title, description, items, renderItem, onAdd, onRemove, onMove, addLabel = 'Add Item', emptyLabel = 'No items yet.', disabled, testID, }) {
+function CollectionEditorInner({ themeId: _themeId, mode: _mode, title, description, items, renderItem, onAdd, onRemove, onMove, addLabel = 'Add Item', emptyLabel = 'No items yet.', disabled, testID, }) {
     const isEmpty = items.length === 0;
     return (<Panel compact description={description} testID={testID} title={title} actions={onAdd ? (<Button emphasis="soft" size="s" disabled={disabled} onPress={onAdd}>
             {addLabel}
@@ -39,4 +40,5 @@ export function CollectionEditor({ title, description, items, renderItem, onAdd,
       </Stack>
     </Panel>);
 }
+export const CollectionEditor = withZoraThemeScope(CollectionEditorInner);
 //# sourceMappingURL=CollectionEditor.js.map