boreal-ui 0.0.1

package/dist/core/ThemeContext-Bo0vLczy.js

@@ -0,0 +1,148 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useEffect } from "react";
+import { r as registerColorScheme, g as getAllColorSchemes } from "./registerColorSheme-BPX0H7hl.js";
+import { g as getDefaultColorSchemeName } from "./boreal-style-config-BILmxkZG.js";
+import { colorSchemes } from "./colorSchemes.js";
+const ThemeContext = createContext(
+  void 0
+);
+const fallbackIndex = colorSchemes.findIndex(
+  (scheme) => scheme.name === getDefaultColorSchemeName()
+);
+const defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;
+const ThemeProvider = ({
+  children,
+  customSchemes = []
+}) => {
+  const [selectedScheme, setSelectedScheme] = useState(defaultIndex);
+  if (fallbackIndex === -1 && process.env.NODE_ENV === "development") {
+    console.warn(
+      `Default color scheme "${getDefaultColorSchemeName()}" not found. Falling back to index 0.`
+    );
+  }
+  useEffect(() => {
+    registerColorScheme(customSchemes);
+  }, [customSchemes]);
+  useEffect(() => {
+    const savedScheme = localStorage.getItem("selectedScheme");
+    if (savedScheme) {
+      setSelectedScheme(parseInt(savedScheme, 10));
+    } else {
+      setSelectedScheme(defaultIndex);
+    }
+  }, []);
+  useEffect(() => {
+    const allSchemes = getAllColorSchemes();
+    const {
+      primaryColor,
+      secondaryColor,
+      tertiaryColor,
+      quaternaryColor,
+      backgroundColor,
+      forceTextColor
+    } = allSchemes[selectedScheme];
+    const hexToHSL = (hex) => {
+      const r = parseInt(hex.slice(1, 3), 16) / 255;
+      const g = parseInt(hex.slice(3, 5), 16) / 255;
+      const b = parseInt(hex.slice(5, 7), 16) / 255;
+      const max = Math.max(r, g, b), min = Math.min(r, g, b);
+      let h = 0, s = 0;
+      const l = (max + min) / 2;
+      if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+          case r:
+            h = (g - b) / d + (g < b ? 6 : 0);
+            break;
+          case g:
+            h = (b - r) / d + 2;
+            break;
+          case b:
+            h = (r - g) / d + 4;
+            break;
+        }
+        h /= 6;
+      }
+      return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100)
+      };
+    };
+    const hslToHex = (h, s, l) => {
+      s /= 100;
+      l /= 100;
+      const k = (n) => (n + h / 30) % 12;
+      const a = s * Math.min(l, 1 - l);
+      const f = (n) => Math.round(
+        255 * (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))
+      );
+      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, "0")).join("")}`;
+    };
+    const adjustLightness = (hex, percent) => {
+      const { h, s, l } = hexToHSL(hex);
+      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));
+    };
+    const relativeLuminance = (hex) => {
+      const rgb = [1, 3, 5].map((i) => {
+        const c = parseInt(hex.slice(i, i + 2), 16) / 255;
+        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+      });
+      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
+    };
+    const contrastRatio = (hex1, hex2) => {
+      const lum1 = relativeLuminance(hex1);
+      const lum2 = relativeLuminance(hex2);
+      const lighter = Math.max(lum1, lum2);
+      const darker = Math.min(lum1, lum2);
+      return (lighter + 0.05) / (darker + 0.05);
+    };
+    const getAccessibleTextColor = (bgColor) => {
+      return contrastRatio(bgColor, "#000000") >= 4.5 ? "#000000" : "#FFFFFF";
+    };
+    const variants = {
+      "--primary-color": primaryColor,
+      "--primary-color-light": adjustLightness(primaryColor, 10),
+      "--primary-color-hover": adjustLightness(primaryColor, -10),
+      "--text-color-primary": forceTextColor ?? getAccessibleTextColor(primaryColor),
+      "--secondary-color": secondaryColor,
+      "--secondary-color-light": adjustLightness(secondaryColor, 10),
+      "--secondary-color-hover": adjustLightness(secondaryColor, -10),
+      "--text-color-secondary": getAccessibleTextColor(secondaryColor),
+      "--tertiary-color": tertiaryColor,
+      "--tertiary-color-light": adjustLightness(tertiaryColor, 10),
+      "--tertiary-color-hover": adjustLightness(tertiaryColor, -10),
+      "--text-color-tertiary": getAccessibleTextColor(tertiaryColor),
+      "--quaternary-color": quaternaryColor,
+      "--quaternary-color-light": adjustLightness(quaternaryColor, 10),
+      "--quaternary-color-hover": adjustLightness(quaternaryColor, -10),
+      "--text-color-quaternary": getAccessibleTextColor(quaternaryColor),
+      "--background-color": backgroundColor,
+      "--background-color-dark": adjustLightness(backgroundColor, -10),
+      "--background-color-darker": adjustLightness(backgroundColor, -25),
+      "--background-color-light": adjustLightness(backgroundColor, 10),
+      "--background-color-lighter": adjustLightness(backgroundColor, 20),
+      "--link-color": getAccessibleTextColor(backgroundColor),
+      "--link-color-hover": adjustLightness(
+        getAccessibleTextColor(backgroundColor),
+        -20
+      ),
+      "--link-hover-color-primary": adjustLightness(primaryColor, -10),
+      "--link-hover-color-secondary": adjustLightness(secondaryColor, -10)
+    };
+    const root = document.documentElement.style;
+    for (const [key, value] of Object.entries(variants)) {
+      root.setProperty(key, value);
+    }
+    if (typeof window !== "undefined") {
+      localStorage.setItem("selectedScheme", selectedScheme.toString());
+    }
+  }, [selectedScheme]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { selectedScheme, setSelectedScheme }, children });
+};
+export {
+  ThemeProvider as T,
+  ThemeContext as a
+};
+//# sourceMappingURL=ThemeContext-Bo0vLczy.js.map

package/dist/core/ThemeContext-Bo0vLczy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext-Bo0vLczy.js","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n *   to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, { createContext, useState, useEffect } from \"react\";\r\nimport {\r\n  getAllColorSchemes,\r\n  registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n  undefined\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n  (scheme) => scheme.name === getDefaultColorSchemeName()\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst ThemeProvider: React.FC<ThemeProviderProps> = ({\r\n  children,\r\n  customSchemes = [],\r\n}) => {\r\n  const [selectedScheme, setSelectedScheme] = useState<number>(defaultIndex);\r\n\r\n  if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n    console.warn(\r\n      `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`\r\n    );\r\n  }\r\n\r\n  useEffect(() => {\r\n    registerColorScheme(customSchemes);\r\n  }, [customSchemes]);\r\n\r\n  useEffect(() => {\r\n    const savedScheme = localStorage.getItem(\"selectedScheme\");\r\n    if (savedScheme) {\r\n      setSelectedScheme(parseInt(savedScheme, 10));\r\n    } else {\r\n      setSelectedScheme(defaultIndex);\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const allSchemes = getAllColorSchemes();\r\n    const {\r\n      primaryColor,\r\n      secondaryColor,\r\n      tertiaryColor,\r\n      quaternaryColor,\r\n      backgroundColor,\r\n      forceTextColor,\r\n    } = allSchemes[selectedScheme];\r\n\r\n    const hexToHSL = (hex: string) => {\r\n      const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n      const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n      const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n      const max = Math.max(r, g, b),\r\n        min = Math.min(r, g, b);\r\n      let h = 0,\r\n        s = 0;\r\n      const l = (max + min) / 2;\r\n\r\n      if (max !== min) {\r\n        const d = max - min;\r\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n        switch (max) {\r\n          case r:\r\n            h = (g - b) / d + (g < b ? 6 : 0);\r\n            break;\r\n          case g:\r\n            h = (b - r) / d + 2;\r\n            break;\r\n          case b:\r\n            h = (r - g) / d + 4;\r\n            break;\r\n        }\r\n        h /= 6;\r\n      }\r\n\r\n      return {\r\n        h: Math.round(h * 360),\r\n        s: Math.round(s * 100),\r\n        l: Math.round(l * 100),\r\n      };\r\n    };\r\n\r\n    const hslToHex = (h: number, s: number, l: number): string => {\r\n      s /= 100;\r\n      l /= 100;\r\n      const k = (n: number) => (n + h / 30) % 12;\r\n      const a = s * Math.min(l, 1 - l);\r\n      const f = (n: number) =>\r\n        Math.round(\r\n          255 *\r\n            (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))\r\n        );\r\n      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n    };\r\n\r\n    const adjustLightness = (hex: string, percent: number): string => {\r\n      const { h, s, l } = hexToHSL(hex);\r\n      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n    };\r\n\r\n    const relativeLuminance = (hex: string): number => {\r\n      const rgb = [1, 3, 5].map((i) => {\r\n        const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n      });\r\n      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n    };\r\n\r\n    const contrastRatio = (hex1: string, hex2: string): number => {\r\n      const lum1 = relativeLuminance(hex1);\r\n      const lum2 = relativeLuminance(hex2);\r\n      const lighter = Math.max(lum1, lum2);\r\n      const darker = Math.min(lum1, lum2);\r\n      return (lighter + 0.05) / (darker + 0.05);\r\n    };\r\n\r\n    const getAccessibleTextColor = (bgColor: string): string => {\r\n      return contrastRatio(bgColor, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n    };\r\n\r\n    const variants = {\r\n      \"--primary-color\": primaryColor,\r\n      \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n      \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n      \"--text-color-primary\":\r\n        forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n\r\n      \"--secondary-color\": secondaryColor,\r\n      \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n      \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n      \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n      \"--tertiary-color\": tertiaryColor,\r\n      \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n      \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n      \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n      \"--quaternary-color\": quaternaryColor,\r\n      \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n      \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n      \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n      \"--background-color\": backgroundColor,\r\n      \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n      \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n      \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n      \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n      \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--link-color-hover\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        -20\r\n      ),\r\n      \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n      \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n    };\r\n\r\n    const root = document.documentElement.style;\r\n    for (const [key, value] of Object.entries(variants)) {\r\n      root.setProperty(key, value);\r\n    }\r\n\r\n    if (typeof window !== \"undefined\") {\r\n      localStorage.setItem(\"selectedScheme\", selectedScheme.toString());\r\n    }\r\n  }, [selectedScheme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ selectedScheme, setSelectedScheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":[],"mappings":"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"}

package/dist/core/ThemeContext-CtZXUeeU.cjs

@@ -0,0 +1,147 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const colorSchemes = require("./colorSchemes.cjs.js");
+const ThemeContext = React.createContext(
+  void 0
+);
+const fallbackIndex = colorSchemes.colorSchemes.findIndex(
+  (scheme) => scheme.name === borealStyleConfig.getDefaultColorSchemeName()
+);
+const defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;
+const ThemeProvider = ({
+  children,
+  customSchemes = []
+}) => {
+  const [selectedScheme, setSelectedScheme] = React.useState(defaultIndex);
+  if (fallbackIndex === -1 && process.env.NODE_ENV === "development") {
+    console.warn(
+      `Default color scheme "${borealStyleConfig.getDefaultColorSchemeName()}" not found. Falling back to index 0.`
+    );
+  }
+  React.useEffect(() => {
+    registerColorSheme.registerColorScheme(customSchemes);
+  }, [customSchemes]);
+  React.useEffect(() => {
+    const savedScheme = localStorage.getItem("selectedScheme");
+    if (savedScheme) {
+      setSelectedScheme(parseInt(savedScheme, 10));
+    } else {
+      setSelectedScheme(defaultIndex);
+    }
+  }, []);
+  React.useEffect(() => {
+    const allSchemes = registerColorSheme.getAllColorSchemes();
+    const {
+      primaryColor,
+      secondaryColor,
+      tertiaryColor,
+      quaternaryColor,
+      backgroundColor,
+      forceTextColor
+    } = allSchemes[selectedScheme];
+    const hexToHSL = (hex) => {
+      const r = parseInt(hex.slice(1, 3), 16) / 255;
+      const g = parseInt(hex.slice(3, 5), 16) / 255;
+      const b = parseInt(hex.slice(5, 7), 16) / 255;
+      const max = Math.max(r, g, b), min = Math.min(r, g, b);
+      let h = 0, s = 0;
+      const l = (max + min) / 2;
+      if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+          case r:
+            h = (g - b) / d + (g < b ? 6 : 0);
+            break;
+          case g:
+            h = (b - r) / d + 2;
+            break;
+          case b:
+            h = (r - g) / d + 4;
+            break;
+        }
+        h /= 6;
+      }
+      return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100)
+      };
+    };
+    const hslToHex = (h, s, l) => {
+      s /= 100;
+      l /= 100;
+      const k = (n) => (n + h / 30) % 12;
+      const a = s * Math.min(l, 1 - l);
+      const f = (n) => Math.round(
+        255 * (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))
+      );
+      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, "0")).join("")}`;
+    };
+    const adjustLightness = (hex, percent) => {
+      const { h, s, l } = hexToHSL(hex);
+      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));
+    };
+    const relativeLuminance = (hex) => {
+      const rgb = [1, 3, 5].map((i) => {
+        const c = parseInt(hex.slice(i, i + 2), 16) / 255;
+        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+      });
+      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
+    };
+    const contrastRatio = (hex1, hex2) => {
+      const lum1 = relativeLuminance(hex1);
+      const lum2 = relativeLuminance(hex2);
+      const lighter = Math.max(lum1, lum2);
+      const darker = Math.min(lum1, lum2);
+      return (lighter + 0.05) / (darker + 0.05);
+    };
+    const getAccessibleTextColor = (bgColor) => {
+      return contrastRatio(bgColor, "#000000") >= 4.5 ? "#000000" : "#FFFFFF";
+    };
+    const variants = {
+      "--primary-color": primaryColor,
+      "--primary-color-light": adjustLightness(primaryColor, 10),
+      "--primary-color-hover": adjustLightness(primaryColor, -10),
+      "--text-color-primary": forceTextColor ?? getAccessibleTextColor(primaryColor),
+      "--secondary-color": secondaryColor,
+      "--secondary-color-light": adjustLightness(secondaryColor, 10),
+      "--secondary-color-hover": adjustLightness(secondaryColor, -10),
+      "--text-color-secondary": getAccessibleTextColor(secondaryColor),
+      "--tertiary-color": tertiaryColor,
+      "--tertiary-color-light": adjustLightness(tertiaryColor, 10),
+      "--tertiary-color-hover": adjustLightness(tertiaryColor, -10),
+      "--text-color-tertiary": getAccessibleTextColor(tertiaryColor),
+      "--quaternary-color": quaternaryColor,
+      "--quaternary-color-light": adjustLightness(quaternaryColor, 10),
+      "--quaternary-color-hover": adjustLightness(quaternaryColor, -10),
+      "--text-color-quaternary": getAccessibleTextColor(quaternaryColor),
+      "--background-color": backgroundColor,
+      "--background-color-dark": adjustLightness(backgroundColor, -10),
+      "--background-color-darker": adjustLightness(backgroundColor, -25),
+      "--background-color-light": adjustLightness(backgroundColor, 10),
+      "--background-color-lighter": adjustLightness(backgroundColor, 20),
+      "--link-color": getAccessibleTextColor(backgroundColor),
+      "--link-color-hover": adjustLightness(
+        getAccessibleTextColor(backgroundColor),
+        -20
+      ),
+      "--link-hover-color-primary": adjustLightness(primaryColor, -10),
+      "--link-hover-color-secondary": adjustLightness(secondaryColor, -10)
+    };
+    const root = document.documentElement.style;
+    for (const [key, value] of Object.entries(variants)) {
+      root.setProperty(key, value);
+    }
+    if (typeof window !== "undefined") {
+      localStorage.setItem("selectedScheme", selectedScheme.toString());
+    }
+  }, [selectedScheme]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { selectedScheme, setSelectedScheme }, children });
+};
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeContext-CtZXUeeU.cjs.map

