@elevasis/ui 1.14.6 → 1.15.1

package/dist/charts/index.js

@@ -1,4 +1,4 @@
-export { ActivityTrendChart, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-HGUJ6SSM.js';
+export { ActivityTrendChart, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-VOSLYTTR.js';
 import '../chunk-KBLGVZBD.js';
 import '../chunk-EQNXEBGZ.js';
 import '../chunk-LHQTTUL2.js';

package/dist/{chunk-RHHWAM22.js → chunk-5H6OPZQB.js}

@@ -1,6 +1,6 @@
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-6ZNKDPAO.js';
-import { AppBackground } from './chunk-TBRTRBJV.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-K6DYEZHC.js';
+import { AppBackground } from './chunk-GATPOCUD.js';
 import { ElevasisCoreProvider } from './chunk-YCOTIVEZ.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';
@@ -39,11 +39,11 @@ var mantineAdapter = {
 function ElevasisUIProvider({ theme, children, ...coreProps }) {
   const resolvedColorScheme = theme?.colorScheme ?? "dark";
   const activePresets = theme?.presets ?? PRESETS;
+  const preset = useMemo(() => getPreset(theme?.preset ?? "default", theme?.presets), [theme?.preset, theme?.presets]);
   const resolvedAppearance = {
-    background: theme?.background ?? /* @__PURE__ */ jsx(AppBackground, {}),
-    loader: theme?.loader ?? /* @__PURE__ */ jsx(Loader, { size: "xl", loaders: { elevasis: ElevasisLoader }, type: "elevasis" })
+    background: theme?.background ?? preset.background ?? /* @__PURE__ */ jsx(AppBackground, {}),
+    loader: theme?.loader ?? preset.loader ?? /* @__PURE__ */ jsx(Loader, { size: "xl", loaders: { elevasis: ElevasisLoader }, type: "elevasis" })
   };
-  const preset = useMemo(() => getPreset(theme?.preset ?? "default", theme?.presets), [theme?.preset, theme?.presets]);
   useEffect(() => {
     if (!preset.fontImports?.length) return;
     const links = [];

package/dist/{chunk-E72FC2ZF.js → chunk-CWCX2HCP.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-6ZNKDPAO.js';
+import { usePresetsContext } from './chunk-K6DYEZHC.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([

package/dist/chunk-GATPOCUD.js

@@ -0,0 +1,14 @@
+import { PerspectiveGrid, RadiantGlow, FloatingOrbs, FilmGrain } from './chunk-GIQPDIG5.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function AppBackground({ children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PerspectiveGrid, {}),
+    /* @__PURE__ */ jsx(RadiantGlow, {}),
+    /* @__PURE__ */ jsx(FloatingOrbs, {}),
+    /* @__PURE__ */ jsx(FilmGrain, {}),
+    children
+  ] });
+}
+
+export { AppBackground };

package/dist/{chunk-TBRTRBJV.js → chunk-GIQPDIG5.js}

@@ -4,10 +4,11 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 // src/components/layout/backgrounds/PerspectiveGrid.tsx
 function PerspectiveGrid({
   glowColor = "rgba(123, 123, 123, 0.1)",
+  lineColor: lineColorProp,
   className
 }) {
   const colorScheme = useComputedColorScheme();
-  const lineColor = colorScheme === "dark" ? "rgba(90, 90, 90, 0.1)" : "rgba(120, 120, 120, 0.1)";
+  const lineColor = lineColorProp ?? (colorScheme === "dark" ? "rgba(90, 90, 90, 0.1)" : "rgba(120, 120, 120, 0.1)");
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -270,14 +271,104 @@ function FilmGrain({ darkOpacity = 0.02, lightOpacity = 0.06, className }) {
     }
   );
 }
-function AppBackground({ children }) {
+var randRange = (min, max) => min + Math.random() * (max - min);
+var FLUX_SPARKS = Array.from({ length: 42 }, () => {
+  const duration = randRange(6, 15);
+  const pulse = randRange(0.8, 2.2);
+  return {
+    left: randRange(0, 100),
+    size: randRange(1.5, 4.2),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-35, 35),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var KEYFRAMES4 = `
+@keyframes elevasis-cyber-spark-rise {
+  0% { transform: translate3d(0, 0, 0); opacity: 0; }
+  10% { opacity: 1; }
+  85% { opacity: 0.9; }
+  100% { transform: translate3d(var(--cy-drift, 0px), -112vh, 0); opacity: 0; }
+}
+@keyframes elevasis-cyber-spark-pulse {
+  0%, 100% { filter: brightness(0.55); transform: scale(0.8); }
+  50% { filter: brightness(1.7); transform: scale(1.25); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elevasis-cyber-spark,
+  .elevasis-cyber-spark-inner {
+    animation: none !important;
+  }
+  .elevasis-cyber-spark {
+    opacity: 0 !important;
+  }
+}
+`;
+function FluxSparks() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_SPARKS.map((s, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-spark",
+      style: {
+        position: "absolute",
+        bottom: "-2%",
+        left: `${s.left}%`,
+        width: `${s.size}px`,
+        height: `${s.size}px`,
+        animation: `elevasis-cyber-spark-rise ${s.duration}s linear infinite`,
+        animationDelay: `${s.delay}s`,
+        ["--cy-drift"]: `${s.drift}px`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-spark-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: "var(--color-primary)",
+            boxShadow: `0 0 ${s.size * 2.5}px var(--color-primary), 0 0 ${s.size * 5}px color-mix(in srgb, var(--color-primary) 50%, transparent)`,
+            animation: `elevasis-cyber-spark-pulse ${s.pulse}s ease-in-out infinite`,
+            animationDelay: `${s.pulseDelay}s`,
+            willChange: "transform, filter"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
+function CyberParticles({ variant: _variant, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: KEYFRAMES4 }),
+        /* @__PURE__ */ jsx(FluxSparks, {})
+      ]
+    }
+  );
+}
+function CyberBackground({ variant }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PerspectiveGrid, {}),
+    /* @__PURE__ */ jsx(PerspectiveGrid, { lineColor: "var(--color-border)" }),
     /* @__PURE__ */ jsx(RadiantGlow, {}),
     /* @__PURE__ */ jsx(FloatingOrbs, {}),
-    /* @__PURE__ */ jsx(FilmGrain, {}),
-    children
+    /* @__PURE__ */ jsx(CyberParticles, { variant }),
+    /* @__PURE__ */ jsx(FilmGrain, {})
   ] });
 }
 
-export { AppBackground, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow };
+export { CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow };