@alsha-research/picaso-ui 0.0.1 → 0.0.2

package/dist/index.d.cts

@@ -1260,7 +1260,7 @@ interface ThemeProviderProps {
     defaultColor?: string;
     /**
      * localStorage key used to remember the user's choice. Pass `null` to turn
-     * persistence off. Defaults to "genesis-theme".
+     * persistence off. Defaults to "picaso-ui-theme".
      */
     storageKey?: string | null;
     /** CSP nonce for the injected <style> element. */
@@ -1330,7 +1330,7 @@ declare const ThemeModeSwitch: {
 interface ThemeScriptProps {
     /** Must match `ThemeProvider`'s `defaultMode`. Defaults to "system". */
     defaultMode?: ThemeMode;
-    /** Must match `ThemeProvider`'s `storageKey`. Defaults to "genesis-theme". Pass `null` if persistence is off. */
+    /** Must match `ThemeProvider`'s `storageKey`. Defaults to "picaso-ui-theme". Pass `null` if persistence is off. */
     storageKey?: string | null;
     /** CSP nonce for the inline script. */
     nonce?: string;

package/dist/index.d.ts

@@ -1260,7 +1260,7 @@ interface ThemeProviderProps {
     defaultColor?: string;
     /**
      * localStorage key used to remember the user's choice. Pass `null` to turn
-     * persistence off. Defaults to "genesis-theme".
+     * persistence off. Defaults to "picaso-ui-theme".
      */
     storageKey?: string | null;
     /** CSP nonce for the injected <style> element. */
@@ -1330,7 +1330,7 @@ declare const ThemeModeSwitch: {
 interface ThemeScriptProps {
     /** Must match `ThemeProvider`'s `defaultMode`. Defaults to "system". */
     defaultMode?: ThemeMode;
-    /** Must match `ThemeProvider`'s `storageKey`. Defaults to "genesis-theme". Pass `null` if persistence is off. */
+    /** Must match `ThemeProvider`'s `storageKey`. Defaults to "picaso-ui-theme". Pass `null` if persistence is off. */
     storageKey?: string | null;
     /** CSP nonce for the inline script. */
     nonce?: string;

package/dist/index.js

@@ -7855,7 +7855,7 @@ var THEME_SHADES = [
   900
 ];
 var THEME_ANCHOR_SHADE = 600;
-var THEME_MODE_ATTRIBUTE = "data-genesis-mode";
+var THEME_MODE_ATTRIBUTE = "data-picaso-ui-mode";
 var isThemeMode = (value) => value === "light" || value === "dark" || value === "system";
 var themeModeStorageKey = (storageKey) => `${storageKey}-mode`;
 var HEX_RE2 = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
@@ -7873,7 +7873,9 @@ var hexToRgb = (hex) => {
   const n = parseInt(hex.slice(1), 16);
   return [n >> 16 & 255, n >> 8 & 255, n & 255];
 };
-var rgbToHex = ([r, g, b]) => `#${[r, g, b].map((v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, "0")).join("")}`;
+var rgbToHex = ([r, g, b]) => `#${[r, g, b].map(
+  (v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, "0")
+).join("")}`;
 var mix = (from, to, amount) => [
   from[0] + (to[0] - from[0]) * amount,
   from[1] + (to[1] - from[1]) * amount,
@@ -7897,7 +7899,8 @@ var SHADE_AMOUNT = {
 };
 var generateScale = (hex) => {
   const base = normalizeHex2(hex);
-  if (!base) throw new Error(`generateScale: "${hex}" is not a valid hex colour`);
+  if (!base)
+    throw new Error(`generateScale: "${hex}" is not a valid hex colour`);
   const rgb = hexToRgb(base);
   const scale = {};
   for (const shade of THEME_SHADES) {
@@ -7950,8 +7953,10 @@ var generateDarkScale = (scale) => {
   for (const shade of THEME_SHADES) {
     const keep = DARK_TINT_KEEP[shade];
     const lighten = DARK_LIGHTEN[shade];
-    if (keep !== void 0) out[shade] = rgbToHex(mix(DARK_SURFACE, brand, keep));
-    else if (lighten !== void 0) out[shade] = rgbToHex(mix(brand, WHITE, lighten));
+    if (keep !== void 0)
+      out[shade] = rgbToHex(mix(DARK_SURFACE, brand, keep));
+    else if (lighten !== void 0)
+      out[shade] = rgbToHex(mix(brand, WHITE, lighten));
     else out[shade] = scale[shade];
   }
   return out;
@@ -7977,7 +7982,10 @@ var readStored = (key2) => {
     const parsed = JSON.parse(raw);
     const color = typeof parsed.color === "string" ? normalizeHex2(parsed.color) : null;
     if (!color) return null;
-    return { color, scale: isThemeScale(parsed.scale) ? parsed.scale : generateScale(color) };
+    return {
+      color,
+      scale: isThemeScale(parsed.scale) ? parsed.scale : generateScale(color)
+    };
   } catch {
     return null;
   }
@@ -7992,7 +8000,7 @@ var writeStored = (key2, state) => {
 var ThemeProvider = ({
   children,
   defaultColor,
-  storageKey = "genesis-theme",
+  storageKey = "picaso-ui-theme",
   nonce,
   defaultMode = "system"
 }) => {
@@ -8023,7 +8031,9 @@ var ThemeProvider = ({
   useIsomorphicLayoutEffect(() => {
     if (!storageKey) return;
     try {
-      const saved = window.localStorage.getItem(themeModeStorageKey(storageKey));
+      const saved = window.localStorage.getItem(
+        themeModeStorageKey(storageKey)
+      );
       if (isThemeMode(saved)) setModeState(saved);
     } catch {
     }
@@ -8072,7 +8082,7 @@ var ThemeProvider = ({
   return /* @__PURE__ */ React53.createElement(ThemeContext.Provider, { value }, state && /* @__PURE__ */ React53.createElement(
     "style",
     {
-      "data-genesis-theme": "",
+      "data-picaso-ui-theme": "",
       nonce,
       dangerouslySetInnerHTML: { __html: themeToCss(state.scale) }
     }
@@ -8252,7 +8262,7 @@ var ThemeModeSwitch_default = ThemeModeSwitch;
 import React56 from "react";
 var ThemeScript = ({
   defaultMode = "system",
-  storageKey = "genesis-theme",
+  storageKey = "picaso-ui-theme",
   nonce
 }) => {
   const read = storageKey ? `var s=localStorage.getItem(${JSON.stringify(themeModeStorageKey(storageKey))});if(s==="light"||s==="dark"||s==="system")m=s;` : "";