@elevasis/ui 2.0.0 → 2.0.2

package/dist/provider/index.css

@@ -1,3 +1,130 @@
+/* src/components/display/StatCard.module.css */
+.heroCard {
+  background: var(--glass-background);
+  backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+}
+.iconRing {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 15%, transparent);
+}
+.iconRingSm {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 8px color-mix(in srgb, var(--color-primary) 12%, transparent);
+}
+.heroValue {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.85rem;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+[data-mantine-color-scheme=dark] .heroValue {
+  text-shadow: 0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
+}
+.heroValueSm {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.35rem;
+  font-weight: 700;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+.heroLabel {
+  font-size: 0.68rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+.heroLabelSm {
+  font-size: 0.62rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+[data-mantine-color-scheme=light] .chevron {
+  filter: none;
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+[data-mantine-color-scheme=light] .chevron {
+  animation-name: chevronPulseLight;
+}
+@keyframes chevronPulseLight {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  40%, 60% {
+    opacity: 1;
+  }
+}
+
 /* src/theme/custom.css */
 .mantine-Button-root[data-variant=default] {
   background-color: var(--color-surface);
@@ -69,62 +196,3 @@
 .recharts-surface:focus {
   outline: none;
 }
-
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-[data-mantine-color-scheme=light] .chevron {
-  filter: none;
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-[data-mantine-color-scheme=light] .chevron {
-  animation-name: chevronPulseLight;
-}
-@keyframes chevronPulseLight {
-  0%, 100% {
-    opacity: 0.2;
-  }
-  40%, 60% {
-    opacity: 1;
-  }
-}

package/dist/provider/index.d.ts

@@ -311,6 +311,7 @@ interface FeatureNavLink {
     link: string;
     featureKey?: string;
     onClick?: () => void;
+    links?: FeatureNavLink[];
 }
 interface FeatureNavEntry {
     label: string;
@@ -329,6 +330,14 @@ interface FeatureModule {
     sidebar?: FeatureSidebarComponent;
     subshellRoutes?: string[];
 }
+type FeatureRouteState = 'enabled' | 'disabled' | 'missing';
+interface FeatureRouteResolution {
+    state: FeatureRouteState;
+    path: string;
+    feature?: FeatureModule;
+    navEntry?: FeatureNavEntry;
+    navLink?: FeatureNavLink;
+}
 interface FeatureRegistry {
     features: FeatureModule[];
 }
@@ -337,6 +346,7 @@ interface ElevasisFeaturesProviderProps {
     timeRange?: TimeRange;
     operationsApiUrl?: string;
     operationsSSEManager?: SSEConnectionManagerLike;
+    disabledSubsectionPaths?: string[];
     children: ReactNode;
 }
 interface ElevasisFeaturesContextValue {
@@ -346,13 +356,15 @@ interface ElevasisFeaturesContextValue {
     timeRange?: TimeRange;
     operationsApiUrl?: string;
     operationsSSEManager?: SSEConnectionManagerLike;
+    disabledSubsectionPaths: string[];
     isFeatureEnabled: (key: string) => boolean;
     getFeature: (key: string) => FeatureModule | undefined;
+    resolveNavRoute: (path: string) => FeatureRouteResolution;
 }
 
 declare function useElevasisFeatures(): ElevasisFeaturesContextValue;
 declare function useOptionalElevasisFeatures(): ElevasisFeaturesContextValue | null;
-declare function ElevasisFeaturesProvider({ features, timeRange, operationsApiUrl, operationsSSEManager, children }: ElevasisFeaturesProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisFeaturesProvider({ features, timeRange, operationsApiUrl, operationsSSEManager, disabledSubsectionPaths, children }: ElevasisFeaturesProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function FeatureShell({ children }: {
     children: ReactNode;
@@ -421,4 +433,4 @@ interface ElevasisUIProviderProps extends Omit<ElevasisCoreProviderProps, 'theme
 declare function ElevasisUIProvider({ theme, children, ...coreProps }: ElevasisUIProviderProps): react_jsx_runtime.JSX.Element;
 
 export { AppearanceProvider, ElevasisCoreProvider, ElevasisFeaturesProvider, ElevasisServiceProvider, ElevasisUIProvider, FeatureShell, NotificationProvider, useAppearance, useElevasisFeatures, useElevasisServices, useNotificationAdapter, useOptionalElevasisFeatures };
-export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisFeaturesContextValue, ElevasisFeaturesProviderProps, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisThemeConfig, ElevasisTokenOverrides, FeatureModule, FeatureNavEntry, FeatureNavLink, FeatureRegistry, FeatureSidebarComponent, NotificationAdapter, PresetName, WithSchemes };
+export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisFeaturesContextValue, ElevasisFeaturesProviderProps, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisThemeConfig, ElevasisTokenOverrides, FeatureModule, FeatureNavEntry, FeatureNavLink, FeatureRegistry, FeatureRouteResolution, FeatureRouteState, FeatureSidebarComponent, NotificationAdapter, PresetName, WithSchemes };

package/dist/provider/index.js

@@ -1,17 +1,21 @@
-export { ElevasisUIProvider } from '../chunk-FW4S3Z5I.js';
-import '../chunk-SZHARWKU.js';
-import '../chunk-TXPUIHX2.js';
+export { ElevasisUIProvider } from '../chunk-2DSYC52I.js';
+import '../chunk-X7CHQ3RE.js';
 import '../chunk-CYXZHBP4.js';
-export { ElevasisCoreProvider, ElevasisFeaturesProvider, FeatureShell, NotificationProvider, useElevasisFeatures, useNotificationAdapter, useOptionalElevasisFeatures } from '../chunk-45MS3IAW.js';
-import '../chunk-5COLSYBE.js';
+export { ElevasisCoreProvider, ElevasisFeaturesProvider, FeatureShell, NotificationProvider, useElevasisFeatures, useNotificationAdapter, useOptionalElevasisFeatures } from '../chunk-MZPVNRPL.js';
+import '../chunk-RX4UWZZR.js';
+import '../chunk-Y3D3WFJG.js';
+import '../chunk-3KMDHCAR.js';
+import '../chunk-NYBEU5TE.js';
 import '../chunk-NVOCKXUQ.js';
 import '../chunk-2IFYDILW.js';
+import '../chunk-ELJIFLCB.js';
 import '../chunk-W4VYXIN7.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-QJ2S46NI.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-IOKL7BKE.js';
+import '../chunk-MTJ43R2E.js';
 import '../chunk-TUXTSEAF.js';
 import '../chunk-DD3CCMCZ.js';
 export { ElevasisServiceProvider, useElevasisServices } from '../chunk-QEPXAWE2.js';

package/dist/provider/published.css

@@ -0,0 +1,126 @@
+/* src/components/display/StatCard.module.css */
+.heroCard {
+  background: var(--glass-background);
+  backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+}
+.iconRing {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 15%, transparent);
+}
+.iconRingSm {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 8px color-mix(in srgb, var(--color-primary) 12%, transparent);
+}
+.heroValue {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.85rem;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+[data-mantine-color-scheme=dark] .heroValue {
+  text-shadow: 0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
+}
+.heroValueSm {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.35rem;
+  font-weight: 700;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+.heroLabel {
+  font-size: 0.68rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+.heroLabelSm {
+  font-size: 0.62rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+[data-mantine-color-scheme=light] .chevron {
+  filter: none;
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+[data-mantine-color-scheme=light] .chevron {
+  animation-name: chevronPulseLight;
+}
+@keyframes chevronPulseLight {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  40%, 60% {
+    opacity: 1;
+  }
+}

package/dist/provider/published.d.ts

@@ -310,6 +310,7 @@ interface FeatureNavLink {
     link: string;
     featureKey?: string;
     onClick?: () => void;
+    links?: FeatureNavLink[];
 }
 interface FeatureNavEntry {
     label: string;
@@ -328,6 +329,14 @@ interface FeatureModule {
     sidebar?: FeatureSidebarComponent;
     subshellRoutes?: string[];
 }
+type FeatureRouteState = 'enabled' | 'disabled' | 'missing';
+interface FeatureRouteResolution {
+    state: FeatureRouteState;
+    path: string;
+    feature?: FeatureModule;
+    navEntry?: FeatureNavEntry;
+    navLink?: FeatureNavLink;
+}
 interface FeatureRegistry {
     features: FeatureModule[];
 }
@@ -336,6 +345,7 @@ interface ElevasisFeaturesProviderProps {
     timeRange?: TimeRange;
     operationsApiUrl?: string;
     operationsSSEManager?: SSEConnectionManagerLike;
+    disabledSubsectionPaths?: string[];
     children: ReactNode;
 }
 interface ElevasisFeaturesContextValue {
@@ -345,13 +355,15 @@ interface ElevasisFeaturesContextValue {
     timeRange?: TimeRange;
     operationsApiUrl?: string;
     operationsSSEManager?: SSEConnectionManagerLike;
+    disabledSubsectionPaths: string[];
     isFeatureEnabled: (key: string) => boolean;
     getFeature: (key: string) => FeatureModule | undefined;
+    resolveNavRoute: (path: string) => FeatureRouteResolution;
 }
 
 declare function useElevasisFeatures(): ElevasisFeaturesContextValue;
 declare function useOptionalElevasisFeatures(): ElevasisFeaturesContextValue | null;
-declare function ElevasisFeaturesProvider({ features, timeRange, operationsApiUrl, operationsSSEManager, children }: ElevasisFeaturesProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisFeaturesProvider({ features, timeRange, operationsApiUrl, operationsSSEManager, disabledSubsectionPaths, children }: ElevasisFeaturesProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function FeatureShell({ children }: {
     children: ReactNode;
@@ -399,4 +411,4 @@ declare function useElevasisServices(): ElevasisServiceContextValue;
 declare function ElevasisServiceProvider({ apiRequest, organizationId, isReady, children }: ElevasisServiceProviderProps): react_jsx_runtime.JSX.Element;
 
 export { AppearanceProvider, ElevasisCoreProvider, ElevasisFeaturesProvider, ElevasisServiceProvider, FeatureShell, NotificationProvider, useAppearance, useElevasisFeatures, useElevasisServices, useNotificationAdapter, useOptionalElevasisFeatures };
-export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisFeaturesContextValue, ElevasisFeaturesProviderProps, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisTokenOverrides, FeatureModule, FeatureNavEntry, FeatureNavLink, FeatureRegistry, FeatureSidebarComponent, NotificationAdapter, WithSchemes };
+export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisFeaturesContextValue, ElevasisFeaturesProviderProps, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisTokenOverrides, FeatureModule, FeatureNavEntry, FeatureNavLink, FeatureRegistry, FeatureRouteResolution, FeatureRouteState, FeatureSidebarComponent, NotificationAdapter, WithSchemes };

package/dist/provider/published.js

@@ -1,13 +1,18 @@
-export { ElevasisCoreProvider, ElevasisFeaturesProvider, FeatureShell, NotificationProvider, useElevasisFeatures, useNotificationAdapter, useOptionalElevasisFeatures } from '../chunk-45MS3IAW.js';
-import '../chunk-5COLSYBE.js';
+export { ElevasisCoreProvider, ElevasisFeaturesProvider, FeatureShell, NotificationProvider, useElevasisFeatures, useNotificationAdapter, useOptionalElevasisFeatures } from '../chunk-MZPVNRPL.js';
+import '../chunk-RX4UWZZR.js';
+import '../chunk-Y3D3WFJG.js';
+import '../chunk-3KMDHCAR.js';
+import '../chunk-NYBEU5TE.js';
 import '../chunk-NVOCKXUQ.js';
 import '../chunk-2IFYDILW.js';
+import '../chunk-ELJIFLCB.js';
 import '../chunk-W4VYXIN7.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-QJ2S46NI.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-IOKL7BKE.js';
+import '../chunk-MTJ43R2E.js';
 import '../chunk-TUXTSEAF.js';
 import '../chunk-DD3CCMCZ.js';
 export { ElevasisServiceProvider, useElevasisServices } from '../chunk-QEPXAWE2.js';

package/dist/theme/index.js

@@ -1,3 +1,3 @@
-export { useAvailablePresets } from '../chunk-QTD5HPKD.js';
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-TXPUIHX2.js';
+export { useAvailablePresets } from '../chunk-EIHG5JZN.js';
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-X7CHQ3RE.js';
 import '../chunk-CYXZHBP4.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -239,8 +239,8 @@
     "typescript": "5.9.2",
     "vite": "^7.0.0",
     "@repo/core": "0.0.0",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "@repo/typescript-config": "0.0.0",
+    "@repo/eslint-config": "0.0.0"
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",

package/dist/chunk-ALA56RGZ.js

@@ -1,13 +0,0 @@
-import { useAuthContext } from './chunk-BRJ3QZ4E.js';
-import { useRef, useCallback } from 'react';
-
-function useStableAccessToken() {
-  const { getAccessToken } = useAuthContext();
-  const getAccessTokenRef = useRef(getAccessToken);
-  getAccessTokenRef.current = getAccessToken;
-  return useCallback(() => {
-    return getAccessTokenRef.current();
-  }, []);
-}
-
-export { useStableAccessToken };