@ankhorage/zora 0.9.0 → 0.10.0

package/dist/components/text/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Responsive } from '@ankhorage/surface';\nimport type React from 'react';\nimport type { AccessibilityRole, TextStyle } from 'react-native';\n\nexport type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';\n\nexport type TextTone =\n  | 'default'\n  | 'muted'\n  | 'subtle'\n  | 'inverse'\n  | 'primary'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type TextWeight = 'regular' | 'medium' | 'semiBold' | 'bold';\n\nexport type TextAlign = NonNullable<TextStyle['textAlign']>;\n\nexport interface TextProps {\n  children?: React.ReactNode;\n  text?: string;\n  i18nKey?: string;\n  variant?: Responsive<TextVariant>;\n  tone?: Responsive<TextTone>;\n  align?: Responsive<TextAlign>;\n  weight?: Responsive<TextWeight>;\n  italic?: boolean;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  selectable?: boolean;\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  accessibilityRole?: AccessibilityRole;\n  nativeID?: string;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Responsive } from '@ankhorage/surface';\nimport type React from 'react';\nimport type { AccessibilityRole, TextStyle } from 'react-native';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';\n\nexport type TextTone =\n  | 'default'\n  | 'muted'\n  | 'subtle'\n  | 'inverse'\n  | 'primary'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type TextWeight = 'regular' | 'medium' | 'semiBold' | 'bold';\n\nexport type TextAlign = NonNullable<TextStyle['textAlign']>;\n\nexport interface TextProps extends ZoraBaseProps {\n  children?: React.ReactNode;\n  text?: string;\n  i18nKey?: string;\n  variant?: Responsive<TextVariant>;\n  tone?: Responsive<TextTone>;\n  align?: Responsive<TextAlign>;\n  weight?: Responsive<TextWeight>;\n  italic?: boolean;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  selectable?: boolean;\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  accessibilityRole?: AccessibilityRole;\n  nativeID?: string;\n}\n"]}

package/dist/patterns/panel/Panel.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { PanelProps } from './types';
-export declare function Panel(props: PanelProps): React.JSX.Element;
+export declare const Panel: React.FC<PanelProps>;
 //# sourceMappingURL=Panel.d.ts.map

package/dist/patterns/panel/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/patterns/panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAEtC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/patterns/panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAM1C,eAAO,MAAM,KAAK,sBAAiC,CAAC"}

package/dist/patterns/panel/Panel.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Card } from '../../components/card';
-export function Panel(props) {
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function PanelInner({ themeId: _themeId, mode: _mode, ...props }) {
     return <Card {...props}/>;
 }
+export const Panel = withZoraThemeScope(PanelInner);
 //# sourceMappingURL=Panel.js.map

package/dist/patterns/panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/patterns/panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7B,CAAC","sourcesContent":["import React from 'react';\n\nimport { Card } from '../../components/card';\nimport type { PanelProps } from './types';\n\nexport function Panel(props: PanelProps) {\n  return <Card {...props} />;\n}\n"]}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/patterns/panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc;IAC1E,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7B,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Card } from '../../components/card';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { PanelProps } from './types';\n\nfunction PanelInner({ themeId: _themeId, mode: _mode, ...props }: PanelProps) {\n  return <Card {...props} />;\n}\n\nexport const Panel = withZoraThemeScope(PanelInner);\n"]}

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

@@ -1,6 +1,7 @@
 import type React from 'react';
 import type { ZoraCardTone } from '../../internal/recipes';
-export interface PanelProps {
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface PanelProps extends ZoraBaseProps {
     title?: React.ReactNode;
     description?: React.ReactNode;
     eyebrow?: React.ReactNode;
@@ -9,6 +10,5 @@ export interface PanelProps {
     children?: React.ReactNode;
     tone?: ZoraCardTone;
     compact?: boolean;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/panel/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraCardTone } from '../../internal/recipes';\n\nexport interface PanelProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  tone?: ZoraCardTone;\n  compact?: boolean;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/panel/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraCardTone } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface PanelProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  tone?: ZoraCardTone;\n  compact?: boolean;\n}\n"]}

package/dist/theme/ZoraBaseProps.d.ts

@@ -0,0 +1,18 @@
+import type { ZoraThemeId, ZoraThemeMode } from './types';
+export interface ZoraBaseProps {
+    /**
+     * Overrides the active ZORA theme for this component and its subtree.
+     * If omitted, the nearest parent theme is inherited.
+     *
+     * Plan 2: theme registries are not available yet. Only the inherited theme id
+     * is valid; unknown ids throw in dev/test and warn+fallback in production.
+     */
+    themeId?: ZoraThemeId;
+    /**
+     * Overrides the light/dark mode for this component and its subtree.
+     * If omitted, the nearest parent mode is inherited.
+     */
+    mode?: ZoraThemeMode;
+    testID?: string;
+}
+//# sourceMappingURL=ZoraBaseProps.d.ts.map

