@ankhorage/zora 0.8.1 → 0.10.0

package/src/theme/types.ts

@@ -0,0 +1,33 @@
+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;
+}

package/src/theme/withZoraThemeScope.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+import type { ZoraBaseProps } from './ZoraBaseProps';
+import { ZoraThemeScope } from './ZoraThemeScope';
+
+export function withZoraThemeScope<P extends ZoraBaseProps>(
+  Component: React.ComponentType<P>,
+): React.FC<P> {
+  const Wrapped: React.FC<P> = (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;
+}

package/src/theme/zoraDefaultTheme.ts

@@ -0,0 +1,9 @@
+import type { ZoraTheme } from './types';
+
+export const zoraDefaultTheme: ZoraTheme = {
+  id: 'zora',
+  name: 'ZORA',
+  primaryColor: '#0f766e',
+  harmony: 'analogous',
+  tone: 'jewel',
+};

package/dist/internal/deepMerge.d.ts

@@ -1,2 +0,0 @@
-export declare function deepMerge<T extends object>(target: T, source: Partial<T>): T;
-//# sourceMappingURL=deepMerge.d.ts.map

package/dist/internal/deepMerge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../src/internal/deepMerge.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAsB5E"}

package/dist/internal/deepMerge.js

@@ -1,20 +0,0 @@
-export function deepMerge(target, source) {
-    const result = { ...target };
-    Object.keys(source).forEach((key) => {
-        const sourceValue = source[key];
-        const targetValue = target[key];
-        if (sourceValue &&
-            typeof sourceValue === 'object' &&
-            !Array.isArray(sourceValue) &&
-            targetValue &&
-            typeof targetValue === 'object' &&
-            !Array.isArray(targetValue)) {
-            result[key] = deepMerge(targetValue, sourceValue);
-        }
-        else if (sourceValue !== undefined) {
-            result[key] = sourceValue;
-        }
-    });
-    return result;
-}
-//# sourceMappingURL=deepMerge.js.map

package/dist/internal/deepMerge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deepMerge.js","sourceRoot":"","sources":["../../src/internal/deepMerge.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAmB,MAAS,EAAE,MAAkB;IACvE,MAAM,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAEhC,IACE,WAAW;YACX,OAAO,WAAW,KAAK,QAAQ;YAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YAC3B,WAAW;YACX,OAAO,WAAW,KAAK,QAAQ;YAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAC3B,CAAC;YACD,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,WAAqB,EAAE,WAAqB,CAAe,CAAC;QACtF,CAAC;aAAM,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YACrC,MAAM,CAAC,GAAG,CAAC,GAAG,WAAyB,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["export function deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  const result = { ...target };\n\n  (Object.keys(source) as (keyof T)[]).forEach((key) => {\n    const sourceValue = source[key];\n    const targetValue = target[key];\n\n    if (\n      sourceValue &&\n      typeof sourceValue === 'object' &&\n      !Array.isArray(sourceValue) &&\n      targetValue &&\n      typeof targetValue === 'object' &&\n      !Array.isArray(targetValue)\n    ) {\n      result[key] = deepMerge(targetValue as object, sourceValue as object) as T[keyof T];\n    } else if (sourceValue !== undefined) {\n      result[key] = sourceValue as T[keyof T];\n    }\n  });\n\n  return result;\n}\n"]}

package/dist/theme/createZoraTheme.d.ts

@@ -1,4 +0,0 @@
-import type { ThemeConfig } from '@ankhorage/surface';
-export type ZoraThemeOverride = Partial<ThemeConfig>;
-export declare function createZoraTheme(overrides?: ZoraThemeOverride): ThemeConfig;
-//# sourceMappingURL=createZoraTheme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createZoraTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createZoraTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAErD,wBAAgB,eAAe,CAAC,SAAS,GAAE,iBAAsB,GAAG,WAAW,CAE9E"}

package/dist/theme/createZoraTheme.js

@@ -1,6 +0,0 @@
-import { deepMerge } from '../internal/deepMerge';
-import { zoraTheme } from './zoraTheme';
-export function createZoraTheme(overrides = {}) {
-    return deepMerge(zoraTheme, overrides);
-}
-//# sourceMappingURL=createZoraTheme.js.map

package/dist/theme/createZoraTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createZoraTheme.js","sourceRoot":"","sources":["../../src/theme/createZoraTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,UAAU,eAAe,CAAC,YAA+B,EAAE;IAC/D,OAAO,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import type { ThemeConfig } from '@ankhorage/surface';\n\nimport { deepMerge } from '../internal/deepMerge';\nimport { zoraTheme } from './zoraTheme';\n\nexport type ZoraThemeOverride = Partial<ThemeConfig>;\n\nexport function createZoraTheme(overrides: ZoraThemeOverride = {}): ThemeConfig {\n  return deepMerge(zoraTheme, overrides);\n}\n"]}

