pixelize-native-library 1.0.6

package/lib/module/theme/provider/colorModeStorage.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { themeNames } from "../tokens/brands/index.js";
+
+/**
+ * The user-facing colour-mode selection. `system` follows the OS; `light`/`dark` pin it.
+ * `ColorScheme` (`'light' | 'dark'`) is the RESOLVED value a palette is picked by.
+ */
+
+export const DEFAULT_STORAGE_NAMESPACE = 'pixelize-native-library.mode';
+/** Separate key from mode's, not a combined JSON blob — each adapter slot stays a plain string. */
+export const DEFAULT_BRAND_STORAGE_NAMESPACE = 'pixelize-native-library.brand';
+const VALID_MODES = ['light', 'dark', 'system'];
+
+/**
+ * A stored value is untrusted (stale or hand-edited), so it is validated before it can drive the
+ * provider — an unrecognised string is ignored, never coerced.
+ */
+export function isThemeMode(value) {
+  return typeof value === 'string' && VALID_MODES.includes(value);
+}
+
+/** Same untrusted-input discipline as `isThemeMode`, checked against the live brand roster so a
+ * newly retired/renamed brand can never slip through as a stale stored value. */
+export function isThemeName(value) {
+  return typeof value === 'string' && themeNames.includes(value);
+}
+
+/**
+ * Persistence seam. Sync OR async — the async shape lets `@react-native-async-storage/async-storage`
+ * slot in unchanged, while a synchronous adapter (memory, MMKV) also satisfies it.
+ */
+
+/**
+ * The minimal slice of `@react-native-async-storage/async-storage` the adapter needs. Declared here
+ * so this library NEVER imports that package — the consumer passes their own installed instance in,
+ * which is why it stays an optional peer and Metro never has to resolve it from our code.
+ */
+
+/**
+ * Wrap a consumer-supplied AsyncStorage into the storage adapter:
+ *
+ *   import AsyncStorage from '@react-native-async-storage/async-storage';
+ *   <PixelizeProvider storage={createAsyncStorageAdapter(AsyncStorage)}>
+ */
+export function createAsyncStorageAdapter(asyncStorage) {
+  return {
+    getItem: key => asyncStorage.getItem(key),
+    setItem: (key, value) => asyncStorage.setItem(key, value)
+  };
+}
+
+// Process-lifetime fallback. A module-level map so an explicit choice survives a remount within a
+// running session (a switcher keeps its selection) — but not a cold restart, which is exactly why
+// the provider warns in dev when it lands here instead of a real adapter.
+const memoryStore = new Map();
+export const memoryStorageAdapter = {
+  getItem: key => memoryStore.get(key) ?? null,
+  setItem: (key, value) => {
+    memoryStore.set(key, value);
+  }
+};
+//# sourceMappingURL=colorModeStorage.js.map