package/dist/core/ThemeContext-CtZXUeeU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext-CtZXUeeU.cjs","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n *   to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, { createContext, useState, useEffect } from \"react\";\r\nimport {\r\n  getAllColorSchemes,\r\n  registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n  undefined\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n  (scheme) => scheme.name === getDefaultColorSchemeName()\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst ThemeProvider: React.FC<ThemeProviderProps> = ({\r\n  children,\r\n  customSchemes = [],\r\n}) => {\r\n  const [selectedScheme, setSelectedScheme] = useState<number>(defaultIndex);\r\n\r\n  if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n    console.warn(\r\n      `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`\r\n    );\r\n  }\r\n\r\n  useEffect(() => {\r\n    registerColorScheme(customSchemes);\r\n  }, [customSchemes]);\r\n\r\n  useEffect(() => {\r\n    const savedScheme = localStorage.getItem(\"selectedScheme\");\r\n    if (savedScheme) {\r\n      setSelectedScheme(parseInt(savedScheme, 10));\r\n    } else {\r\n      setSelectedScheme(defaultIndex);\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const allSchemes = getAllColorSchemes();\r\n    const {\r\n      primaryColor,\r\n      secondaryColor,\r\n      tertiaryColor,\r\n      quaternaryColor,\r\n      backgroundColor,\r\n      forceTextColor,\r\n    } = allSchemes[selectedScheme];\r\n\r\n    const hexToHSL = (hex: string) => {\r\n      const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n      const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n      const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n      const max = Math.max(r, g, b),\r\n        min = Math.min(r, g, b);\r\n      let h = 0,\r\n        s = 0;\r\n      const l = (max + min) / 2;\r\n\r\n      if (max !== min) {\r\n        const d = max - min;\r\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n        switch (max) {\r\n          case r:\r\n            h = (g - b) / d + (g < b ? 6 : 0);\r\n            break;\r\n          case g:\r\n            h = (b - r) / d + 2;\r\n            break;\r\n          case b:\r\n            h = (r - g) / d + 4;\r\n            break;\r\n        }\r\n        h /= 6;\r\n      }\r\n\r\n      return {\r\n        h: Math.round(h * 360),\r\n        s: Math.round(s * 100),\r\n        l: Math.round(l * 100),\r\n      };\r\n    };\r\n\r\n    const hslToHex = (h: number, s: number, l: number): string => {\r\n      s /= 100;\r\n      l /= 100;\r\n      const k = (n: number) => (n + h / 30) % 12;\r\n      const a = s * Math.min(l, 1 - l);\r\n      const f = (n: number) =>\r\n        Math.round(\r\n          255 *\r\n            (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))\r\n        );\r\n      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n    };\r\n\r\n    const adjustLightness = (hex: string, percent: number): string => {\r\n      const { h, s, l } = hexToHSL(hex);\r\n      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n    };\r\n\r\n    const relativeLuminance = (hex: string): number => {\r\n      const rgb = [1, 3, 5].map((i) => {\r\n        const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n      });\r\n      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n    };\r\n\r\n    const contrastRatio = (hex1: string, hex2: string): number => {\r\n      const lum1 = relativeLuminance(hex1);\r\n      const lum2 = relativeLuminance(hex2);\r\n      const lighter = Math.max(lum1, lum2);\r\n      const darker = Math.min(lum1, lum2);\r\n      return (lighter + 0.05) / (darker + 0.05);\r\n    };\r\n\r\n    const getAccessibleTextColor = (bgColor: string): string => {\r\n      return contrastRatio(bgColor, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n    };\r\n\r\n    const variants = {\r\n      \"--primary-color\": primaryColor,\r\n      \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n      \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n      \"--text-color-primary\":\r\n        forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n\r\n      \"--secondary-color\": secondaryColor,\r\n      \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n      \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n      \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n      \"--tertiary-color\": tertiaryColor,\r\n      \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n      \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n      \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n      \"--quaternary-color\": quaternaryColor,\r\n      \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n      \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n      \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n      \"--background-color\": backgroundColor,\r\n      \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n      \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n      \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n      \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n      \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--link-color-hover\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        -20\r\n      ),\r\n      \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n      \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n    };\r\n\r\n    const root = document.documentElement.style;\r\n    for (const [key, value] of Object.entries(variants)) {\r\n      root.setProperty(key, value);\r\n    }\r\n\r\n    if (typeof window !== \"undefined\") {\r\n      localStorage.setItem(\"selectedScheme\", selectedScheme.toString());\r\n    }\r\n  }, [selectedScheme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ selectedScheme, setSelectedScheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":["createContext","colorSchemes","getDefaultColorSchemeName","useState","useEffect","registerColorScheme","getAllColorSchemes","jsx"],"mappings":"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"}

