@alsha-research/picaso-ui 0.0.1 → 0.0.2

package/dist/index.cjs

@@ -7868,7 +7868,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;
@@ -7886,7 +7886,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,
@@ -7910,7 +7912,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) {
@@ -7963,8 +7966,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;
@@ -7990,7 +7995,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;
   }
@@ -8005,7 +8013,7 @@ var writeStored = (key2, state) => {
 var ThemeProvider = ({
   children,
   defaultColor,
-  storageKey = "genesis-theme",
+  storageKey = "picaso-ui-theme",
   nonce,
   defaultMode = "system"
 }) => {
@@ -8036,7 +8044,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 {
     }
@@ -8085,7 +8095,7 @@ var ThemeProvider = ({
   return /* @__PURE__ */ import_react74.default.createElement(ThemeContext.Provider, { value }, state && /* @__PURE__ */ import_react74.default.createElement(
     "style",
     {
-      "data-genesis-theme": "",
+      "data-picaso-ui-theme": "",
       nonce,
       dangerouslySetInnerHTML: { __html: themeToCss(state.scale) }
     }
@@ -8265,7 +8275,7 @@ var ThemeModeSwitch_default = ThemeModeSwitch;
 var import_react79 = __toESM(require("react"), 1);
 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;` : "";