@jaw.id/ui 0.1.9 → 0.1.10

package/dist/index.js

@@ -1,4 +1,4 @@
-import { h as s, j as o, C as n, k as c, m as t, n as i, D as l, o as r, p as T, E as I, q as D, r as g, F as d, t as C, G as h, L as A, O as E, u as k, P as m, v as P, R as S, S as u, w as p, T as _, U, x as L, W as R, y, z as F, A as O, I as f, J as v, K as x, M as G, N as M, Q as N, V as B, X as K, Y as b, Z as w, _ as H, $ as J, a0 as W, a1 as j, a2 as q, a3 as z, a4 as Q } from "./index-Bj8-z_bB.js";
+import { h as s, j as o, C as n, k as c, m as t, n as i, D as l, o as r, p as T, E as I, q as D, r as g, F as d, t as C, G as h, L as A, O as E, u as k, P as m, v as P, R as S, S as u, w as p, T as _, U, x as L, W as R, y, z as F, A as O, I as f, J as v, K as x, M as G, N as M, Q as N, V as B, X as K, Y as b, Z as w, _ as H, $ as J, a0 as W, a1 as j, a2 as q, a3 as z, a4 as Q } from "./index-DYd0y78X.js";
 export {
   s as BORDER_RADIUS_MAP,
   o as BadgeDollarIcon,

package/dist/react/ReactUIHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactUIHandler.d.ts","sourceRoot":"","sources":["../../src/react/ReactUIHandler.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,UAAU,EA0BX,MAAM,cAAc,CAAC;AA2BtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6H7C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,cAAe,YAAW,SAAS;IAC9C,OAAO,CAAC,MAAM,CAA0C;IACxD,OAAO,CAAC,UAAU,CAAC,CAAW;gBAElB,OAAO,CAAC,EAAE,qBAAqB;IAI3C;;;OAGG;IACH,IAAI,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAInC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAI/B,8DAA8D;IAC9D,OAAO,KAAK,cAAc,GAIzB;IAEK,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAgGtE,SAAS,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO;IAahC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAU9B,OAAO,CAAC,YAAY;CAgNrB"}
+{"version":3,"file":"ReactUIHandler.d.ts","sourceRoot":"","sources":["../../src/react/ReactUIHandler.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,UAAU,EA0BX,MAAM,cAAc,CAAC;AAqBtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA2G7C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,cAAe,YAAW,SAAS;IAC9C,OAAO,CAAC,MAAM,CAA0C;IACxD,OAAO,CAAC,UAAU,CAAC,CAAW;gBAElB,OAAO,CAAC,EAAE,qBAAqB;IAI3C;;;OAGG;IACH,IAAI,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAInC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAI/B,8DAA8D;IAC9D,OAAO,KAAK,cAAc,GAIzB;IAEK,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IA6FtE,SAAS,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO;IAahC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAU9B,OAAO,CAAC,YAAY;CAmMrB"}

package/dist/theme/apply-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-theme.d.ts","sourceRoot":"","sources":["../../src/theme/apply-theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmCnD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,aAAa,GACtB,IAAI,CAkCN"}
+{"version":3,"file":"apply-theme.d.ts","sourceRoot":"","sources":["../../src/theme/apply-theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmCnD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAkC3F"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/theme/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA2B/D,CAAC;AAML,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA2B9D,CAAC;AAML,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAKpE,CAAC;AAML,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAO9D,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/theme/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA0BjE,CAAC;AAMH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA0BhE,CAAC;AAMH,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAItE,CAAC;AAMH,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAKhE,CAAC"}

package/dist/theme/index.d.ts

@@ -5,7 +5,7 @@
  */
 export { hexToOklch, oklchToString, deriveAccentPalette } from './palette.js';
 export type { Oklch } from './palette.js';
-export { DEFAULT_LIGHT_PALETTE, DEFAULT_DARK_PALETTE, BORDER_RADIUS_MAP, FONT_STACK_MAP, } from './constants.js';
+export { DEFAULT_LIGHT_PALETTE, DEFAULT_DARK_PALETTE, BORDER_RADIUS_MAP, FONT_STACK_MAP } from './constants.js';
 export { resolveTheme } from './resolve-theme.js';
 export type { ResolvedTheme } from './resolve-theme.js';
 export { applyThemeToContainer } from './apply-theme.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC9E,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC9E,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhH,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/theme/palette.d.ts

@@ -23,5 +23,5 @@ export declare function oklchToString(oklch: Oklch): string;
  * Sets `--jaw-color-primary` (buttons, key actions) and related tokens.
  * In dark mode, slightly lightens the accent for better visibility on dark backgrounds.
  */
-export declare function deriveAccentPalette(accentHex: string, effectiveMode: "light" | "dark", accentColorForeground?: string): Readonly<Record<string, string>>;
+export declare function deriveAccentPalette(accentHex: string, effectiveMode: 'light' | 'dark', accentColorForeground?: string): Readonly<Record<string, string>>;
 //# sourceMappingURL=palette.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB;AAiFD;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAQ7C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAKlD;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,OAAO,GAAG,MAAM,EAC/B,qBAAqB,CAAC,EAAE,MAAM,GAC7B,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAyClC"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB;AAgED;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAQ7C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAKlD;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,OAAO,GAAG,MAAM,EAC/B,qBAAqB,CAAC,EAAE,MAAM,GAC7B,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAwClC"}

package/dist/theme/resolve-theme.d.ts

@@ -1,7 +1,7 @@
 import { JawTheme } from '../../../core/src/index.ts';
 export interface ResolvedTheme {
     readonly variables: Readonly<Record<string, string>>;
-    readonly colorScheme: "light" | "dark";
+    readonly colorScheme: 'light' | 'dark';
 }
 /**
  * Resolve a `JawTheme` configuration into a flat set of CSS variables.
@@ -13,5 +13,5 @@ export interface ResolvedTheme {
  * 4. Border radius & font stack presets
  * 5. Raw `cssVariables` (Layer 2 user overrides)
  */
-export declare function resolveTheme(theme: JawTheme, systemMode: "light" | "dark"): ResolvedTheme;
+export declare function resolveTheme(theme: JawTheme, systemMode: 'light' | 'dark'): ResolvedTheme;
 //# sourceMappingURL=resolve-theme.d.ts.map

package/dist/theme/resolve-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-theme.d.ts","sourceRoot":"","sources":["../../src/theme/resolve-theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE,OAAO,GAAG,MAAM,GAC3B,aAAa,CAwDf"}
+{"version":3,"file":"resolve-theme.d.ts","sourceRoot":"","sources":["../../src/theme/resolve-theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CA+CzF"}

package/dist/theme/use-color-scheme.d.ts

@@ -1,20 +1,39 @@
 /**
  * Color scheme detection utilities.
  *
- * Provides both a React hook and a plain function for detecting
- * the user's system color scheme preference.
+ * Provides both a React hook and a plain function for detecting the
+ * effective color scheme for SDK dialogs.
+ *
+ * Resolution order (host app's class wins):
+ *   1. `<html class="dark">` → dark (explicit, overrides OS)
+ *   2. `<html class="light">` → light (explicit, overrides OS)
+ *   3. `matchMedia('(prefers-color-scheme: dark)')` → OS preference
+ *
+ * The dual-class check is critical: if a host app uses next-themes
+ * with `value={{ light: 'light', dark: 'dark' }}`, an "absent dark
+ * class" doesn't unambiguously mean "light" — it could mean "system".
+ * Reading both classes lets the SDK distinguish explicit user choice
+ * from system fallback.
+ *
+ * The hook reactively updates when EITHER signal changes:
+ *   - matchMedia change event (OS preference)
+ *   - MutationObserver on <html class> (host app toggles theme class)
  */
 /**
- * Get the current system color scheme (SSR-safe).
- * Returns `'light'` when `window` is not available.
+ * Get the current effective color scheme (SSR-safe).
+ *
+ * Checks the host app's `dark`/`light` class on `<html>` first; if neither
+ * is present, falls back to the OS `prefers-color-scheme`. Returns `'light'`
+ * when `window` is undefined.
  */
 export declare function getSystemColorScheme(): 'light' | 'dark';
 /**
- * React hook that tracks the system color scheme preference.
+ * React hook that tracks the effective color scheme.
  *
  * - SSR-safe: defaults to `'light'` during server rendering
- * - Subscribes to `matchMedia` change events
- * - Cleans up listener on unmount
+ * - Subscribes to BOTH `matchMedia` change events (OS) and a
+ *   MutationObserver on `<html>` (host app's theme class)
+ * - Cleans up both listeners on unmount
  */
 export declare function useColorScheme(): 'light' | 'dark';
 //# sourceMappingURL=use-color-scheme.d.ts.map

package/dist/theme/use-color-scheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-color-scheme.d.ts","sourceRoot":"","sources":["../../src/theme/use-color-scheme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,GAAG,MAAM,CAGvD;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,OAAO,GAAG,MAAM,CAoBjD"}
+{"version":3,"file":"use-color-scheme.d.ts","sourceRoot":"","sources":["../../src/theme/use-color-scheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH;;;;;;GAMG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,GAAG,MAAM,CAQvD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,IAAI,OAAO,GAAG,MAAM,CA+BjD"}

package/dist/utils/tokenBalance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenBalance.d.ts","sourceRoot":"","sources":["../../src/utils/tokenBalance.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAE3D;AAED;;;GAGG;AACH,wBAAsB,iBAAiB,CACrC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,MAAM,CAAC,CAiBjB"}
+{"version":3,"file":"tokenBalance.d.ts","sourceRoot":"","sources":["../../src/utils/tokenBalance.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAE3D;AAED;;;GAGG;AACH,wBAAsB,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAiBpH"}

package/dist/utils/tokenPrice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenPrice.d.ts","sourceRoot":"","sources":["../../src/utils/tokenPrice.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,wBAAsB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAoCrE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}
+{"version":3,"file":"tokenPrice.d.ts","sourceRoot":"","sources":["../../src/utils/tokenPrice.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,wBAAsB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAkCrE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jaw.id/ui",
   "description": "Pre-built React dialogs for JAW.id",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "sideEffects": [
     "**/*.css",