package/dist/core/ThemeProvider.cjs.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ThemeContext = require("./ThemeContext-CtZXUeeU.cjs");
+exports.ThemeContext = ThemeContext.ThemeContext;
+exports.ThemeProvider = ThemeContext.ThemeProvider;
+//# sourceMappingURL=ThemeProvider.cjs.js.map

package/dist/core/ThemeProvider.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/core/ThemeProvider.js

@@ -0,0 +1,6 @@
+import { a, T } from "./ThemeContext-Bo0vLczy.js";
+export {
+  a as ThemeContext,
+  T as ThemeProvider
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/core/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/Timeline-D7fd8-u_.js

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-BILmxkZG.js";
+const TimelineBase = ({
+  items,
+  orientation = "vertical",
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  classMap,
+  className,
+  "data-testid": testId = "timeline"
+}) => {
+  const outerWrapper = useMemo(
+    () => combineClassNames(
+      classMap.timeline,
+      classMap[orientation],
+      classMap[theme],
+      className
+    ),
+    [classMap, orientation, theme, shadow, rounding]
+  );
+  const itemClassName = useMemo(
+    () => combineClassNames(classMap.item, classMap[orientation], classMap[theme]),
+    [classMap, orientation, theme]
+  );
+  const markerClassName = useMemo(
+    () => combineClassNames(
+      classMap.marker,
+      classMap[theme],
+      classMap[orientation],
+      shadow && classMap[`shadow${capitalize(shadow)}`]
+    ),
+    [classMap, orientation, theme, shadow]
+  );
+  const contentClassName = useMemo(
+    () => combineClassNames(
+      classMap.content,
+      classMap[orientation],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [classMap, orientation, shadow, rounding]
+  );
+  return /* @__PURE__ */ jsx("ul", { className: outerWrapper, "data-testid": testId, "aria-label": "Timeline", children: items.map((item, index) => {
+    const IconComponent = item.icon;
+    const itemTestId = `${testId}-item-${index}`;
+    const labelId = `${itemTestId}-title`;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: itemClassName,
+        "data-testid": itemTestId,
+        "aria-labelledby": labelId,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: markerClassName,
+              "data-testid": `${itemTestId}-marker`,
+              "aria-hidden": IconComponent ? "true" : void 0,
+              children: IconComponent ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classMap.icon,
+                  "data-testid": `${itemTestId}-icon`,
+                  children: /* @__PURE__ */ jsx(IconComponent, {})
+                }
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classMap.dot,
+                  "data-testid": `${itemTestId}-dot`,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: contentClassName,
+              "data-testid": `${itemTestId}-content`,
+              children: [
+                /* @__PURE__ */ jsx("h3", { id: labelId, className: classMap.title, children: item.title }),
+                item.date && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: classMap.date,
+                    "data-testid": `${itemTestId}-date`,
+                    "aria-label": `Date: ${item.date}`,
+                    children: item.date
+                  }
+                ),
+                item.description && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: classMap.description,
+                    "data-testid": `${itemTestId}-description`,
+                    children: item.description
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      index
+    );
+  }) });
+};
+const classes = {
+  timeline: "timeline",
+  item: "timeline_item",
+  marker: "timeline_marker",
+  icon: "timeline_icon",
+  dot: "timeline_dot",
+  content: "timeline_content",
+  title: "timeline_title",
+  date: "timeline_date",
+  description: "timeline_description",
+  vertical: "timeline_vertical",
+  horizontal: "timeline_horizontal",
+  primary: "timeline_primary",
+  secondary: "timeline_secondary",
+  tertiary: "timeline_tertiary",
+  quaternary: "timeline_quaternary",
+  clear: "timeline_clear",
+  shadowNone: "timeline_shadow-None",
+  shadowLight: "timeline_shadow-Light",
+  shadowMedium: "timeline_shadow-Medium",
+  shadowStrong: "timeline_shadow-Strong",
+  shadowIntense: "timeline_shadow-Intense",
+  roundNone: "timeline_round-None",
+  roundSmall: "timeline_round-Small",
+  roundMedium: "timeline_round-Medium",
+  roundLarge: "timeline_round-Large"
+};
+const Timeline = (props) => {
+  return /* @__PURE__ */ jsx(TimelineBase, { ...props, classMap: classes });
+};
+export {
+  Timeline as T
+};
+//# sourceMappingURL=Timeline-D7fd8-u_.js.map

