impact-ui 5.0.1-beta.1 → 5.0.1-beta.2

package/dist/tokens/impactUiPreferences.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=impactUiPreferences.test.d.ts.map

package/dist/tokens/impactUiPreferences.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"impactUiPreferences.test.d.ts","sourceRoot":"","sources":["../../src/tokens/impactUiPreferences.test.ts"],"names":[],"mappings":""}

package/dist/tokens/index.d.ts

@@ -13,6 +13,7 @@ export { ImpactUiThemeProvider, ImpactUiThemeContext, DEFAULT_IMPACT_UI_THEME_MO
 export type { UseImpactUiThemeResult, ImpactUiThemeMode, ImpactUiThemeChangeDetail, } from './theme.types';
 export { applyImpactUiThemeToDom, readImpactUiThemeModeFromDom, readImpactUiThemePreferenceFromDom, getSemanticColorFromDom, resolveThemeAppearance, setImpactUiTheme, IU_THEME_MODE_ATTR, IU_THEME_STORAGE_KEY, IU_THEME_TRANSITION_CLASS, IMPACT_UI_THEME_CHANGE, } from './themeDom';
 export { applyImpactUiInterfaceStyleToDom, readImpactUiInterfaceStyleFromDom, readImpactUiInterfaceStyleFromStorage, setImpactUiInterfaceStyle, notifyImpactUiInterfaceStyleChange, IU_INTERFACE_STYLE_ATTR, IU_INTERFACE_STYLE_STORAGE_KEY, IMPACT_UI_INTERFACE_STYLE_CHANGE, type ImpactUiInterfaceStyleId, type ImpactUiInterfaceStyleChangeDetail, type ImpactUiDomPersistOptions, } from './interfaceStyleDom';
+export { IU_PREFERENCES_STORAGE_KEY, IU_PREFERENCES_VERSION, readImpactUiPreferences, patchImpactUiPreferences, type ImpactUiPreferences, type ImpactUiPreferencesV1, type ImpactUiStoredInterfaceStyle, } from './impactUiPreferences';
 export { createImpactUiMuiTheme, impactUiDrawerSx, mergeImpactUiDrawerSx, } from './createImpactUiMuiTheme';
 export { ImpactUiAppProviders, type ImpactUiAppProvidersProps, type ImpactUiMuiIntegration, } from './ImpactUiAppProviders';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,EAC5B,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,uBAAuB,EACvB,4BAA4B,EAC5B,kCAAkC,EAClC,uBAAuB,EACvB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,gCAAgC,EAChC,iCAAiC,EACjC,qCAAqC,EACrC,yBAAyB,EACzB,kCAAkC,EAClC,uBAAuB,EACvB,8BAA8B,EAC9B,gCAAgC,EAChC,KAAK,wBAAwB,EAC7B,KAAK,kCAAkC,EACvC,KAAK,yBAAyB,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,EAC5B,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,uBAAuB,EACvB,4BAA4B,EAC5B,kCAAkC,EAClC,uBAAuB,EACvB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,gCAAgC,EAChC,iCAAiC,EACjC,qCAAqC,EACrC,yBAAyB,EACzB,kCAAkC,EAClC,uBAAuB,EACvB,8BAA8B,EAC9B,gCAAgC,EAChC,KAAK,wBAAwB,EAC7B,KAAK,kCAAkC,EACvC,KAAK,yBAAyB,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,4BAA4B,GAClC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC"}

package/dist/tokens/interfaceStyleDom.d.ts

@@ -1,8 +1,13 @@
-/** Seasonal / campaign skin on `<html>` (decorative assets via CSS, e.g. `[data-iu-interface-style='halloween']`). */
+import { ImpactUiStoredInterfaceStyle } from './impactUiPreferences';
+
 export declare const IU_INTERFACE_STYLE_ATTR: "data-iu-interface-style";
+/**
+ * @deprecated Use {@link IU_PREFERENCES_STORAGE_KEY} (`impact-ui-preferences` JSON).
+ * Legacy scalar key is migrated automatically on read.
+ */
 export declare const IU_INTERFACE_STYLE_STORAGE_KEY: "impact-ui-interface-style";
 export declare const IMPACT_UI_INTERFACE_STYLE_CHANGE: "impact-ui-interface-style-change";
-export type ImpactUiInterfaceStyleId = 'none' | 'laborDay' | 'halloween' | 'christmas';
+export type ImpactUiInterfaceStyleId = ImpactUiStoredInterfaceStyle;
 export interface ImpactUiInterfaceStyleChangeDetail {
     style: ImpactUiInterfaceStyleId;
 }

package/dist/tokens/interfaceStyleDom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaceStyleDom.d.ts","sourceRoot":"","sources":["../../src/tokens/interfaceStyleDom.ts"],"names":[],"mappings":"AAAA,sHAAsH;AAEtH,eAAO,MAAM,uBAAuB,EAAG,yBAAkC,CAAC;AAE1E,eAAO,MAAM,8BAA8B,EAAG,2BAAoC,CAAC;AAEnF,eAAO,MAAM,gCAAgC,EAAG,kCAA2C,CAAC;AAE5F,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AAEvF,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,wBAAwB,CAAC;CACjC;AAED,MAAM,WAAW,yBAAyB;IACxC,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,wBAAwB,CAE3F;AAED,4DAA4D;AAC5D,wBAAgB,qCAAqC,IAAI,wBAAwB,CAEhF;AAaD,kEAAkE;AAClE,wBAAgB,iCAAiC,IAAI,wBAAwB,CAK5E;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,wBAAwB,EAC/B,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAoBN;AAED,wBAAgB,kCAAkC,CAChD,MAAM,EAAE,kCAAkC,GACzC,IAAI,CAGN;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,wBAAwB,EAC/B,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAGN"}
+{"version":3,"file":"interfaceStyleDom.d.ts","sourceRoot":"","sources":["../../src/tokens/interfaceStyleDom.ts"],"names":[],"mappings":"AAAA,sHAAsH;AAEtH,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,uBAAuB,EAAG,yBAAkC,CAAC;AAE1E;;;GAGG;AACH,eAAO,MAAM,8BAA8B,EAAG,2BAAoC,CAAC;AAEnF,eAAO,MAAM,gCAAgC,EAAG,kCAA2C,CAAC;AAE5F,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AAEpE,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,wBAAwB,CAAC;CACjC;AAED,MAAM,WAAW,yBAAyB;IACxC,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,wBAAwB,CAE3F;AAED,4DAA4D;AAC5D,wBAAgB,qCAAqC,IAAI,wBAAwB,CAEhF;AAWD,kEAAkE;AAClE,wBAAgB,iCAAiC,IAAI,wBAAwB,CAK5E;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,wBAAwB,EAC/B,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAgBN;AAED,wBAAgB,kCAAkC,CAChD,MAAM,EAAE,kCAAkC,GACzC,IAAI,CAGN;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,wBAAwB,EAC/B,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAGN"}

package/dist/tokens/interfaceStyleDom.js

@@ -1,5 +1,5 @@
+import { patchImpactUiPreferences, readImpactUiPreferences } from "./impactUiPreferences.js";
 const IU_INTERFACE_STYLE_ATTR = "data-iu-interface-style";
-const IU_INTERFACE_STYLE_STORAGE_KEY = "impact-ui-interface-style";
 const IMPACT_UI_INTERFACE_STYLE_CHANGE = "impact-ui-interface-style-change";
 const VALID_STYLES = /* @__PURE__ */ new Set(["none", "laborDay", "halloween", "christmas"]);
 function isImpactUiInterfaceStyleId(value) {
@@ -11,11 +11,10 @@ function readImpactUiInterfaceStyleFromStorage() {
 function readFromStorage() {
   if (typeof localStorage === "undefined") return "none";
   try {
-    const raw = localStorage.getItem(IU_INTERFACE_STYLE_STORAGE_KEY);
-    if (raw && isImpactUiInterfaceStyleId(raw)) return raw;
+    return readImpactUiPreferences().interfaceStyle;
   } catch {
+    return "none";
   }
-  return "none";
 }
 function readImpactUiInterfaceStyleFromDom() {
   if (typeof document === "undefined") return readFromStorage();
@@ -34,11 +33,7 @@ function applyImpactUiInterfaceStyleToDom(style, options = {}) {
   if (options.persist === false) return;
   if (typeof localStorage !== "undefined") {
     try {
-      if (style === "none") {
-        localStorage.removeItem(IU_INTERFACE_STYLE_STORAGE_KEY);
-      } else {
-        localStorage.setItem(IU_INTERFACE_STYLE_STORAGE_KEY, style);
-      }
+      patchImpactUiPreferences({ interfaceStyle: style });
     } catch {
     }
   }
@@ -54,7 +49,6 @@ function setImpactUiInterfaceStyle(style, options = {}) {
 export {
   IMPACT_UI_INTERFACE_STYLE_CHANGE,
   IU_INTERFACE_STYLE_ATTR,
-  IU_INTERFACE_STYLE_STORAGE_KEY,
   applyImpactUiInterfaceStyleToDom,
   isImpactUiInterfaceStyleId,
   notifyImpactUiInterfaceStyleChange,

package/dist/tokens/themeDom.d.ts

@@ -5,7 +5,10 @@ import { ImpactUiThemeChangeDetail, ImpactUiThemeMode } from './theme.types';
 export { IU_THEME_ATTR };
 /** Stores user preference (`light` | `dark` | `system`). Omitted when `light`. */
 export declare const IU_THEME_MODE_ATTR: "data-iu-theme-mode";
-/** `localStorage` key for theme preference (`dark` | `system`; omitted when `light`). */
+/**
+ * @deprecated Use {@link IU_PREFERENCES_STORAGE_KEY} (`impact-ui-preferences` JSON).
+ * Legacy scalar key is migrated automatically on read.
+ */
 export declare const IU_THEME_STORAGE_KEY: "impact-ui-theme-preference";
 export declare const IMPACT_UI_THEME_CHANGE = "impact-ui-theme-change";
 /** @deprecated Theme color cross-fade is disabled; class is no longer applied on mode change. */

package/dist/tokens/themeDom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeDom.d.ts","sourceRoot":"","sources":["../../src/tokens/themeDom.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAG,oBAA6B,CAAC;AAEhE,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,EAAG,4BAAqC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,EAAG,mBAA4B,CAAC;AAOtE,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAG/E;AAED,4EAA4E;AAC5E,wBAAgB,4BAA4B,IAAI,SAAS,CAGxD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAEpE;AA0BD;;GAEG;AACH,wBAAgB,kCAAkC,CAChD,QAAQ,GAAE,iBAA2B,GACpC,iBAAiB,CAcnB;AAED,0DAA0D;AAC1D,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,GAAE,SAA8C,EACxD,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAqBN;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI,CAGjF;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,iBAAiB,EACvB,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAIN;AAED,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAO3E;AAED,wBAAgB,4BAA4B,IAAI,SAAS,CAExD"}
+{"version":3,"file":"themeDom.d.ts","sourceRoot":"","sources":["../../src/tokens/themeDom.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAG,oBAA6B,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAG,4BAAqC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,EAAG,mBAA4B,CAAC;AAOtE,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAG/E;AAED,4EAA4E;AAC5E,wBAAgB,4BAA4B,IAAI,SAAS,CAGxD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAEpE;AAoBD;;GAEG;AACH,wBAAgB,kCAAkC,CAChD,QAAQ,GAAE,iBAA2B,GACpC,iBAAiB,CAcnB;AAED,0DAA0D;AAC1D,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,GAAE,SAA8C,EACxD,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAqBN;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI,CAGjF;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,iBAAiB,EACvB,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAIN;AAED,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAO3E;AAED,wBAAgB,4BAA4B,IAAI,SAAS,CAExD"}

package/dist/tokens/themeDom.js

@@ -1,6 +1,6 @@
+import { patchImpactUiPreferences, readImpactUiPreferences } from "./impactUiPreferences.js";
 import { IU_THEME_ATTR, getColorToken } from "../styles/tokens/tokens.generated.js";
 const IU_THEME_MODE_ATTR = "data-iu-theme-mode";
-const IU_THEME_STORAGE_KEY = "impact-ui-theme-preference";
 const IMPACT_UI_THEME_CHANGE = "impact-ui-theme-change";
 function getSystemAppearance() {
   if (typeof window === "undefined") return "light";
@@ -20,20 +20,15 @@ function getSemanticColorFromDom(name) {
 function readStoredThemePreference() {
   if (typeof window === "undefined") return null;
   try {
-    const stored = localStorage.getItem(IU_THEME_STORAGE_KEY);
-    if (stored === "light" || stored === "dark" || stored === "system") return stored;
+    return readImpactUiPreferences().theme;
   } catch {
+    return null;
   }
-  return null;
 }
 function persistThemePreference(preference) {
   if (typeof window === "undefined") return;
   try {
-    if (preference === "light") {
-      localStorage.removeItem(IU_THEME_STORAGE_KEY);
-    } else {
-      localStorage.setItem(IU_THEME_STORAGE_KEY, preference);
-    }
+    patchImpactUiPreferences({ theme: preference });
   } catch {
   }
 }
@@ -90,7 +85,6 @@ export {
   IMPACT_UI_THEME_CHANGE,
   IU_THEME_ATTR,
   IU_THEME_MODE_ATTR,
-  IU_THEME_STORAGE_KEY,
   applyImpactUiThemeToDom,
   getSemanticColorFromDom,
   getSystemColorSchemeSnapshot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-ui",
-  "version": "5.0.1-beta.1",
+  "version": "5.0.1-beta.2",
   "description": "Impact Analytics UI library",
   "type": "module",
   "main": "./dist/components/index.js",