package/dist/theme/ZoraBaseProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoraBaseProps.d.ts","sourceRoot":"","sources":["../../src/theme/ZoraBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/theme/ZoraBaseProps.js

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

package/dist/theme/ZoraBaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoraBaseProps.js","sourceRoot":"","sources":["../../src/theme/ZoraBaseProps.ts"],"names":[],"mappings":"","sourcesContent":["import type { ZoraThemeId, ZoraThemeMode } from './types';\n\nexport interface ZoraBaseProps {\n  /**\n   * Overrides the active ZORA theme for this component and its subtree.\n   * If omitted, the nearest parent theme is inherited.\n   *\n   * Plan 2: theme registries are not available yet. Only the inherited theme id\n   * is valid; unknown ids throw in dev/test and warn+fallback in production.\n   */\n  themeId?: ZoraThemeId;\n\n  /**\n   * Overrides the light/dark mode for this component and its subtree.\n   * If omitted, the nearest parent mode is inherited.\n   */\n  mode?: ZoraThemeMode;\n\n  testID?: string;\n}\n"]}

package/dist/theme/ZoraProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ZoraProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAwB,EACxB,WAAqB,GACtB,EAAE,iBAAiB,qBAMnB"}
+{"version":3,"file":"ZoraProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ZoraProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAwB,EACxB,WAAqB,GACtB,EAAE,iBAAiB,qBAUnB"}

package/dist/theme/ZoraProvider.js

@@ -1,10 +1,14 @@
-import { ResponsiveProvider, ThemeProvider } from '@ankhorage/surface';
+import { ThemeProvider } from '@ankhorage/surface';
 import React from 'react';
 import { createZoraThemeConfig } from './createZoraThemeConfig';
 import { zoraDefaultTheme } from './zoraDefaultTheme';
+import { ZoraThemeRuntimeContext } from './ZoraThemeRuntimeContext';
 export function ZoraProvider({ children, theme = zoraDefaultTheme, initialMode = 'light', }) {
-    return (<ThemeProvider initialConfig={createZoraThemeConfig(theme)} initialMode={initialMode}>
-      <ResponsiveProvider>{children}</ResponsiveProvider>
-    </ThemeProvider>);
+    const runtimeValue = React.useMemo(() => ({ sourceTheme: theme, themeId: theme.id }), [theme]);
+    return (<ZoraThemeRuntimeContext.Provider value={runtimeValue}>
+      <ThemeProvider initialConfig={createZoraThemeConfig(theme)} initialMode={initialMode}>
+        {children}
+      </ThemeProvider>
+    </ZoraThemeRuntimeContext.Provider>);
 }
 //# sourceMappingURL=ZoraProvider.js.map