package/dist/core/Timeline-D7fd8-u_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline-D7fd8-u_.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/core/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className\r\n      ),\r\n    [classMap, orientation, theme, shadow, rounding]\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme]\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, orientation, theme, shadow]\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, orientation, shadow, rounding]\r\n  );\r\n\r\n  return (\r\n    <ul className={outerWrapper} data-testid={testId} aria-label=\"Timeline\">\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={labelId}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={IconComponent ? \"true\" : undefined}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                >\r\n                  <IconComponent />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              <h3 id={labelId} className={classMap.title}>\r\n                {item.title}\r\n              </h3>\r\n              {item.date && (\r\n                <p\r\n                  className={classMap.date}\r\n                  data-testid={`${itemTestId}-date`}\r\n                  aria-label={`Date: ${item.date}`}\r\n                >\r\n                  {item.date}\r\n                </p>\r\n              )}\r\n              {item.description && (\r\n                <p\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nexport default TimelineBase;\r\n","import React from \"react\";\r\nimport \"./Timeline.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst classes = {\r\n  timeline: \"timeline\",\r\n  item: \"timeline_item\",\r\n  marker: \"timeline_marker\",\r\n  icon: \"timeline_icon\",\r\n  dot: \"timeline_dot\",\r\n  content: \"timeline_content\",\r\n  title: \"timeline_title\",\r\n  date: \"timeline_date\",\r\n  description: \"timeline_description\",\r\n\r\n  vertical: \"timeline_vertical\",\r\n  horizontal: \"timeline_horizontal\",\r\n\r\n  primary: \"timeline_primary\",\r\n  secondary: \"timeline_secondary\",\r\n  tertiary: \"timeline_tertiary\",\r\n  quaternary: \"timeline_quaternary\",\r\n\r\n  clear: \"timeline_clear\",\r\n\r\n  shadowNone: \"timeline_shadow-None\",\r\n  shadowLight: \"timeline_shadow-Light\",\r\n  shadowMedium: \"timeline_shadow-Medium\",\r\n  shadowStrong: \"timeline_shadow-Strong\",\r\n  shadowIntense: \"timeline_shadow-Intense\",\r\n\r\n  roundNone: \"timeline_round-None\",\r\n  roundSmall: \"timeline_round-Small\",\r\n  roundMedium: \"timeline_round-Medium\",\r\n  roundLarge: \"timeline_round-Large\",\r\n};\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Timeline;\r\n"],"names":[],"mappings":"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"}