package/lib/module/theme/provider/colorModeStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["themeNames","DEFAULT_STORAGE_NAMESPACE","DEFAULT_BRAND_STORAGE_NAMESPACE","VALID_MODES","isThemeMode","value","includes","isThemeName","createAsyncStorageAdapter","asyncStorage","getItem","key","setItem","memoryStore","Map","memoryStorageAdapter","get","set"],"sourceRoot":"../../../../src","sources":["theme/provider/colorModeStorage.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,2BAAkB;;AAG7C;AACA;AACA;AACA;;AAGA,OAAO,MAAMC,yBAAyB,GAAG,8BAA8B;AACvE;AACA,OAAO,MAAMC,+BAA+B,GAAG,+BAA+B;AAE9E,MAAMC,WAAiC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC;;AAErE;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACC,KAAc,EAAsB;EAC9D,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAKF,WAAW,CAAuBG,QAAQ,CAACD,KAAK,CAAC;AACxF;;AAEA;AACA;AACA,OAAO,SAASE,WAAWA,CAACF,KAAc,EAAsB;EAC9D,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAKL,UAAU,CAAuBM,QAAQ,CAACD,KAAK,CAAC;AACvF;;AAEA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,yBAAyBA,CAACC,YAA8B,EAA2B;EACjG,OAAO;IACLC,OAAO,EAAGC,GAAG,IAAKF,YAAY,CAACC,OAAO,CAACC,GAAG,CAAC;IAC3CC,OAAO,EAAEA,CAACD,GAAG,EAAEN,KAAK,KAAKI,YAAY,CAACG,OAAO,CAACD,GAAG,EAAEN,KAAK;EAC1D,CAAC;AACH;;AAEA;AACA;AACA;AACA,MAAMQ,WAAW,GAAG,IAAIC,GAAG,CAAiB,CAAC;AAE7C,OAAO,MAAMC,oBAA6C,GAAG;EAC3DL,OAAO,EAAGC,GAAG,IAAKE,WAAW,CAACG,GAAG,CAACL,GAAG,CAAC,IAAI,IAAI;EAC9CC,OAAO,EAAEA,CAACD,GAAG,EAAEN,KAAK,KAAK;IACvBQ,WAAW,CAACI,GAAG,CAACN,GAAG,EAAEN,KAAK,CAAC;EAC7B;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/provider/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { PixelizeProvider } from "./PixelizeProvider.js";
+export { useTheme } from "./useTheme.js";
+export { useThemeColors } from "./useThemeColors.js";
+export { useThemeMode } from "./useThemeMode.js";
+export { createAsyncStorageAdapter, memoryStorageAdapter, isThemeMode, isThemeName, DEFAULT_STORAGE_NAMESPACE, DEFAULT_BRAND_STORAGE_NAMESPACE } from "./colorModeStorage.js";
+//# sourceMappingURL=index.js.map

package/lib/module/theme/provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PixelizeProvider","useTheme","useThemeColors","useThemeMode","createAsyncStorageAdapter","memoryStorageAdapter","isThemeMode","isThemeName","DEFAULT_STORAGE_NAMESPACE","DEFAULT_BRAND_STORAGE_NAMESPACE"],"sourceRoot":"../../../../src","sources":["theme/provider/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AAGrD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SACEC,yBAAyB,EACzBC,oBAAoB,EACpBC,WAAW,EACXC,WAAW,EACXC,yBAAyB,EACzBC,+BAA+B,QAC1B,uBAAoB","ignoreList":[]}

package/lib/module/theme/provider/useTheme.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useContext } from 'react';
+import { ThemeContext } from "./PixelizeProvider.js";
+/** The full resolved theme: role colours, the numeric scale, and platform-rendered elevation/fonts. */
+export function useTheme() {
+  const theme = useContext(ThemeContext);
+  if (!theme) {
+    throw new Error('useTheme must be used inside <PixelizeProvider>. Wrap your app in ' + "<PixelizeProvider> from 'pixelize-native-library/theme'.");
+  }
+  return theme;
+}
+//# sourceMappingURL=useTheme.js.map

package/lib/module/theme/provider/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ThemeContext","useTheme","theme","Error"],"sourceRoot":"../../../../src","sources":["theme/provider/useTheme.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY,QAAQ,uBAAoB;AAGjD;AACA,OAAO,SAASC,QAAQA,CAAA,EAAU;EAChC,MAAMC,KAAK,GAAGH,UAAU,CAACC,YAAY,CAAC;EACtC,IAAI,CAACE,KAAK,EAAE;IACV,MAAM,IAAIC,KAAK,CACb,oEAAoE,GAClE,0DACJ,CAAC;EACH;EACA,OAAOD,KAAK;AACd","ignoreList":[]}

package/lib/module/theme/provider/useThemeColors.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useTheme } from "./useTheme.js";
+/**
+ * Resolved role colours as plain strings — the escape hatch that matters on RN. Feed these to the
+ * many APIs that accept no token object and no style prop: `placeholderTextColor`, `android_ripple`,
+ * SVG `fill`, React Navigation chrome, the splash background. This is what lets an app delete its
+ * hand-maintained `navColors.ts` and adapt every colour site to dark mode from one source.
+ */
+export function useThemeColors() {
+  return useTheme().colors;
+}
+//# sourceMappingURL=useThemeColors.js.map

package/lib/module/theme/provider/useThemeColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","useThemeColors","colors"],"sourceRoot":"../../../../src","sources":["theme/provider/useThemeColors.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY;AAGrC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAA,EAAe;EAC3C,OAAOD,QAAQ,CAAC,CAAC,CAACE,MAAM;AAC1B","ignoreList":[]}