package/dist/theme/zoraTheme.d.ts

@@ -1,3 +0,0 @@
-import type { ThemeConfig } from '@ankhorage/surface';
-export declare const zoraTheme: ThemeConfig;
-//# sourceMappingURL=zoraTheme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"zoraTheme.d.ts","sourceRoot":"","sources":["../../src/theme/zoraTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,SAAS,EAAE,WAavB,CAAC"}

package/dist/theme/zoraTheme.js

@@ -1,15 +0,0 @@
-export const zoraTheme = {
-    id: 'zora',
-    name: 'ZORA',
-    light: {
-        primaryColor: '#0f766e',
-        harmony: 'analogous',
-        systemTone: 'jewel',
-    },
-    dark: {
-        primaryColor: '#2dd4bf',
-        harmony: 'analogous',
-        systemTone: 'jewel',
-    },
-};
-//# sourceMappingURL=zoraTheme.js.map

package/dist/theme/zoraTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"zoraTheme.js","sourceRoot":"","sources":["../../src/theme/zoraTheme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,OAAO;KACpB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,OAAO;KACpB;CACF,CAAC","sourcesContent":["import type { ThemeConfig } from '@ankhorage/surface';\n\nexport const zoraTheme: ThemeConfig = {\n  id: 'zora',\n  name: 'ZORA',\n  light: {\n    primaryColor: '#0f766e',\n    harmony: 'analogous',\n    systemTone: 'jewel',\n  },\n  dark: {\n    primaryColor: '#2dd4bf',\n    harmony: 'analogous',\n    systemTone: 'jewel',\n  },\n};\n"]}

package/src/internal/deepMerge.ts

@@ -1,23 +0,0 @@
-export function deepMerge<T extends object>(target: T, source: Partial<T>): T {
-  const result = { ...target };
-
-  (Object.keys(source) as (keyof T)[]).forEach((key) => {
-    const sourceValue = source[key];
-    const targetValue = target[key];
-
-    if (
-      sourceValue &&
-      typeof sourceValue === 'object' &&
-      !Array.isArray(sourceValue) &&
-      targetValue &&
-      typeof targetValue === 'object' &&
-      !Array.isArray(targetValue)
-    ) {
-      result[key] = deepMerge(targetValue as object, sourceValue as object) as T[keyof T];
-    } else if (sourceValue !== undefined) {
-      result[key] = sourceValue as T[keyof T];
-    }
-  });
-
-  return result;
-}

package/src/theme/createZoraTheme.test.ts

@@ -1,25 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-
-import { createZoraTheme } from './createZoraTheme';
-
-describe('createZoraTheme', () => {
-  test('keeps the default preset stable', () => {
-    const theme = createZoraTheme();
-
-    expect(theme.id).toBe('zora');
-    expect(theme.light.primaryColor).toBe('#0f766e');
-    expect(theme.dark.primaryColor).toBe('#2dd4bf');
-  });
-
-  test('merges overrides without dropping the preset identity', () => {
-    const theme = createZoraTheme({
-      light: {
-        primaryColor: '#1d4ed8',
-      },
-    });
-
-    expect(theme.id).toBe('zora');
-    expect(theme.light.primaryColor).toBe('#1d4ed8');
-    expect(theme.dark.primaryColor).toBe('#2dd4bf');
-  });
-});

package/src/theme/createZoraTheme.ts

@@ -1,10 +0,0 @@
-import type { ThemeConfig } from '@ankhorage/surface';
-
-import { deepMerge } from '../internal/deepMerge';
-import { zoraTheme } from './zoraTheme';
-
-export type ZoraThemeOverride = Partial<ThemeConfig>;
-
-export function createZoraTheme(overrides: ZoraThemeOverride = {}): ThemeConfig {
-  return deepMerge(zoraTheme, overrides);
-}

package/src/theme/zoraTheme.ts

@@ -1,16 +0,0 @@
-import type { ThemeConfig } from '@ankhorage/surface';
-
-export const zoraTheme: ThemeConfig = {
-  id: 'zora',
-  name: 'ZORA',
-  light: {
-    primaryColor: '#0f766e',
-    harmony: 'analogous',
-    systemTone: 'jewel',
-  },
-  dark: {
-    primaryColor: '#2dd4bf',
-    harmony: 'analogous',
-    systemTone: 'jewel',
-  },
-};