package/dist/theme/ZoraProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraProvider.js","sourceRoot":"","sources":["../../src/theme/ZoraProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GAAG,gBAAgB,EACxB,WAAW,GAAG,OAAO,GACH;IAClB,OAAO,CACL,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CACnF;MAAA,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CACpD;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { ResponsiveProvider, ThemeProvider } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { createZoraThemeConfig } from './createZoraThemeConfig';\nimport type { ZoraTheme, ZoraThemeMode } from './types';\nimport { zoraDefaultTheme } from './zoraDefaultTheme';\n\nexport interface ZoraProviderProps {\n  children: React.ReactNode;\n  theme?: ZoraTheme;\n  initialMode?: ZoraThemeMode;\n}\n\nexport function ZoraProvider({\n  children,\n  theme = zoraDefaultTheme,\n  initialMode = 'light',\n}: ZoraProviderProps) {\n  return (\n    <ThemeProvider initialConfig={createZoraThemeConfig(theme)} initialMode={initialMode}>\n      <ResponsiveProvider>{children}</ResponsiveProvider>\n    </ThemeProvider>\n  );\n}\n"]}
+{"version":3,"file":"ZoraProvider.js","sourceRoot":"","sources":["../../src/theme/ZoraProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAQpE,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GAAG,gBAAgB,EACxB,WAAW,GAAG,OAAO,GACH;IAClB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/F,OAAO,CACL,CAAC,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACpD;MAAA,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CACnF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,aAAa,CACjB;IAAA,EAAE,uBAAuB,CAAC,QAAQ,CAAC,CACpC,CAAC;AACJ,CAAC","sourcesContent":["import { ThemeProvider } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { createZoraThemeConfig } from './createZoraThemeConfig';\nimport type { ZoraTheme, ZoraThemeMode } from './types';\nimport { zoraDefaultTheme } from './zoraDefaultTheme';\nimport { ZoraThemeRuntimeContext } from './ZoraThemeRuntimeContext';\n\nexport interface ZoraProviderProps {\n  children: React.ReactNode;\n  theme?: ZoraTheme;\n  initialMode?: ZoraThemeMode;\n}\n\nexport function ZoraProvider({\n  children,\n  theme = zoraDefaultTheme,\n  initialMode = 'light',\n}: ZoraProviderProps) {\n  const runtimeValue = React.useMemo(() => ({ sourceTheme: theme, themeId: theme.id }), [theme]);\n\n  return (\n    <ZoraThemeRuntimeContext.Provider value={runtimeValue}>\n      <ThemeProvider initialConfig={createZoraThemeConfig(theme)} initialMode={initialMode}>\n        {children}\n      </ThemeProvider>\n    </ZoraThemeRuntimeContext.Provider>\n  );\n}\n"]}

package/dist/theme/ZoraThemeRuntimeContext.d.ts

@@ -0,0 +1,9 @@
+import type { ZoraTheme, ZoraThemeId } from './types';
+interface ZoraThemeRuntime {
+    sourceTheme: ZoraTheme;
+    themeId: ZoraThemeId;
+}
+export declare const ZoraThemeRuntimeContext: import("react").Context<ZoraThemeRuntime>;
+export declare function useZoraThemeRuntime(): ZoraThemeRuntime;
+export {};
+//# sourceMappingURL=ZoraThemeRuntimeContext.d.ts.map

package/dist/theme/ZoraThemeRuntimeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoraThemeRuntimeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ZoraThemeRuntimeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtD,UAAU,gBAAgB;IACxB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,2CAGlC,CAAC;AAEH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD"}

package/dist/theme/ZoraThemeRuntimeContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+import { zoraDefaultTheme } from './zoraDefaultTheme';
+export const ZoraThemeRuntimeContext = createContext({
+    sourceTheme: zoraDefaultTheme,
+    themeId: zoraDefaultTheme.id,
+});
+export function useZoraThemeRuntime() {
+    return useContext(ZoraThemeRuntimeContext);
+}
+//# sourceMappingURL=ZoraThemeRuntimeContext.js.map

package/dist/theme/ZoraThemeRuntimeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoraThemeRuntimeContext.js","sourceRoot":"","sources":["../../src/theme/ZoraThemeRuntimeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAmB;IACrE,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,gBAAgB,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ZoraTheme, ZoraThemeId } from './types';\nimport { zoraDefaultTheme } from './zoraDefaultTheme';\n\ninterface ZoraThemeRuntime {\n  sourceTheme: ZoraTheme;\n  themeId: ZoraThemeId;\n}\n\nexport const ZoraThemeRuntimeContext = createContext<ZoraThemeRuntime>({\n  sourceTheme: zoraDefaultTheme,\n  themeId: zoraDefaultTheme.id,\n});\n\nexport function useZoraThemeRuntime(): ZoraThemeRuntime {\n  return useContext(ZoraThemeRuntimeContext);\n}\n"]}

package/dist/theme/ZoraThemeScope.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ZoraThemeId, ZoraThemeMode } from './types';
+export interface ZoraThemeScopeProps {
+    children: React.ReactNode;
+    themeId?: ZoraThemeId;
+    mode?: ZoraThemeMode;
+}
+export declare function ZoraThemeScope({ children, themeId, mode }: ZoraThemeScopeProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+//# sourceMappingURL=ZoraThemeScope.d.ts.map

package/dist/theme/ZoraThemeScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoraThemeScope.d.ts","sourceRoot":"","sources":["../../src/theme/ZoraThemeScope.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAmDD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,mBAAmB,mSAU9E"}

package/dist/theme/ZoraThemeScope.js

@@ -0,0 +1,41 @@
+import { createTheme, ThemeContext, useFontContext, useTheme } from '@ankhorage/surface';
+import React, { useMemo } from 'react';
+import { createZoraThemeConfig } from './createZoraThemeConfig';
+import { resolveZoraScopedThemeId } from './resolveZoraScopedThemeId';
+import { useZoraThemeRuntime, ZoraThemeRuntimeContext } from './ZoraThemeRuntimeContext';
+function ZoraThemeScopeInner({ children, themeId, mode }) {
+    const parentSurface = useTheme();
+    const parentRuntime = useZoraThemeRuntime();
+    const { activeFontId } = useFontContext();
+    const scopedThemeId = resolveZoraScopedThemeId({
+        desiredThemeId: themeId,
+        inheritedThemeId: parentRuntime.themeId,
+    });
+    const scopedMode = mode ?? parentSurface.mode;
+    // Plan 2: there is no multi-theme registry yet. Keep the active theme seed inherited.
+    const surfaceConfig = useMemo(() => createZoraThemeConfig(parentRuntime.sourceTheme), [parentRuntime.sourceTheme]);
+    const scopedTheme = useMemo(() => createTheme(surfaceConfig, scopedMode, activeFontId), [surfaceConfig, scopedMode, activeFontId]);
+    const scopedSurfaceValue = useMemo(() => ({
+        theme: scopedTheme,
+        mode: scopedMode,
+        setMode: parentSurface.setMode,
+        setThemeConfig: parentSurface.setThemeConfig,
+        _hasProvider: true,
+    }), [parentSurface.setMode, parentSurface.setThemeConfig, scopedMode, scopedTheme]);
+    const scopedRuntimeValue = useMemo(() => ({
+        sourceTheme: parentRuntime.sourceTheme,
+        themeId: scopedThemeId,
+    }), [parentRuntime.sourceTheme, scopedThemeId]);
+    return (<ZoraThemeRuntimeContext.Provider value={scopedRuntimeValue}>
+      <ThemeContext.Provider value={scopedSurfaceValue}>{children}</ThemeContext.Provider>
+    </ZoraThemeRuntimeContext.Provider>);
+}
+export function ZoraThemeScope({ children, themeId, mode }) {
+    if (mode === undefined && themeId === undefined) {
+        return children;
+    }
+    return (<ZoraThemeScopeInner mode={mode} themeId={themeId}>
+      {children}
+    </ZoraThemeScopeInner>);
+}
+//# sourceMappingURL=ZoraThemeScope.js.map

package/dist/theme/ZoraThemeScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoraThemeScope.js","sourceRoot":"","sources":["../../src/theme/ZoraThemeScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzF,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAQzF,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAuB;IAC3E,MAAM,aAAa,GAAG,QAAQ,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,mBAAmB,EAAE,CAAC;IAC5C,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAAC;IAE1C,MAAM,aAAa,GAAG,wBAAwB,CAAC;QAC7C,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,aAAa,CAAC,OAAO;KACxC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC;IAE9C,sFAAsF;IACtF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,qBAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,EACtD,CAAC,aAAa,CAAC,WAAW,CAAC,CAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,EAAE,YAAY,CAAC,EAC1D,CAAC,aAAa,EAAE,UAAU,EAAE,YAAY,CAAC,CAC1C,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,aAAa,CAAC,OAAO;QAC9B,cAAc,EAAE,aAAa,CAAC,cAAc;QAC5C,YAAY,EAAE,IAAI;KACnB,CAAC,EACF,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC,CAC/E,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,WAAW,EAAE,aAAa,CAAC,WAAW;QACtC,OAAO,EAAE,aAAa;KACvB,CAAC,EACF,CAAC,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,CAAC,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAC1D;MAAA,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CACrF;IAAA,EAAE,uBAAuB,CAAC,QAAQ,CAAC,CACpC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAuB;IAC7E,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAChD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,CACL,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAChD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAmB,CAAC,CACvB,CAAC;AACJ,CAAC","sourcesContent":["import { createTheme, ThemeContext, useFontContext, useTheme } from '@ankhorage/surface';\nimport React, { useMemo } from 'react';\n\nimport { createZoraThemeConfig } from './createZoraThemeConfig';\nimport { resolveZoraScopedThemeId } from './resolveZoraScopedThemeId';\nimport type { ZoraThemeId, ZoraThemeMode } from './types';\nimport { useZoraThemeRuntime, ZoraThemeRuntimeContext } from './ZoraThemeRuntimeContext';\n\nexport interface ZoraThemeScopeProps {\n  children: React.ReactNode;\n  themeId?: ZoraThemeId;\n  mode?: ZoraThemeMode;\n}\n\nfunction ZoraThemeScopeInner({ children, themeId, mode }: ZoraThemeScopeProps) {\n  const parentSurface = useTheme();\n  const parentRuntime = useZoraThemeRuntime();\n  const { activeFontId } = useFontContext();\n\n  const scopedThemeId = resolveZoraScopedThemeId({\n    desiredThemeId: themeId,\n    inheritedThemeId: parentRuntime.themeId,\n  });\n\n  const scopedMode = mode ?? parentSurface.mode;\n\n  // Plan 2: there is no multi-theme registry yet. Keep the active theme seed inherited.\n  const surfaceConfig = useMemo(\n    () => createZoraThemeConfig(parentRuntime.sourceTheme),\n    [parentRuntime.sourceTheme],\n  );\n\n  const scopedTheme = useMemo(\n    () => createTheme(surfaceConfig, scopedMode, activeFontId),\n    [surfaceConfig, scopedMode, activeFontId],\n  );\n\n  const scopedSurfaceValue = useMemo(\n    () => ({\n      theme: scopedTheme,\n      mode: scopedMode,\n      setMode: parentSurface.setMode,\n      setThemeConfig: parentSurface.setThemeConfig,\n      _hasProvider: true,\n    }),\n    [parentSurface.setMode, parentSurface.setThemeConfig, scopedMode, scopedTheme],\n  );\n\n  const scopedRuntimeValue = useMemo(\n    () => ({\n      sourceTheme: parentRuntime.sourceTheme,\n      themeId: scopedThemeId,\n    }),\n    [parentRuntime.sourceTheme, scopedThemeId],\n  );\n\n  return (\n    <ZoraThemeRuntimeContext.Provider value={scopedRuntimeValue}>\n      <ThemeContext.Provider value={scopedSurfaceValue}>{children}</ThemeContext.Provider>\n    </ZoraThemeRuntimeContext.Provider>\n  );\n}\n\nexport function ZoraThemeScope({ children, themeId, mode }: ZoraThemeScopeProps) {\n  if (mode === undefined && themeId === undefined) {\n    return children;\n  }\n\n  return (\n    <ZoraThemeScopeInner mode={mode} themeId={themeId}>\n      {children}\n    </ZoraThemeScopeInner>\n  );\n}\n"]}

package/dist/theme/index.d.ts

@@ -1,7 +1,11 @@
 export { createZoraThemeConfig } from './createZoraThemeConfig';
 export type { ZoraColorHarmony, ZoraColorTone, ZoraComputedTheme, ZoraHexColor, ZoraTheme, ZoraThemeId, ZoraThemeMode, } from './types';
 export { useZoraTheme } from './useZoraTheme';
+export { withZoraThemeScope } from './withZoraThemeScope';
+export type { ZoraBaseProps } from './ZoraBaseProps';
 export { zoraDefaultTheme } from './zoraDefaultTheme';
 export type { ZoraProviderProps } from './ZoraProvider';
 export { ZoraProvider } from './ZoraProvider';
+export type { ZoraThemeScopeProps } from './ZoraThemeScope';
+export { ZoraThemeScope } from './ZoraThemeScope';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/theme/index.js

@@ -1,5 +1,7 @@
 export { createZoraThemeConfig } from './createZoraThemeConfig';
 export { useZoraTheme } from './useZoraTheme';
+export { withZoraThemeScope } from './withZoraThemeScope';
 export { zoraDefaultTheme } from './zoraDefaultTheme';
 export { ZoraProvider } from './ZoraProvider';
+export { ZoraThemeScope } from './ZoraThemeScope';
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAUhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { createZoraThemeConfig } from './createZoraThemeConfig';\nexport type {\n  ZoraColorHarmony,\n  ZoraColorTone,\n  ZoraComputedTheme,\n  ZoraHexColor,\n  ZoraTheme,\n  ZoraThemeId,\n  ZoraThemeMode,\n} from './types';\nexport { useZoraTheme } from './useZoraTheme';\nexport { zoraDefaultTheme } from './zoraDefaultTheme';\nexport type { ZoraProviderProps } from './ZoraProvider';\nexport { ZoraProvider } from './ZoraProvider';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAUhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { createZoraThemeConfig } from './createZoraThemeConfig';\nexport type {\n  ZoraColorHarmony,\n  ZoraColorTone,\n  ZoraComputedTheme,\n  ZoraHexColor,\n  ZoraTheme,\n  ZoraThemeId,\n  ZoraThemeMode,\n} from './types';\nexport { useZoraTheme } from './useZoraTheme';\nexport { withZoraThemeScope } from './withZoraThemeScope';\nexport type { ZoraBaseProps } from './ZoraBaseProps';\nexport { zoraDefaultTheme } from './zoraDefaultTheme';\nexport type { ZoraProviderProps } from './ZoraProvider';\nexport { ZoraProvider } from './ZoraProvider';\nexport type { ZoraThemeScopeProps } from './ZoraThemeScope';\nexport { ZoraThemeScope } from './ZoraThemeScope';\n"]}

package/dist/theme/resolveZoraScopedThemeId.d.ts

@@ -0,0 +1,6 @@
+import type { ZoraThemeId } from './types';
+export declare function resolveZoraScopedThemeId({ desiredThemeId, inheritedThemeId, }: {
+    desiredThemeId: ZoraThemeId | undefined;
+    inheritedThemeId: ZoraThemeId;
+}): ZoraThemeId;
+//# sourceMappingURL=resolveZoraScopedThemeId.d.ts.map

package/dist/theme/resolveZoraScopedThemeId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveZoraScopedThemeId.d.ts","sourceRoot":"","sources":["../../src/theme/resolveZoraScopedThemeId.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,wBAAwB,CAAC,EACvC,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,WAAW,CAAC;CAC/B,GAAG,WAAW,CAgBd"}

package/dist/theme/resolveZoraScopedThemeId.js

@@ -0,0 +1,15 @@
+export function resolveZoraScopedThemeId({ desiredThemeId, inheritedThemeId, }) {
+    if (desiredThemeId === undefined || desiredThemeId === inheritedThemeId) {
+        return inheritedThemeId;
+    }
+    const message = [
+        `Unknown ZORA theme id '${desiredThemeId}'.`,
+        'Theme registries are not available yet; register the theme before using themeId scopes.',
+    ].join(' ');
+    if (process.env.NODE_ENV === 'production') {
+        console.warn(message);
+        return inheritedThemeId;
+    }
+    throw new Error(message);
+}
+//# sourceMappingURL=resolveZoraScopedThemeId.js.map

package/dist/theme/resolveZoraScopedThemeId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveZoraScopedThemeId.js","sourceRoot":"","sources":["../../src/theme/resolveZoraScopedThemeId.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CAAC,EACvC,cAAc,EACd,gBAAgB,GAIjB;IACC,IAAI,cAAc,KAAK,SAAS,IAAI,cAAc,KAAK,gBAAgB,EAAE,CAAC;QACxE,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,MAAM,OAAO,GAAG;QACd,0BAA0B,cAAc,IAAI;QAC5C,yFAAyF;KAC1F,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import type { ZoraThemeId } from './types';\n\nexport function resolveZoraScopedThemeId({\n  desiredThemeId,\n  inheritedThemeId,\n}: {\n  desiredThemeId: ZoraThemeId | undefined;\n  inheritedThemeId: ZoraThemeId;\n}): ZoraThemeId {\n  if (desiredThemeId === undefined || desiredThemeId === inheritedThemeId) {\n    return inheritedThemeId;\n  }\n\n  const message = [\n    `Unknown ZORA theme id '${desiredThemeId}'.`,\n    'Theme registries are not available yet; register the theme before using themeId scopes.',\n  ].join(' ');\n\n  if (process.env.NODE_ENV === 'production') {\n    console.warn(message);\n    return inheritedThemeId;\n  }\n\n  throw new Error(message);\n}\n"]}

package/dist/theme/withZoraThemeScope.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ZoraBaseProps } from './ZoraBaseProps';
+export declare function withZoraThemeScope<P extends ZoraBaseProps>(Component: React.ComponentType<P>): React.FC<P>;
+//# sourceMappingURL=withZoraThemeScope.d.ts.map

package/dist/theme/withZoraThemeScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withZoraThemeScope.d.ts","sourceRoot":"","sources":["../../src/theme/withZoraThemeScope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,aAAa,EACxD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAiBb"}

package/dist/theme/withZoraThemeScope.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ZoraThemeScope } from './ZoraThemeScope';
+export function withZoraThemeScope(Component) {
+    const Wrapped = (props) => {
+        if (props.mode === undefined && props.themeId === undefined) {
+            return <Component {...props}/>;
+        }
+        return (<ZoraThemeScope mode={props.mode} themeId={props.themeId}>
+        <Component {...props}/>
+      </ZoraThemeScope>);
+    };
+    const name = Component.displayName ?? (Component.name || 'Component');
+    Wrapped.displayName = `withZoraThemeScope(${name})`;
+    return Wrapped;
+}
+//# sourceMappingURL=withZoraThemeScope.js.map