package/lib/module/theme/provider/useThemeMode.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useContext } from 'react';
+import { ThemeModeContext } from "./PixelizeProvider.js";
+/** `{ mode, resolvedMode, setMode }` for a theme switcher. Reads the light mode-control context. */
+export function useThemeMode() {
+  const value = useContext(ThemeModeContext);
+  if (!value) {
+    throw new Error('useThemeMode must be used inside <PixelizeProvider>. Wrap your app in ' + "<PixelizeProvider> from 'pixelize-native-library/theme'.");
+  }
+  return value;
+}
+//# sourceMappingURL=useThemeMode.js.map

package/lib/module/theme/provider/useThemeMode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ThemeModeContext","useThemeMode","value","Error"],"sourceRoot":"../../../../src","sources":["theme/provider/useThemeMode.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,uBAAoB;AAGrD;AACA,OAAO,SAASC,YAAYA,CAAA,EAAmB;EAC7C,MAAMC,KAAK,GAAGH,UAAU,CAACC,gBAAgB,CAAC;EAC1C,IAAI,CAACE,KAAK,EAAE;IACV,MAAM,IAAIC,KAAK,CACb,wEAAwE,GACtE,0DACJ,CAAC;EACH;EACA,OAAOD,KAAK;AACd","ignoreList":[]}

package/lib/module/theme/tokens/MODULE.md

