@ankhorage/zora 0.8.1 → 0.10.0

package/dist/components/text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA0BzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAgB,EAChB,IAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAc,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACP,EAAE,SAAS,4BAkCX"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiFzC,eAAO,MAAM,IAAI,qBAAgC,CAAC"}

package/dist/components/text/Text.js

@@ -2,6 +2,7 @@ import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';
 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';
 function resolveTextContent({ children, text, i18nKey, }) {
     if (children !== undefined) {
@@ -15,7 +16,7 @@ function resolveTextContent({ children, text, i18nKey, }) {
     }
     return i18nKey;
 }
-export function Text({ children, text, i18nKey, variant = 'body', tone = 'default', align, weight, italic = false, numberOfLines, ellipsizeMode, selectable, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, }) {
+function TextInner({ themeId: _themeId, mode: _mode, children, text, i18nKey, variant = 'body', tone = 'default', align, weight, italic = false, numberOfLines, ellipsizeMode, selectable, accessibilityLabel, accessibilityHint, accessibilityRole, nativeID, testID, }) {
     const { theme } = useZoraTheme();
     const { breakpoint } = useResponsiveRuntime();
     const content = resolveTextContent({ children, text, i18nKey });
@@ -36,4 +37,5 @@ export function Text({ children, text, i18nKey, variant = 'body', tone = 'defaul
       {content}
     </ReactNativeText>);
 }
+export const Text = withZoraThemeScope(TextInner);
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,GAKR;IACC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,GAAG,KAAK,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,kBAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC;IACzE,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACrC,KAAK;QACL,UAAU;QACV,OAAO,EAAE,eAAe;QACxB,IAAI;QACJ,KAAK;QACL,MAAM;QACN,MAAM;KACP,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,eAAe,CACd,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,aAAa,CAAC,CAErB;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { resolveTextStyle } from './resolveTextRecipe';\nimport type { TextProps } from './types';\n\nfunction resolveTextContent({\n  children,\n  text,\n  i18nKey,\n}: {\n  children: TextProps['children'];\n  text: TextProps['text'];\n  i18nKey: TextProps['i18nKey'];\n}): React.ReactNode {\n  if (children !== undefined) {\n    return children;\n  }\n\n  if (text !== undefined) {\n    return text;\n  }\n\n  if (!i18nKey) {\n    return null;\n  }\n\n  return i18nKey;\n}\n\nexport function Text({\n  children,\n  text,\n  i18nKey,\n  variant = 'body',\n  tone = 'default',\n  align,\n  weight,\n  italic = false,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n}: TextProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const content = resolveTextContent({ children, text, i18nKey });\n  const resolvedVariant = resolveResponsive(variant, breakpoint) ?? 'body';\n  const resolvedStyle = resolveTextStyle({\n    theme,\n    breakpoint,\n    variant: resolvedVariant,\n    tone,\n    align,\n    weight,\n    italic,\n  });\n\n  if (content === null || content === undefined) {\n    return null;\n  }\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={resolvedStyle}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,GAKR;IACC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,GAAG,KAAK,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,kBAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC;IACzE,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACrC,KAAK;QACL,UAAU;QACV,OAAO,EAAE,eAAe;QACxB,IAAI;QACJ,KAAK;QACL,MAAM;QACN,MAAM;KACP,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,eAAe,CACd,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,aAAa,CAAC,CAErB;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { resolveTextStyle } from './resolveTextRecipe';\nimport type { TextProps } from './types';\n\nfunction resolveTextContent({\n  children,\n  text,\n  i18nKey,\n}: {\n  children: TextProps['children'];\n  text: TextProps['text'];\n  i18nKey: TextProps['i18nKey'];\n}): React.ReactNode {\n  if (children !== undefined) {\n    return children;\n  }\n\n  if (text !== undefined) {\n    return text;\n  }\n\n  if (!i18nKey) {\n    return null;\n  }\n\n  return i18nKey;\n}\n\nfunction TextInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  variant = 'body',\n  tone = 'default',\n  align,\n  weight,\n  italic = false,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n}: TextProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const content = resolveTextContent({ children, text, i18nKey });\n  const resolvedVariant = resolveResponsive(variant, breakpoint) ?? 'body';\n  const resolvedStyle = resolveTextStyle({\n    theme,\n    breakpoint,\n    variant: resolvedVariant,\n    tone,\n    align,\n    weight,\n    italic,\n  });\n\n  if (content === null || content === undefined) {\n    return null;\n  }\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={resolvedStyle}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n\nexport const Text = withZoraThemeScope(TextInner);\n"]}

package/dist/components/text/types.d.ts

@@ -1,11 +1,12 @@
 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 = 'default' | 'muted' | 'subtle' | 'inverse' | 'primary' | 'danger' | 'success' | 'warning';
 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;
@@ -21,6 +22,5 @@ export interface TextProps {
     accessibilityHint?: string;
     accessibilityRole?: AccessibilityRole;
     nativeID?: string;
-    testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/text/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnG,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAE5D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnG,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAE5D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { type ZoraThemeOverride } from './createZoraTheme';
+import type { ZoraTheme, ZoraThemeMode } from './types';
 export interface ZoraProviderProps {
     children: React.ReactNode;
-    initialConfig?: ZoraThemeOverride;
-    initialMode?: 'light' | 'dark';
+    theme?: ZoraTheme;
+    initialMode?: ZoraThemeMode;
 }
-export declare function ZoraProvider({ children, initialConfig, initialMode, }: ZoraProviderProps): React.JSX.Element;
+export declare function ZoraProvider({ children, theme, initialMode, }: ZoraProviderProps): React.JSX.Element;
 //# sourceMappingURL=ZoraProvider.d.ts.map

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;AAE1B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,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,9 +1,14 @@
-import { ResponsiveProvider, ThemeProvider } from '@ankhorage/surface';
+import { ThemeProvider } from '@ankhorage/surface';
 import React from 'react';
-import { createZoraTheme } from './createZoraTheme';
-export function ZoraProvider({ children, initialConfig, initialMode = 'light', }) {
-    return (<ThemeProvider initialConfig={createZoraTheme(initialConfig)} initialMode={initialMode}>
-      <ResponsiveProvider>{children}</ResponsiveProvider>
-    </ThemeProvider>);
+import { createZoraThemeConfig } from './createZoraThemeConfig';
+import { zoraDefaultTheme } from './zoraDefaultTheme';
+import { ZoraThemeRuntimeContext } from './ZoraThemeRuntimeContext';
+export function ZoraProvider({ children, theme = zoraDefaultTheme, initialMode = 'light', }) {
+    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,eAAe,EAA0B,MAAM,mBAAmB,CAAC;AAQ5E,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,WAAW,GAAG,OAAO,GACH;IAClB,OAAO,CACL,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CACrF;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 { createZoraTheme, type ZoraThemeOverride } from './createZoraTheme';\n\nexport interface ZoraProviderProps {\n  children: React.ReactNode;\n  initialConfig?: ZoraThemeOverride;\n  initialMode?: 'light' | 'dark';\n}\n\nexport function ZoraProvider({\n  children,\n  initialConfig,\n  initialMode = 'light',\n}: ZoraProviderProps) {\n  return (\n    <ThemeProvider initialConfig={createZoraTheme(initialConfig)} 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/createZoraThemeConfig.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeConfig } from '@ankhorage/surface';
+import type { ZoraTheme } from './types';
+export declare function createZoraThemeConfig(theme?: ZoraTheme): ThemeConfig;
+//# sourceMappingURL=createZoraThemeConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createZoraThemeConfig.d.ts","sourceRoot":"","sources":["../../src/theme/createZoraThemeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,KAAK,EAAgB,SAAS,EAAiB,MAAM,SAAS,CAAC;AAStE,wBAAgB,qBAAqB,CAAC,KAAK,GAAE,SAA4B,GAAG,WAAW,CAetF"}

package/dist/theme/createZoraThemeConfig.js

@@ -0,0 +1,23 @@
+import { zoraDefaultTheme } from './zoraDefaultTheme';
+function resolveModePrimaryColor(primaryColor, _mode) {
+    // Intentionally conservative in Plan 1: mode-specific primary derivation
+    // (OKLCH/lightness scale, etc.) comes in later theme-engine work.
+    return primaryColor;
+}
+export function createZoraThemeConfig(theme = zoraDefaultTheme) {
+    return {
+        id: theme.id,
+        name: theme.name ?? theme.id,
+        light: {
+            primaryColor: resolveModePrimaryColor(theme.primaryColor, 'light'),
+            harmony: theme.harmony,
+            systemTone: theme.tone,
+        },
+        dark: {
+            primaryColor: resolveModePrimaryColor(theme.primaryColor, 'dark'),
+            harmony: theme.harmony,
+            systemTone: theme.tone,
+        },
+    };
+}
+//# sourceMappingURL=createZoraThemeConfig.js.map

package/dist/theme/createZoraThemeConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createZoraThemeConfig.js","sourceRoot":"","sources":["../../src/theme/createZoraThemeConfig.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,SAAS,uBAAuB,CAAC,YAA0B,EAAE,KAAoB;IAC/E,yEAAyE;IACzE,kEAAkE;IAClE,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,QAAmB,gBAAgB;IACvE,OAAO;QACL,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE;QAC5B,KAAK,EAAE;YACL,YAAY,EAAE,uBAAuB,CAAC,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC;YAClE,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,UAAU,EAAE,KAAK,CAAC,IAAI;SACvB;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,uBAAuB,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC;YACjE,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,UAAU,EAAE,KAAK,CAAC,IAAI;SACvB;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { ThemeConfig } from '@ankhorage/surface';\n\nimport type { ZoraHexColor, ZoraTheme, ZoraThemeMode } from './types';\nimport { zoraDefaultTheme } from './zoraDefaultTheme';\n\nfunction resolveModePrimaryColor(primaryColor: ZoraHexColor, _mode: ZoraThemeMode): ZoraHexColor {\n  // Intentionally conservative in Plan 1: mode-specific primary derivation\n  // (OKLCH/lightness scale, etc.) comes in later theme-engine work.\n  return primaryColor;\n}\n\nexport function createZoraThemeConfig(theme: ZoraTheme = zoraDefaultTheme): ThemeConfig {\n  return {\n    id: theme.id,\n    name: theme.name ?? theme.id,\n    light: {\n      primaryColor: resolveModePrimaryColor(theme.primaryColor, 'light'),\n      harmony: theme.harmony,\n      systemTone: theme.tone,\n    },\n    dark: {\n      primaryColor: resolveModePrimaryColor(theme.primaryColor, 'dark'),\n      harmony: theme.harmony,\n      systemTone: theme.tone,\n    },\n  };\n}\n"]}

package/dist/theme/index.d.ts

@@ -1,7 +1,11 @@
-export type { ZoraThemeOverride } from './createZoraTheme';
-export { createZoraTheme } from './createZoraTheme';
+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 { zoraTheme } from './zoraTheme';
+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,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,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 { createZoraTheme } from './createZoraTheme';
+export { createZoraThemeConfig } from './createZoraThemeConfig';
 export { useZoraTheme } from './useZoraTheme';
+export { withZoraThemeScope } from './withZoraThemeScope';
+export { zoraDefaultTheme } from './zoraDefaultTheme';
 export { ZoraProvider } from './ZoraProvider';
-export { zoraTheme } from './zoraTheme';
+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":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export type { ZoraThemeOverride } from './createZoraTheme';\nexport { createZoraTheme } from './createZoraTheme';\nexport { useZoraTheme } from './useZoraTheme';\nexport type { ZoraProviderProps } from './ZoraProvider';\nexport { ZoraProvider } from './ZoraProvider';\nexport { zoraTheme } from './zoraTheme';\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/types.d.ts

@@ -0,0 +1,21 @@
+import type { ThemeConfig } from '@ankhorage/surface';
+export type ZoraThemeId = string;
+export type ZoraThemeMode = 'light' | 'dark';
+export type ZoraHexColor = `#${string}`;
+export type ZoraColorHarmony = 'monochromatic' | 'analogous' | 'complementary' | 'splitComplementary' | 'triadic' | 'tetradic';
+export type ZoraColorTone = 'neutral' | 'pastel' | 'earth' | 'jewel' | 'fluorescent';
+export interface ZoraTheme {
+    id: ZoraThemeId;
+    name?: string;
+    primaryColor: ZoraHexColor;
+    harmony: ZoraColorHarmony;
+    tone: ZoraColorTone;
+}
+export interface ZoraComputedTheme {
+    id: ZoraThemeId;
+    name: string;
+    mode: ZoraThemeMode;
+    source: ZoraTheme;
+    surfaceConfig: ThemeConfig;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,MAAM,EAAE,CAAC;AAExC,MAAM,MAAM,gBAAgB,GACxB,eAAe,GACf,WAAW,GACX,eAAe,GACf,oBAAoB,GACpB,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAErF,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,WAAW,CAAC;CAC5B"}

package/dist/theme/types.js

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

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ThemeConfig } from '@ankhorage/surface';\n\nexport type ZoraThemeId = string;\n\nexport type ZoraThemeMode = 'light' | 'dark';\n\nexport type ZoraHexColor = `#${string}`;\n\nexport type ZoraColorHarmony =\n  | 'monochromatic'\n  | 'analogous'\n  | 'complementary'\n  | 'splitComplementary'\n  | 'triadic'\n  | 'tetradic';\n\nexport type ZoraColorTone = 'neutral' | 'pastel' | 'earth' | 'jewel' | 'fluorescent';\n\nexport interface ZoraTheme {\n  id: ZoraThemeId;\n  name?: string;\n  primaryColor: ZoraHexColor;\n  harmony: ZoraColorHarmony;\n  tone: ZoraColorTone;\n}\n\nexport interface ZoraComputedTheme {\n  id: ZoraThemeId;\n  name: string;\n  mode: ZoraThemeMode;\n  source: ZoraTheme;\n  surfaceConfig: ThemeConfig;\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/dist/theme/zoraDefaultTheme.d.ts

@@ -0,0 +1,3 @@
+import type { ZoraTheme } from './types';
+export declare const zoraDefaultTheme: ZoraTheme;
+//# sourceMappingURL=zoraDefaultTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zoraDefaultTheme.d.ts","sourceRoot":"","sources":["../../src/theme/zoraDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,gBAAgB,EAAE,SAM9B,CAAC"}

package/dist/theme/zoraDefaultTheme.js

@@ -0,0 +1,8 @@
+export const zoraDefaultTheme = {
+    id: 'zora',
+    name: 'ZORA',
+    primaryColor: '#0f766e',
+    harmony: 'analogous',
+    tone: 'jewel',
+};
+//# sourceMappingURL=zoraDefaultTheme.js.map

package/dist/theme/zoraDefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoraDefaultTheme.js","sourceRoot":"","sources":["../../src/theme/zoraDefaultTheme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,OAAO;CACd,CAAC","sourcesContent":["import type { ZoraTheme } from './types';\n\nexport const zoraDefaultTheme: ZoraTheme = {\n  id: 'zora',\n  name: 'ZORA',\n  primaryColor: '#0f766e',\n  harmony: 'analogous',\n  tone: 'jewel',\n};\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "0.8.1",
+  "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);