package/dist/theme/withZoraThemeScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withZoraThemeScope.js","sourceRoot":"","sources":["../../src/theme/withZoraThemeScope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,UAAU,kBAAkB,CAChC,SAAiC;IAEjC,MAAM,OAAO,GAAgB,CAAC,KAAK,EAAE,EAAE;QACrC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC5D,OAAO,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;QAClC,CAAC;QAED,OAAO,CACL,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvD;QAAA,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EACvB;MAAA,EAAE,cAAc,CAAC,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC;IACtE,OAAO,CAAC,WAAW,GAAG,sBAAsB,IAAI,GAAG,CAAC;IAEpD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { ZoraBaseProps } from './ZoraBaseProps';\nimport { ZoraThemeScope } from './ZoraThemeScope';\n\nexport function withZoraThemeScope<P extends ZoraBaseProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> {\n  const Wrapped: React.FC<P> = (props) => {\n    if (props.mode === undefined && props.themeId === undefined) {\n      return <Component {...props} />;\n    }\n\n    return (\n      <ZoraThemeScope mode={props.mode} themeId={props.themeId}>\n        <Component {...props} />\n      </ZoraThemeScope>\n    );\n  };\n\n  const name = Component.displayName ?? (Component.name || 'Component');\n  Wrapped.displayName = `withZoraThemeScope(${name})`;\n\n  return Wrapped;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/components/button/Button.tsx

@@ -2,12 +2,22 @@ import { Button as SurfaceButton } from '@ankhorage/surface';
 import React from 'react';
 
 import { resolveButtonRecipe } from '../../internal/recipes';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ButtonProps } from './types';
 