@@ -0,0 +1,102 @@
+# tokens/ — the copy-paste zone
+
+The portable core of the design system, **byte-identical with web's `src/Theme/tokens/`** and
+hash-gated by `.tokens.sha256`. The folder layout mirrors web exactly, so the gate can compare
+like-for-like: `types.ts`, `index.ts`, `primitives/`, `brands/`, `builders/`, `roles/`.
+
+## Purity contract (lint + `__tests__/purity.test.ts` enforce it)
+
+Nothing under `tokens/` may contain:
+
+- **a unit or CSS string** — no `"1rem"`, `"2px"`, `rgba(…)`, box-shadow strings. Numbers only:
+  `space[4]` is `16`, never `"16px"`.
+- **an import from `platform/`** (or `react-native`). This folder is plain data + pure functions.
+
+The one subtlety a hex is allowed: `#rrggbb` / `#rrggbbaa` are values, not units — they parse the
+same on web and RN, so translucency uses 8-digit hex.
+
+**Never edit `tokens/` to fix a mobile problem.** If a token is wrong it is wrong on web too — fix
+it on web and re-copy. (Known live example: `brands/slate/palette.light.ts` `table.hover[500]`
+carries a Cyrillic homoglyph copied verbatim from web; it is fixed upstream, not here. No builder
+reads it, so no palette is affected.)
+
+**2026-07-18 — `zinc` dark primary corrected to shadcn's real value.** `PRIMARY_500` in
+`brands/zinc/palette.dark.ts` was `#fafafa` (an approximated "near-white"); verified against
+shadcn's live zinc theme registry and corrected to `#e4e4e7` — shadcn's actual dark `--primary`
+(`#fafafa` is shadcn's `--foreground`, a different token). `gradient.from` now references the
+`PRIMARY_500` constant instead of duplicating the literal, so it can't drift again. Both light
+mode's primary (`#18181b`, already an exact match) and every other zinc role were checked against
+the same registry and left unchanged — see `micro-components/.cursor/modules/theme/MODULE.md` for
+the full verification notes (web is the source of truth for token values).
+
+## Brand roster
+
+`brands/` ships 9 identities: `zinc` (mobile-only default, the shadcn look), plus 8 mirroring web —
+`lavender`, `meadow`, `radiant`, `skyline`, `slate`, `emerald`, `rosewood`, `storefront`. Each is a
+`palette.light.ts` (usually `...basePalette` spread + brand overrides — see `emerald`/`storefront` for
+the pattern) and a `palette.dark.ts` (`buildDarkPalette(light)`, no bespoke override unless the brand
+needs one like `zinc`). Add a brand by dropping in both files and registering it in `brands/index.ts`
++ the `ThemeName` union in `types.ts` — the `it.each(themeNames)` test sweeps pick it up automatically.
+
+## Copied vs not
+
+| Path | Copied to/from web? |
+|------|---------------------|
+| `tokens/**` (this folder) | **Yes** — the hash gate keeps it identical |
+| `platform/**` | **Never** — one file per platform, identical export *names*, RN implementations |
+
+`platform/` is where numbers become styles: DP conversion, `StyleSheet.hairlineWidth`, and the
+iOS/Android shadow split. A component imports resolved values from the theme, never from `tokens/`
+math directly.
+
+## The `.tokens.sha256` gate
+
+CI hashes the contents of `tokens/` and compares against `.tokens.sha256`. A mismatch means web and
+mobile diverged: either an intended change was made on one side (re-copy + regenerate the hash) or an
+accidental edit slipped in (revert it). Because the gate hashes the whole subtree, the **folder shape
+must match web** — a differently-named folder (an old `scale/` or `color/`) can never go green.
+
+## RN unit traps baked into the primitives
+
+The copy zone stores platform-neutral numbers; `platform/` applies the RN meaning. Three that bite:
+
+- **`lineHeights` are RATIOS** (`base: 1.5`), not DP. RN wants absolute DP — the platform layer
+  multiplies by font size. Web multiplies too. Storing DP here would break web.
+- **`letterSpacings` are EM multipliers** (`wide: 0.025`), not DP. The platform layer scales by size.
+- **`elevation` is `{ x, y, blur, spread, color, android }`**, not a box-shadow string. RN has no
+  inset shadow, so there is deliberately **no `inset`/`inner`** field; the platform layer maps this
+  to iOS `shadow*` props + Android `elevation`.
+
+## `sizes.ts` — one deliberate non-1:1 port
+
+Web's `sizes.ts` carries `full`/`max`/`min`/`screenW`/`screenH`/`container` — CSS-only concepts
+with no static RN token (`100vw` is a runtime `Dimensions` read, not a frozen number; `max-content`
+doesn't exist in RN layout at all). Mobile's `primitives/sizes.ts` keeps only the named `3xs`..`8xl`
+scale (same rem→dp conversion as `space`) and drops the rest — confirmed with web (round 6 in
+`REPLY-FOR-WEB-CHAT.md`).
+
+## `compositeOver` / `hexToRgba` (`builders/color.ts`)
+
+Added to flatten an alpha tint (`primary.opacity[N]`, 8-digit hex) onto an opaque backdrop before
+scoring contrast — `contrastRatio` takes two opaque colours and throws on an 8-digit hex rather than
+silently discarding its alpha (the bug web hit and fixed in `243a7bd`; mobile's `normalizeHex` guard
+already threw here, it just had no real call site yet). Signature matches web's byte-for-byte:
+`compositeOver(foreground, backdrop) -> "#rrggbb"`. No current role/component consumes
+`primary.opacity[N]` yet — when one does (e.g. a ghost/link hover tint), it must go through
+`compositeOver` first, never score the raw alpha hex.
+
+## `roles/` — the colour role layer (the drift fix)
+
+`roleColors(p: PaletteProps)` is the supported colour API. It is **pure indirection** into the
+primitive palette — zero hex, zero units, zero branches on mode. The dark palettes are already
+derived by `builders/buildDarkPalette`, so `roleColors(darkPalette)` is correct for free; that is the
+hand-written `darkOverrides` layer (which flattened crm-mobile's brands onto one grey) deleted.
+
+It is **not** `semantic/`: `PaletteProps.semantic` already means the raw status ramps, and a
+`status.success` here is derived *from* `semantic.success`. Two invariants hold with no lookup table:
+`fg.*` reads on `bg.*`, and every solid fill owns its own `onSolid` label (`accent.onSolid`,
+`status.*.onSolid`), derived by `pickOnAccent`, never a hardcoded white.
+
+Role contrast is locked for every brand × mode by `roles/__tests__/roleColors.test.ts` (AA 4.5:1 for
+text and every filled label incl. hover/pressed; 3:1 for the interactive and focus outlines). See
+`roles/index.ts` for the full role tree.

package/lib/module/theme/tokens/brands/emerald/palette.dark.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import buildDarkPalette from "../../builders/buildDarkPalette.js";
+import light from "./palette.light.js";
+
+// Derived from emerald's own light palette so the brand hue carries into dark mode.
+const palette = buildDarkPalette(light);
+export default palette;
+//# sourceMappingURL=palette.dark.js.map

package/lib/module/theme/tokens/brands/emerald/palette.dark.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildDarkPalette","light","palette"],"sourceRoot":"../../../../../../src","sources":["theme/tokens/brands/emerald/palette.dark.ts"],"mappings":";;AAAA,OAAOA,gBAAgB,MAAM,oCAAiC;AAC9D,OAAOC,KAAK,MAAM,oBAAiB;;AAEnC;AACA,MAAMC,OAAO,GAAGF,gBAAgB,CAACC,KAAK,CAAC;AAEvC,eAAeC,OAAO","ignoreList":[]}

package/lib/module/theme/tokens/brands/emerald/palette.light.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import lavenderPalette from "../lavender/palette.light.js";
+import { buildPrimaryOpacity, buildPrimaryShadowTint } from "../../builders/buildBrandTokens.js";
+const PRIMARY_500 = "#0f9d8a";
+const primary = {
+  50: "#e6f7f5",
+  100: "#c2ebe6",
+  200: "#8eddd4",
+  300: "#5acfc2",
+  400: "#2fb7a9",
+  500: PRIMARY_500,
+  600: "#0c8575",
+  700: "#096b5e",
+  800: "#065248",
+  900: "#043b35",
+  opacity: buildPrimaryOpacity(PRIMARY_500)
+};
+
+// No `tertiary` override — emerald inherits lavender's purple tertiary, as web ships it.
+const palette = {
+  ...lavenderPalette,
+  gradient: {
+    from: "#0f9d8a",
+    to: "#06b6d4"
+  },
+  primary,
+  gray: {
+    50: "#f6f8f8",
+    100: "#edf2f2",
+    200: "#dce5e5",
+    300: "#c3d2d2",
+    400: "#9fb3b3",
+    500: "#7c9191",
+    600: "#5e7070",
+    700: "#475555",
+    800: "#2f3a3a",
+    900: "#1f2626"
+  },
+  backgroundColor: {
+    main: "#f7fbfb",
+    secondary: "#eef7f6",
+    tertiary: "#e5f1ef",
+    quaternary: "#dcebea",
+    light: "#fcfefe",
+    medium: "#e2efee",
+    accent: "#d5e7e5",
+    subtle: "#f4f9f9",
+    muted: "#cfe2e0",
+    neutral: "#e2efee",
+    base: "#fafdfd",
+    tableHeader: "#eef7f6"
+  },
+  background: {
+    50: "#ffffff",
+    100: "#fbfefe",
+    200: "#eef7f6",
+    300: "#e5f1ef",
+    400: "#dcebea",
+    500: "#d2e4e2",
+    600: "#bdd1cf",
+    700: "#96a9a7",
+    800: "#707f7e",
+    900: "#545f5f"
+  },
+  border: {
+    50: "#fafeff",
+    100: "#edf5f4",
+    200: "#ddebea",
+    300: "#cde1df",
+    400: "#bdd6d4",
+    500: "#accbc9",
+    600: "#99b7b5",
+    700: "#788f8e",
+    800: "#5b6e6d",
+    900: "#455454"
+  },
+  boxborder: {
+    50: "#fafeff",
+    100: "#ecf4f3",
+    200: "#d9e7e5",
+    300: "#c6dad8",
+    400: "#b3cdcb",
+    500: "#a0c0be",
+    600: "#8dadab",
+    700: "#6e8786",
+    800: "#546868",
+    900: "#3f5050"
+  },
+  table: {
+    hover: {
+      50: "#fbfefe",
+      100: "#f0f7f7",
+      200: "#e6f1f1",
+      300: "#dceaea",
+      400: "#d2e3e3",
+      500: "#c8dcdc",
+      600: "#b4c7c7",
+      700: "#909f9f",
+      800: "#6c7777",
+      900: "#525b5b"
+    }
+  },
+  sidebar: {
+    background: {
+      50: "#eaf4f3",
+      100: "#cfe3e1",
+      200: "#3e6f6a",
+      300: "#5a8c86",
+      400: "#2f5a55",
+      500: "#0e1f1e",
+      600: "#0b1918",
+      700: "#081312",
+      800: "#060e0d",
+      900: "#040908"
+    }
+  },
+  boxShadow: {
+    primary: buildPrimaryShadowTint(PRIMARY_500),
+    error: lavenderPalette.boxShadow.error,
+    default: lavenderPalette.boxShadow.default
+  }
+};
+export default palette;
+//# sourceMappingURL=palette.light.js.map

package/lib/module/theme/tokens/brands/emerald/palette.light.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lavenderPalette","buildPrimaryOpacity","buildPrimaryShadowTint","PRIMARY_500","primary","opacity","palette","gradient","from","to","gray","backgroundColor","main","secondary","tertiary","quaternary","light","medium","accent","subtle","muted","neutral","base","tableHeader","background","border","boxborder","table","hover","sidebar","boxShadow","error","default"],"sourceRoot":"../../../../../../src","sources":["theme/tokens/brands/emerald/palette.light.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/tokens/brands/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import zinc from "./zinc/palette.light.js";
+import lavender from "./lavender/palette.light.js";
+import meadow from "./meadow/palette.light.js";
+import radiant from "./radiant/palette.light.js";
+import skyline from "./skyline/palette.light.js";
+import slate from "./slate/palette.light.js";
+import emerald from "./emerald/palette.light.js";
+import rosewood from "./rosewood/palette.light.js";
+import storefront from "./storefront/palette.light.js";
+import zincDark from "./zinc/palette.dark.js";
+import lavenderDark from "./lavender/palette.dark.js";
+import meadowDark from "./meadow/palette.dark.js";
+import radiantDark from "./radiant/palette.dark.js";
+import skylineDark from "./skyline/palette.dark.js";
+import slateDark from "./slate/palette.dark.js";
+import emeraldDark from "./emerald/palette.dark.js";
+import rosewoodDark from "./rosewood/palette.dark.js";
+import storefrontDark from "./storefront/palette.dark.js";
+export { zinc, lavender, meadow, radiant, skyline, slate, emerald, rosewood, storefront };
+export { zincDark, lavenderDark, meadowDark, radiantDark, skylineDark, slateDark, emeraldDark, rosewoodDark, storefrontDark };
+
+/** Light palette per brand. `zinc` is the default (the shadcn look). */
+export const lightPalettes = {
+  zinc,
+  lavender,
+  meadow,
+  radiant,
+  skyline,
+  slate,
+  emerald,
+  rosewood,
+  storefront
+};
+
+/** Dark palette per brand. Six mirror web via `buildDarkPalette`; zinc pins the shadcn dark roles. */
+export const darkPalettes = {
+  zinc: zincDark,
+  lavender: lavenderDark,
+  meadow: meadowDark,
+  radiant: radiantDark,
+  skyline: skylineDark,
+  slate: slateDark,
+  emerald: emeraldDark,
+  rosewood: rosewoodDark,
+  storefront: storefrontDark
+};
+export const palettes = {
+  zinc: {
+    light: zinc,
+    dark: zincDark
+  },
+  lavender: {
+    light: lavender,
+    dark: lavenderDark
+  },
+  meadow: {
+    light: meadow,
+    dark: meadowDark
+  },
+  radiant: {
+    light: radiant,
+    dark: radiantDark
+  },
+  skyline: {
+    light: skyline,
+    dark: skylineDark
+  },
+  slate: {
+    light: slate,
+    dark: slateDark
+  },
+  emerald: {
+    light: emerald,
+    dark: emeraldDark
+  },
+  rosewood: {
+    light: rosewood,
+    dark: rosewoodDark
+  },
+  storefront: {
+    light: storefront,
+    dark: storefrontDark
+  }
+};
+export const themeNames = Object.keys(lightPalettes);
+
+/** Library default — the shadcn look the user approved. */
+export const DEFAULT_THEME = "zinc";
+//# sourceMappingURL=index.js.map

package/lib/module/theme/tokens/brands/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["zinc","lavender","meadow","radiant","skyline","slate","emerald","rosewood","storefront","zincDark","lavenderDark","meadowDark","radiantDark","skylineDark","slateDark","emeraldDark","rosewoodDark","storefrontDark","lightPalettes","darkPalettes","palettes","light","dark","themeNames","Object","keys","DEFAULT_THEME"],"sourceRoot":"../../../../../src","sources":["theme/tokens/brands/index.ts"],"mappings":";;AAEA,OAAOA,IAAI,MAAM,yBAAsB;AACvC,OAAOC,QAAQ,MAAM,6BAA0B;AAC/C,OAAOC,MAAM,MAAM,2BAAwB;AAC3C,OAAOC,OAAO,MAAM,4BAAyB;AAC7C,OAAOC,OAAO,MAAM,4BAAyB;AAC7C,OAAOC,KAAK,MAAM,0BAAuB;AACzC,OAAOC,OAAO,MAAM,4BAAyB;AAC7C,OAAOC,QAAQ,MAAM,6BAA0B;AAC/C,OAAOC,UAAU,MAAM,+BAA4B;AAEnD,OAAOC,QAAQ,MAAM,wBAAqB;AAC1C,OAAOC,YAAY,MAAM,4BAAyB;AAClD,OAAOC,UAAU,MAAM,0BAAuB;AAC9C,OAAOC,WAAW,MAAM,2BAAwB;AAChD,OAAOC,WAAW,MAAM,2BAAwB;AAChD,OAAOC,SAAS,MAAM,yBAAsB;AAC5C,OAAOC,WAAW,MAAM,2BAAwB;AAChD,OAAOC,YAAY,MAAM,4BAAyB;AAClD,OAAOC,cAAc,MAAM,8BAA2B;AAEtD,SAASjB,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAU;AACvF,SACEC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,cAAc;;AAGhB;AACA,OAAO,MAAMC,aAA8C,GAAG;EAC5DlB,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACF,CAAC;;AAED;AACA,OAAO,MAAMW,YAA6C,GAAG;EAC3DnB,IAAI,EAAES,QAAQ;EACdR,QAAQ,EAAES,YAAY;EACtBR,MAAM,EAAES,UAAU;EAClBR,OAAO,EAAES,WAAW;EACpBR,OAAO,EAAES,WAAW;EACpBR,KAAK,EAAES,SAAS;EAChBR,OAAO,EAAES,WAAW;EACpBR,QAAQ,EAAES,YAAY;EACtBR,UAAU,EAAES;AACd,CAAC;AAED,OAAO,MAAMG,QAA8D,GAAG;EAC5EpB,IAAI,EAAE;IAAEqB,KAAK,EAAErB,IAAI;IAAEsB,IAAI,EAAEb;EAAS,CAAC;EACrCR,QAAQ,EAAE;IAAEoB,KAAK,EAAEpB,QAAQ;IAAEqB,IAAI,EAAEZ;EAAa,CAAC;EACjDR,MAAM,EAAE;IAAEmB,KAAK,EAAEnB,MAAM;IAAEoB,IAAI,EAAEX;EAAW,CAAC;EAC3CR,OAAO,EAAE;IAAEkB,KAAK,EAAElB,OAAO;IAAEmB,IAAI,EAAEV;EAAY,CAAC;EAC9CR,OAAO,EAAE;IAAEiB,KAAK,EAAEjB,OAAO;IAAEkB,IAAI,EAAET;EAAY,CAAC;EAC9CR,KAAK,EAAE;IAAEgB,KAAK,EAAEhB,KAAK;IAAEiB,IAAI,EAAER;EAAU,CAAC;EACxCR,OAAO,EAAE;IAAEe,KAAK,EAAEf,OAAO;IAAEgB,IAAI,EAAEP;EAAY,CAAC;EAC9CR,QAAQ,EAAE;IAAEc,KAAK,EAAEd,QAAQ;IAAEe,IAAI,EAAEN;EAAa,CAAC;EACjDR,UAAU,EAAE;IAAEa,KAAK,EAAEb,UAAU;IAAEc,IAAI,EAAEL;EAAe;AACxD,CAAC;AAED,OAAO,MAAMM,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACP,aAAa,CAAgB;;AAEnE;AACA,OAAO,MAAMQ,aAAwB,GAAG,MAAM","ignoreList":[]}

package/lib/module/theme/tokens/brands/lavender/palette.dark.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import buildDarkPalette from "../../builders/buildDarkPalette.js";
+import light from "./palette.light.js";
+
+// Derived from lavender's own light palette so the brand hue carries into dark mode.
+const palette = buildDarkPalette(light);
+export default palette;
+//# sourceMappingURL=palette.dark.js.map

package/lib/module/theme/tokens/brands/lavender/palette.dark.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildDarkPalette","light","palette"],"sourceRoot":"../../../../../../src","sources":["theme/tokens/brands/lavender/palette.dark.ts"],"mappings":";;AAAA,OAAOA,gBAAgB,MAAM,oCAAiC;AAC9D,OAAOC,KAAK,MAAM,oBAAiB;;AAEnC;AACA,MAAMC,OAAO,GAAGF,gBAAgB,CAACC,KAAK,CAAC;AAEvC,eAAeC,OAAO","ignoreList":[]}