@elevasis/ui 1.15.3 → 1.17.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.15.3",
+  "version": "1.17.1",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -43,6 +43,10 @@
       "types": "./dist/organization/index.d.ts",
       "import": "./dist/organization/index.js"
     },
+    "./features/operations": {
+      "types": "./dist/features/operations/index.d.ts",
+      "import": "./dist/features/operations/index.js"
+    },
     "./types": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/types/index.js"

package/dist/chunk-LHQTTUL2.js

@@ -1,27 +0,0 @@
-import { RouterProvider } from './chunk-Q7DJKLEN.js';
-import { useLocation, useRouter, Link } from '@tanstack/react-router';
-import { useCallback, useMemo, forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function TanStackRouterBridge({ children }) {
-  const location = useLocation();
-  const router = useRouter();
-  const navigate = useCallback((to) => router.navigate({ to }), [router]);
-  const Link$1 = useMemo(
-    () => forwardRef(function AdapterLink(props, ref) {
-      return /* @__PURE__ */ jsx(Link, { ref, ...props });
-    }),
-    []
-  );
-  const value = useMemo(
-    () => ({
-      currentPath: location.pathname,
-      navigate,
-      Link: Link$1
-    }),
-    [location.pathname, navigate, Link$1]
-  );
-  return /* @__PURE__ */ jsx(RouterProvider, { value, children });
-}
-
-export { TanStackRouterBridge };

package/dist/components/layout/backgrounds/CyberParticles.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-export type CyberVariant = 'flux' | 'strike' | 'void' | 'volt';
-interface CyberParticlesProps {
-    /** Which particle flavor to render. */
-    variant: CyberVariant;
-    className?: string;
-}
-/**
- * Techy particle layer for cyber-themed presets.
- *
- * Sits alongside `PerspectiveGrid` / `RadiantGlow` / `FloatingOrbs` / `FilmGrain`
- * at the same z-level (via document order) and adds rising electric sparks
- * that inherit their color from `var(--color-primary)` so they automatically
- * match the active preset's accent:
- *
- *   - `flux`    — yellow sparks
- *   - `strike`  — red sparks
- *   - `void`    — blue sparks
- *   - `volt`    — cyan sparks
- *
- * The `variant` prop is currently unused at the render level (all four
- * cyber presets share the same spark effect), but is kept in the API so
- * individual variants can diverge again without changing preset wiring.
- *
- * Particle field is generated once at module load (fresh per page reload).
- * All animations are disabled under `prefers-reduced-motion`.
- */
-export declare function CyberParticles({ variant: _variant, className }: CyberParticlesProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=CyberParticles.d.ts.map

package/dist/components/layout/backgrounds/CyberParticles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CyberParticles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/backgrounds/CyberParticles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE9D,UAAU,mBAAmB;IAC3B,uCAAuC;IACvC,OAAO,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmJD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBvG"}

package/dist/components/layout/backgrounds/CyberParticles.js

@@ -1,138 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const randRange = (min, max) => min + Math.random() * (max - min);
-// -----------------------------------------------------------------------------
-// Flux — Rising electric sparks. Bright primary-colored dots with halo glow
-// rising from the bottom of the viewport with slight horizontal drift and a
-// secondary pulse animation for flicker energy.
-// -----------------------------------------------------------------------------
-const FLUX_SPARKS = Array.from({ length: 42 }, () => {
-    const duration = randRange(14, 32);
-    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)
-    };
-});
-// Larger, blurrier, slower orbs drifting up in the background. Lower opacity
-// and heavier blur so they read as depth haze rather than distinct particles.
-const FLUX_GLOWS = Array.from({ length: 14 }, () => {
-    const duration = randRange(28, 55);
-    const pulse = randRange(3.5, 7);
-    return {
-        left: randRange(-5, 105),
-        size: randRange(3, 22),
-        duration,
-        delay: -randRange(0, duration),
-        drift: randRange(-80, 80),
-        blur: randRange(6, 16),
-        opacity: randRange(0.18, 0.42),
-        pulse,
-        pulseDelay: -randRange(0, pulse)
-    };
-});
-const KEYFRAMES = `
-@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); }
-}
-@keyframes elevasis-cyber-glow-pulse {
-  0%, 100% { transform: scale(0.85); }
-  50% { transform: scale(1.2); }
-}
-@media (prefers-reduced-motion: reduce) {
-  .elevasis-cyber-spark,
-  .elevasis-cyber-spark-inner,
-  .elevasis-cyber-glow,
-  .elevasis-cyber-glow-inner {
-    animation: none !important;
-  }
-  .elevasis-cyber-spark,
-  .elevasis-cyber-glow {
-    opacity: 0 !important;
-  }
-}
-`;
-function FluxGlows() {
-    return (_jsx(_Fragment, { children: FLUX_GLOWS.map((g, i) => (_jsx("div", { className: "elevasis-cyber-glow", style: {
-                position: 'absolute',
-                bottom: '-5%',
-                left: `${g.left}%`,
-                width: `${g.size}px`,
-                height: `${g.size}px`,
-                opacity: g.opacity,
-                filter: `blur(${g.blur}px)`,
-                animation: `elevasis-cyber-spark-rise ${g.duration}s linear infinite`,
-                animationDelay: `${g.delay}s`,
-                ['--cy-drift']: `${g.drift}px`,
-                willChange: 'transform, opacity'
-            }, children: _jsx("div", { className: "elevasis-cyber-glow-inner", style: {
-                    width: '100%',
-                    height: '100%',
-                    borderRadius: '50%',
-                    background: `radial-gradient(circle, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 60%, transparent) 45%, transparent 75%)`,
-                    animation: `elevasis-cyber-glow-pulse ${g.pulse}s ease-in-out infinite`,
-                    animationDelay: `${g.pulseDelay}s`,
-                    willChange: 'transform'
-                } }) }, i))) }));
-}
-function FluxSparks() {
-    return (_jsx(_Fragment, { children: FLUX_SPARKS.map((s, i) => (_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: _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))) }));
-}
-/**
- * Techy particle layer for cyber-themed presets.
- *
- * Sits alongside `PerspectiveGrid` / `RadiantGlow` / `FloatingOrbs` / `FilmGrain`
- * at the same z-level (via document order) and adds rising electric sparks
- * that inherit their color from `var(--color-primary)` so they automatically
- * match the active preset's accent:
- *
- *   - `flux`    — yellow sparks
- *   - `strike`  — red sparks
- *   - `void`    — blue sparks
- *   - `volt`    — cyan sparks
- *
- * The `variant` prop is currently unused at the render level (all four
- * cyber presets share the same spark effect), but is kept in the API so
- * individual variants can diverge again without changing preset wiring.
- *
- * Particle field is generated once at module load (fresh per page reload).
- * All animations are disabled under `prefers-reduced-motion`.
- */
-export function CyberParticles({ variant: _variant, className }) {
-    return (_jsxs("div", { className: className, "aria-hidden": "true", style: {
-            position: 'absolute',
-            inset: 0,
-            pointerEvents: 'none',
-            overflow: 'hidden'
-        }, children: [_jsx("style", { children: KEYFRAMES }), _jsx(FluxGlows, {}), _jsx(FluxSparks, {})] }));
-}