-export function Button({ tone, emphasis, size, ...props }: ButtonProps) {
+function ButtonInner({
+  themeId: _themeId,
+  mode: _mode,
+  tone,
+  emphasis,
+  size,
+  ...props
+}: ButtonProps) {
   const recipe = resolveButtonRecipe({ tone, emphasis, size });
 
   return (
     <SurfaceButton {...props} size={recipe.size} tone={recipe.tone} variant={recipe.variant} />
   );
 }
+
+export const Button = withZoraThemeScope(ButtonInner);

package/src/components/button/types.ts

@@ -2,11 +2,10 @@ import type { ButtonIconSpec, ButtonProps as SurfaceButtonProps } from '@ankhora
 import type React from 'react';
 
 import type { ZoraControlSize, ZoraEmphasis, ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export interface ButtonProps extends Omit<
-  SurfaceButtonProps,
-  'children' | 'size' | 'tone' | 'variant'
-> {
+export interface ButtonProps
+  extends ZoraBaseProps, Omit<SurfaceButtonProps, 'children' | 'size' | 'tone' | 'variant'> {
   children?: React.ReactNode;
   tone?: ZoraTone;
   emphasis?: ZoraEmphasis;

package/src/components/card/Card.tsx

@@ -2,11 +2,14 @@ import { Box, Card as SurfaceCard, Stack } from '@ankhorage/surface';
 import React from 'react';
 
 import { resolveCardVariant } from '../../internal/recipes';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Heading } from '../heading';
 import { Text } from '../text';
 import type { CardProps } from './types';
 
-export function Card({
+function CardInner({
+  themeId: _themeId,
+  mode: _mode,
   children,
   title,
   description,
@@ -65,3 +68,5 @@ export function Card({
     </SurfaceCard>
   );
 }
+
+export const Card = withZoraThemeScope(CardInner);

package/src/components/card/types.ts

@@ -2,8 +2,10 @@ import type { CardProps as SurfaceCardProps } from '@ankhorage/surface';
 import type React from 'react';
 
 import type { ZoraCardTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export interface CardProps extends Omit<SurfaceCardProps, 'children' | 'p' | 'radius' | 'variant'> {
+export interface CardProps
+  extends ZoraBaseProps, Omit<SurfaceCardProps, 'children' | 'p' | 'radius' | 'variant'> {
   children?: React.ReactNode;
   title?: React.ReactNode;
   description?: React.ReactNode;

package/src/components/heading/Heading.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { Text as ReactNativeText } from 'react-native';
 
 import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveHeadingRecipe, resolveHeadingSizeFromLevel } from './resolveHeadingRecipe';
 import type { HeadingProps } from './types';
 
@@ -30,7 +31,9 @@ function resolveHeadingContent({
   return i18nKey;
 }
 
-export function Heading({
+function HeadingInner({
+  themeId: _themeId,
+  mode: _mode,
   children,
   text,
   i18nKey,
@@ -84,3 +87,5 @@ export function Heading({
     </ReactNativeText>
   );
 }
+
+export const Heading = withZoraThemeScope(HeadingInner);

package/src/components/heading/types.ts

@@ -2,6 +2,8 @@ import type { Responsive } from '@ankhorage/surface';
 import type React from 'react';
 import type { AccessibilityRole, TextStyle } from 'react-native';
 
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
 export type HeadingSize = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -20,7 +22,7 @@ export type HeadingAlign = NonNullable<TextStyle['textAlign']>;
 
 export type HeadingWeight = 'regular' | 'medium' | 'semiBold' | 'bold';
 
-export interface HeadingProps {
+export interface HeadingProps extends ZoraBaseProps {
   children?: React.ReactNode;
   text?: string;
   i18nKey?: string;
@@ -37,5 +39,4 @@ export interface HeadingProps {
   accessibilityHint?: string;
   accessibilityRole?: AccessibilityRole;
   nativeID?: string;
-  testID?: string;
 }

package/src/components/icon/Icon.tsx

@@ -1,8 +1,13 @@
 import { Icon as SurfaceIcon, type IconProps as SurfaceIconProps } from '@ankhorage/surface';
 import React from 'react';
 
-export type IconProps = SurfaceIconProps;
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export function Icon(props: IconProps) {
+export interface IconProps extends ZoraBaseProps, SurfaceIconProps {}
+
+function IconInner({ themeId: _themeId, mode: _mode, ...props }: IconProps) {
   return <SurfaceIcon {...props} />;
 }
+
+export const Icon = withZoraThemeScope(IconInner);

package/src/components/icon-button/IconButton.tsx

@@ -2,9 +2,12 @@ import { IconButton as SurfaceIconButton } from '@ankhorage/surface';
 import React from 'react';
 
 import { resolveButtonRecipe } from '../../internal/recipes';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { IconButtonProps } from './types';
 
-export function IconButton({
+function IconButtonInner({
+  themeId: _themeId,
+  mode: _mode,
   icon,
   label,
   emphasis = 'ghost',
@@ -25,3 +28,5 @@ export function IconButton({
     />
   );
 }
+
+export const IconButton = withZoraThemeScope(IconButtonInner);

package/src/components/icon-button/types.ts

@@ -1,8 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 
 import type { ZoraControlSize, ZoraEmphasis, ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export interface IconButtonProps {
+export interface IconButtonProps extends ZoraBaseProps {
   icon: ButtonIconSpec;
   label: string;
   emphasis?: ZoraEmphasis;

package/src/components/text/Text.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { Text as ReactNativeText } from 'react-native';
 
 import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveTextStyle } from './resolveTextRecipe';
 import type { TextProps } from './types';
 
@@ -30,7 +31,9 @@ function resolveTextContent({
   return i18nKey;
 }
 
-export function Text({
+function TextInner({
+  themeId: _themeId,
+  mode: _mode,
   children,
   text,
   i18nKey,
@@ -82,3 +85,5 @@ export function Text({
     </ReactNativeText>
   );
 }
+
+export const Text = withZoraThemeScope(TextInner);

package/src/components/text/types.ts

@@ -2,6 +2,8 @@ import type { Responsive } from '@ankhorage/surface';
 import type React from 'react';
 import type { AccessibilityRole, TextStyle } from 'react-native';
 
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+
 export type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';
 
 export type TextTone =
@@ -18,7 +20,7 @@ export type TextWeight = 'regular' | 'medium' | 'semiBold' | 'bold';
 
 export type TextAlign = NonNullable<TextStyle['textAlign']>;
 
-export interface TextProps {
+export interface TextProps extends ZoraBaseProps {
   children?: React.ReactNode;
   text?: string;
   i18nKey?: string;
@@ -34,5 +36,4 @@ export interface TextProps {
   accessibilityHint?: string;
   accessibilityRole?: AccessibilityRole;
   nativeID?: string;
-  testID?: string;
 }

package/src/patterns/panel/Panel.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 
 import { Card } from '../../components/card';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { PanelProps } from './types';
 
-export function Panel(props: PanelProps) {
+function PanelInner({ themeId: _themeId, mode: _mode, ...props }: PanelProps) {
   return <Card {...props} />;
 }
+
+export const Panel = withZoraThemeScope(PanelInner);

package/src/patterns/panel/types.ts

@@ -1,8 +1,9 @@
 import type React from 'react';
 
 import type { ZoraCardTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export interface PanelProps {
+export interface PanelProps extends ZoraBaseProps {
   title?: React.ReactNode;
   description?: React.ReactNode;
   eyebrow?: React.ReactNode;
@@ -11,5 +12,4 @@ export interface PanelProps {
   children?: React.ReactNode;
   tone?: ZoraCardTone;
   compact?: boolean;
-  testID?: string;
 }