@elevasis/ui 1.11.2 → 1.13.0

package/dist/provider/index.d.ts

@@ -57,17 +57,18 @@ interface NotificationAdapter {
 /**
  * Provides a notification adapter to all descendant components.
  *
- * Pass a `MantineNotificationAdapter` for Command Center, or any custom
- * adapter for other consumers (template, tests, etc.).
+ * Pass a custom adapter for your notification library. ElevasisUIProvider
+ * wires the Mantine adapter automatically; template/test consumers can
+ * pass their own or omit for console output.
  *
  * When omitted, hooks fall back to the console adapter automatically.
  *
  * @example
  * ```tsx
  * import { NotificationProvider } from '@repo/ui/provider'
- * import { mantineNotificationAdapter } from '@repo/ui/provider'
+ * import { myAdapter } from './my-adapter'
  *
- * <NotificationProvider adapter={mantineNotificationAdapter}>
+ * <NotificationProvider adapter={myAdapter}>
  *   <App />
  * </NotificationProvider>
  * ```
@@ -87,6 +88,18 @@ declare function NotificationProvider({ adapter, children }: {
  */
 declare function useNotificationAdapter(): NotificationAdapter;
 
+interface AppearanceConfig {
+    /** Background layers rendered behind app content. Defaults to Elevasis background. */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
+    loader?: ReactNode;
+}
+declare function AppearanceProvider({ value, children }: {
+    value: Required<AppearanceConfig>;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppearance(): Required<AppearanceConfig>;
+
 /** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
 type WithSchemes<T> = T & {
     light?: T;
@@ -202,10 +215,16 @@ interface ElevasisCoreProviderProps {
      * When provided, wraps the subtree in a NotificationProvider with this adapter.
      * When omitted, the console fallback adapter is used automatically.
      *
-     * ElevasisUIProvider (Mantine variant) passes mantineNotificationAdapter here automatically.
+     * ElevasisUIProvider (Mantine variant) passes a Mantine-backed adapter here automatically.
      * Headless/SDK consumers can pass a custom adapter or omit for console output.
      */
     notifications?: NotificationAdapter;
+    /**
+     * Appearance configuration for background and loader.
+     * When omitted, defaults to the Elevasis background (PerspectiveGrid + RadiantGlow +
+     * FloatingOrbs + FilmGrain) and the Elevasis chevron loader.
+     */
+    appearance?: AppearanceConfig;
     /**
      * Whether to inject CSS variables, `data-elevasis-scheme` attribute, and font links.
      * Set to `false` when the consumer has its own complete design system and only
@@ -219,7 +238,7 @@ interface ElevasisCoreProviderProps {
  * Provides a ready-to-use apiRequest function and organization state.
  *
  * For standalone usage (testing, embedding), use ElevasisServiceProvider directly.
- * For standard SDK usage, ElevasisProvider composes this automatically when apiUrl is provided.
+ * For standard SDK usage, ElevasisUIProvider composes this automatically when apiUrl is provided.
  */
 interface ElevasisServiceContextValue {
     apiRequest: <T>(endpoint: string, options?: RequestInit) => Promise<T>;
@@ -238,16 +257,13 @@ interface ElevasisServiceProviderProps {
  *
  * Pure auth + API provider with no style side-effects. Does not inject CSS
  * variables, set `data-elevasis-scheme`, or load fonts. Consumers that need
- * Elevasis theming should use `ElevasisProvider` (Mantine) instead.
+ * Elevasis theming should use `ElevasisUIProvider` (Mantine) instead.
  *
  * When `apiUrl` is provided, composes the full provider stack:
  *   QueryClientProvider -> AuthProvider -> ApiClientProvider ->
- *   ElevasisServiceProvider -> ProfileProvider -> OrganizationProvider ->
+ *   ProfileProvider -> OrganizationProvider -> ElevasisServiceProvider ->
  *   NotificationProvider -> InitializationProvider
  *
- * The `notifications` prop wires a custom adapter (e.g. mantineNotificationAdapter)
- * into the NotificationProvider. When omitted, the console fallback is used.
- *
  * @example Headless SDK consumer
  * ```tsx
  * <ElevasisCoreProvider
@@ -257,32 +273,21 @@ interface ElevasisServiceProviderProps {
  *   <Dashboard />
  * </ElevasisCoreProvider>
  * ```
- *
- * @example With custom notification adapter
- * ```tsx
- * <ElevasisCoreProvider
- *   auth={{ mode: 'authkit', clientId: '...', redirectUri: '/' }}
- *   apiUrl="https://api.elevasis.com"
- *   notifications={myNotificationAdapter}
- * >
- *   <Dashboard />
- * </ElevasisCoreProvider>
- * ```
  */
-declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Hook to access the ElevasisServiceProvider context.
  * Provides apiRequest, organizationId, and isReady.
  *
- * Throws if used outside of an ElevasisServiceProvider or ElevasisProvider (with apiUrl).
+ * Throws if used outside of an ElevasisServiceProvider or ElevasisUIProvider (with apiUrl).
  */
 declare function useElevasisServices(): ElevasisServiceContextValue;
 /**
  * Standalone service provider for testing, embedding, or advanced consumers.
  *
  * Accepts apiRequest, organizationId, and isReady directly as props.
- * ElevasisProvider composes this internally when apiUrl is provided.
+ * ElevasisUIProvider composes this internally when apiUrl is provided.
  *
  * @example Testing
  * ```tsx
@@ -312,38 +317,10 @@ interface ElevasisThemeConfig extends ElevasisCoreThemeConfig {
  * Props for ElevasisUIProvider (Mantine variant).
  * Extends ElevasisCoreProviderProps with Mantine-aware theme config.
  */
-interface ElevasisProviderProps extends Omit<ElevasisCoreProviderProps, 'theme' | 'notifications'> {
+interface ElevasisUIProviderProps extends Omit<ElevasisCoreProviderProps, 'theme' | 'notifications'> {
     theme?: ElevasisThemeConfig;
 }
-/**
- * UI provider for Elevasis-powered applications. Includes Mantine theme integration.
- *
- * A thin Mantine shell around ElevasisCoreProvider. Handles:
- * - MantineProvider with theme resolution (presets, token overrides, color scheme)
- * - Google Font injection for preset fonts
- * - CSS variables resolver
- * - Mantine notification adapter (wired into NotificationProvider automatically)
- *
- * All auth, API, profile, organization, and initialization composition is
- * delegated to ElevasisCoreProvider.
- */
-declare function ElevasisUIProvider({ theme, children, ...coreProps }: ElevasisProviderProps): react_jsx_runtime.JSX.Element;
-/** @deprecated Use ElevasisUIProvider instead. Alias kept for backwards compatibility. */
-declare const ElevasisProvider: typeof ElevasisUIProvider;
-
-/**
- * Mantine-backed notification adapter.
- *
- * Wraps `@mantine/notifications` with the same defaults as `notify.tsx`
- * (`autoClose: 5000`, `position: 'top-right'`). The `apiError()` method
- * replicates `showApiErrorNotification` behavior including retryAfter-based
- * autoClose.
- *
- * Use this adapter in Command Center (Mantine-powered) consumers.
- * Template consumers should omit the NotificationProvider and rely on the
- * console fallback, or supply their own adapter.
- */
-declare const mantineNotificationAdapter: NotificationAdapter;
+declare function ElevasisUIProvider({ theme, children, ...coreProps }: ElevasisUIProviderProps): react_jsx_runtime.JSX.Element;
 
-export { ElevasisCoreProvider, ElevasisProvider, ElevasisServiceProvider, ElevasisUIProvider, NotificationProvider, mantineNotificationAdapter, useElevasisServices, useNotificationAdapter };
-export type { ApiKeyConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisThemeConfig, ElevasisTokenOverrides, NotificationAdapter, PresetName, WithSchemes };
+export { AppearanceProvider, ElevasisCoreProvider, ElevasisServiceProvider, ElevasisUIProvider, NotificationProvider, useAppearance, useElevasisServices, useNotificationAdapter };
+export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisThemeConfig, ElevasisTokenOverrides, NotificationAdapter, PresetName, WithSchemes };

package/dist/provider/index.js

@@ -1,10 +1,12 @@
-export { ElevasisProvider, ElevasisUIProvider, mantineNotificationAdapter } from '../chunk-KPRCFAI4.js';
+export { ElevasisUIProvider } from '../chunk-4HLCZVS6.js';
 import '../chunk-WNRHQAJA.js';
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-564T2YKH.js';
-import '../chunk-2YBPRE6H.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-HLZMP7GN.js';
+export { AppearanceProvider, useAppearance } from '../chunk-HRG3KPL6.js';
+import '../chunk-SZHARWKU.js';
+import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 import '../chunk-FCFLBMVI.js';
-import '../chunk-WUQWCUCB.js';
-export { ElevasisServiceProvider, useElevasisServices } from '../chunk-GZVH423C.js';
+import '../chunk-3VTC7OWU.js';
+export { ElevasisServiceProvider, useElevasisServices } from '../chunk-BK4EIWNU.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-7PLEQFHO.js';
+import '../chunk-BRJ3QZ4E.js';

package/dist/provider/published.css

@@ -0,0 +1,44 @@
+/* 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));
+}
+.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));
+  }
+}

package/dist/provider/published.d.ts

@@ -56,17 +56,18 @@ interface NotificationAdapter {
 /**
  * Provides a notification adapter to all descendant components.
  *
- * Pass a `MantineNotificationAdapter` for Command Center, or any custom
- * adapter for other consumers (template, tests, etc.).
+ * Pass a custom adapter for your notification library. ElevasisUIProvider
+ * wires the Mantine adapter automatically; template/test consumers can
+ * pass their own or omit for console output.
  *
  * When omitted, hooks fall back to the console adapter automatically.
  *
  * @example
  * ```tsx
  * import { NotificationProvider } from '@repo/ui/provider'
- * import { mantineNotificationAdapter } from '@repo/ui/provider'
+ * import { myAdapter } from './my-adapter'
  *
- * <NotificationProvider adapter={mantineNotificationAdapter}>
+ * <NotificationProvider adapter={myAdapter}>
  *   <App />
  * </NotificationProvider>
  * ```
@@ -86,6 +87,18 @@ declare function NotificationProvider({ adapter, children }: {
  */
 declare function useNotificationAdapter(): NotificationAdapter;
 
+interface AppearanceConfig {
+    /** Background layers rendered behind app content. Defaults to Elevasis background. */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
+    loader?: ReactNode;
+}
+declare function AppearanceProvider({ value, children }: {
+    value: Required<AppearanceConfig>;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppearance(): Required<AppearanceConfig>;
+
 /** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
 type WithSchemes<T> = T & {
     light?: T;
@@ -201,10 +214,16 @@ interface ElevasisCoreProviderProps {
      * When provided, wraps the subtree in a NotificationProvider with this adapter.
      * When omitted, the console fallback adapter is used automatically.
      *
-     * ElevasisUIProvider (Mantine variant) passes mantineNotificationAdapter here automatically.
+     * ElevasisUIProvider (Mantine variant) passes a Mantine-backed adapter here automatically.
      * Headless/SDK consumers can pass a custom adapter or omit for console output.
      */
     notifications?: NotificationAdapter;
+    /**
+     * Appearance configuration for background and loader.
+     * When omitted, defaults to the Elevasis background (PerspectiveGrid + RadiantGlow +
+     * FloatingOrbs + FilmGrain) and the Elevasis chevron loader.
+     */
+    appearance?: AppearanceConfig;
     /**
      * Whether to inject CSS variables, `data-elevasis-scheme` attribute, and font links.
      * Set to `false` when the consumer has its own complete design system and only
@@ -218,7 +237,7 @@ interface ElevasisCoreProviderProps {
  * Provides a ready-to-use apiRequest function and organization state.
  *
  * For standalone usage (testing, embedding), use ElevasisServiceProvider directly.
- * For standard SDK usage, ElevasisProvider composes this automatically when apiUrl is provided.
+ * For standard SDK usage, ElevasisUIProvider composes this automatically when apiUrl is provided.
  */
 interface ElevasisServiceContextValue {
     apiRequest: <T>(endpoint: string, options?: RequestInit) => Promise<T>;
@@ -237,16 +256,13 @@ interface ElevasisServiceProviderProps {
  *
  * Pure auth + API provider with no style side-effects. Does not inject CSS
  * variables, set `data-elevasis-scheme`, or load fonts. Consumers that need
- * Elevasis theming should use `ElevasisProvider` (Mantine) instead.
+ * Elevasis theming should use `ElevasisUIProvider` (Mantine) instead.
  *
  * When `apiUrl` is provided, composes the full provider stack:
  *   QueryClientProvider -> AuthProvider -> ApiClientProvider ->
- *   ElevasisServiceProvider -> ProfileProvider -> OrganizationProvider ->
+ *   ProfileProvider -> OrganizationProvider -> ElevasisServiceProvider ->
  *   NotificationProvider -> InitializationProvider
  *
- * The `notifications` prop wires a custom adapter (e.g. mantineNotificationAdapter)
- * into the NotificationProvider. When omitted, the console fallback is used.
- *
  * @example Headless SDK consumer
  * ```tsx
  * <ElevasisCoreProvider
@@ -256,32 +272,21 @@ interface ElevasisServiceProviderProps {
  *   <Dashboard />
  * </ElevasisCoreProvider>
  * ```
- *
- * @example With custom notification adapter
- * ```tsx
- * <ElevasisCoreProvider
- *   auth={{ mode: 'authkit', clientId: '...', redirectUri: '/' }}
- *   apiUrl="https://api.elevasis.com"
- *   notifications={myNotificationAdapter}
- * >
- *   <Dashboard />
- * </ElevasisCoreProvider>
- * ```
  */
-declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Hook to access the ElevasisServiceProvider context.
  * Provides apiRequest, organizationId, and isReady.
  *
- * Throws if used outside of an ElevasisServiceProvider or ElevasisProvider (with apiUrl).
+ * Throws if used outside of an ElevasisServiceProvider or ElevasisUIProvider (with apiUrl).
  */
 declare function useElevasisServices(): ElevasisServiceContextValue;
 /**
  * Standalone service provider for testing, embedding, or advanced consumers.
  *
  * Accepts apiRequest, organizationId, and isReady directly as props.
- * ElevasisProvider composes this internally when apiUrl is provided.
+ * ElevasisUIProvider composes this internally when apiUrl is provided.
  *
  * @example Testing
  * ```tsx
@@ -299,5 +304,5 @@ declare function useElevasisServices(): ElevasisServiceContextValue;
  */
 declare function ElevasisServiceProvider({ apiRequest, organizationId, isReady, children }: ElevasisServiceProviderProps): react_jsx_runtime.JSX.Element;
 
-export { ElevasisCoreProvider, ElevasisServiceProvider, NotificationProvider, useElevasisServices, useNotificationAdapter };
-export type { ApiKeyConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisTokenOverrides, NotificationAdapter, WithSchemes };
+export { AppearanceProvider, ElevasisCoreProvider, ElevasisServiceProvider, NotificationProvider, useAppearance, useElevasisServices, useNotificationAdapter };
+export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisTokenOverrides, NotificationAdapter, WithSchemes };

package/dist/provider/published.js

@@ -1,8 +1,10 @@
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-564T2YKH.js';
-import '../chunk-2YBPRE6H.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-HLZMP7GN.js';
+export { AppearanceProvider, useAppearance } from '../chunk-HRG3KPL6.js';
+import '../chunk-SZHARWKU.js';
+import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 import '../chunk-FCFLBMVI.js';
-import '../chunk-WUQWCUCB.js';
-export { ElevasisServiceProvider, useElevasisServices } from '../chunk-GZVH423C.js';
+import '../chunk-3VTC7OWU.js';
+export { ElevasisServiceProvider, useElevasisServices } from '../chunk-BK4EIWNU.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-7PLEQFHO.js';
+import '../chunk-BRJ3QZ4E.js';

package/dist/supabase/index.js

@@ -1,2 +1,2 @@
-export { getSupabaseClient, useSupabase } from '../chunk-JGJSZ3UE.js';
-import '../chunk-7PLEQFHO.js';
+export { getSupabaseClient, useSupabase } from '../chunk-NJJ3NQ7B.js';
+import '../chunk-BRJ3QZ4E.js';

package/dist/types/index.d.ts

@@ -3179,6 +3179,8 @@ interface APIExecutionDetail extends APIExecutionSummary$1 {
     apiVersion?: string | null;
     resourceVersion?: string | null;
     sdkVersion?: string | null;
+    isArchived?: boolean;
+    archivedLogCount?: number;
 }
 interface APIExecutionListResponse {
     executions: APIExecutionSummary$1[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.11.2",
+  "version": "1.13.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",