@elevasis/ui 1.12.0 → 1.14.0

package/dist/profile/index.d.ts

@@ -2345,6 +2345,7 @@ type Tables<DefaultSchemaTableNameOrOptions extends keyof (DefaultSchema["Tables
 
 type SupabaseUserProfile = Tables<'users'>;
 
+type ApiRequestFn$1 = <T>(endpoint: string, options?: RequestInit) => Promise<T>;
 interface ProfileContextValue {
     profile: SupabaseUserProfile | null;
     loading: boolean;
@@ -2363,13 +2364,16 @@ declare function useProfile(): ProfileContextValue;
  * Wraps useUserProfile so that all consumers share one profile fetch
  * instead of each triggering an independent sync call.
  *
- * Must be rendered inside the auth and service provider layers so that
- * the underlying hook can access useAuthContext and useElevasisServices.
+ * Must be rendered inside the auth provider layer so that the underlying
+ * hook can access useAuthContext. Receives apiRequest as a prop so it
+ * can mount before ElevasisServiceProvider.
  */
-declare function ProfileProvider({ children }: {
+declare function ProfileProvider({ apiRequest, children }: {
+    apiRequest: ApiRequestFn$1;
     children: ReactNode;
 }): react.FunctionComponentElement<react.ProviderProps<ProfileContextValue | null>>;
 
+type ApiRequestFn = <T>(endpoint: string, options?: RequestInit) => Promise<T>;
 interface UseUserProfileOptions {
     /**
      * Optional error handler for profile sync failures
@@ -2379,6 +2383,12 @@ interface UseUserProfileOptions {
         phase: 'profile-sync';
         userId?: string;
     }, error: Error) => void;
+    /**
+     * Pre-built apiRequest function. When provided, used directly instead of
+     * reading from ElevasisServiceContext. Required when calling from ProfileProvider
+     * (which mounts before ElevasisServiceProvider).
+     */
+    apiRequest?: ApiRequestFn;
 }
 interface UseUserProfileReturn {
     profile: SupabaseUserProfile | null;
@@ -2395,7 +2405,7 @@ interface UseUserProfileReturn {
  * 3. Handles loading states and errors
  * 4. Includes a refetch function for manual updates
  *
- * @param options - Optional configuration including error handler
+ * @param options - Optional configuration including error handler and apiRequest
  */
 declare const useUserProfile: (options?: UseUserProfileOptions) => UseUserProfileReturn;
 

package/dist/profile/index.js

@@ -1,3 +1,3 @@
 import '../chunk-RNP5R5I3.js';
-export { ProfileProvider, UserProfileService, useProfile, useUserProfile } from '../chunk-GZVH423C.js';
-import '../chunk-7PLEQFHO.js';
+export { ProfileProvider, UserProfileService, useProfile, useUserProfile } from '../chunk-BK4EIWNU.js';
+import '../chunk-BRJ3QZ4E.js';

package/dist/provider/index.css

@@ -1,48 +1,3 @@
-/* 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));
-  }
-}
-
 /* src/theme/custom.css */
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
@@ -107,3 +62,48 @@
 .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));
+}
+.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/index.d.ts

@@ -88,18 +88,6 @@ 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;
@@ -219,12 +207,6 @@ interface ElevasisCoreProviderProps {
      * 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
@@ -238,7 +220,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>;
@@ -257,16 +239,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
- * into the NotificationProvider. When omitted, the console fallback is used.
- *
  * @example Headless SDK consumer
  * ```tsx
  * <ElevasisCoreProvider
@@ -276,32 +255,33 @@ 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, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+
+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>;
 
 /**
  * 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
@@ -321,22 +301,24 @@ declare function ElevasisServiceProvider({ apiRequest, organizationId, isReady,
 
 /**
  * Mantine-specific theme config — extends the headless core config with
- * a full Mantine theme override escape hatch.
+ * visual appearance and a full Mantine theme override escape hatch.
  */
 interface ElevasisThemeConfig extends ElevasisCoreThemeConfig {
     /** Full Mantine theme override — merged on top of Elevasis defaults. */
     mantine?: MantineThemeOverride;
+    /** Background layers rendered behind app content. Defaults to Elevasis background (PerspectiveGrid + RadiantGlow + FloatingOrbs + FilmGrain). */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader (xl). */
+    loader?: ReactNode;
 }
 /**
  * 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;
 }
-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;
+declare function ElevasisUIProvider({ theme, children, ...coreProps }: ElevasisUIProviderProps): react_jsx_runtime.JSX.Element;
 
-export { AppearanceProvider, ElevasisCoreProvider, ElevasisProvider, ElevasisServiceProvider, ElevasisUIProvider, NotificationProvider, useAppearance, useElevasisServices, useNotificationAdapter };
+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,12 +1,13 @@
-export { ElevasisProvider, ElevasisUIProvider } from '../chunk-VUFYYNTF.js';
+export { ElevasisUIProvider } from '../chunk-F5BVI434.js';
 import '../chunk-WNRHQAJA.js';
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-I427OSNH.js';
-export { AppearanceProvider, useAppearance } from '../chunk-HRG3KPL6.js';
+import '../chunk-TBRTRBJV.js';
 import '../chunk-SZHARWKU.js';
-import '../chunk-2YBPRE6H.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-BUN337J3.js';
+export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.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.d.ts

@@ -87,18 +87,6 @@ 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;
@@ -218,12 +206,6 @@ interface ElevasisCoreProviderProps {
      * 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
@@ -237,7 +219,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>;
@@ -256,16 +238,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
- * into the NotificationProvider. When omitted, the console fallback is used.
- *
  * @example Headless SDK consumer
  * ```tsx
  * <ElevasisCoreProvider
@@ -275,32 +254,33 @@ 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, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+
+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>;
 
 /**
  * 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

package/dist/provider/published.js

@@ -1,10 +1,9 @@
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-I427OSNH.js';
-export { AppearanceProvider, useAppearance } from '../chunk-HRG3KPL6.js';
-import '../chunk-SZHARWKU.js';
-import '../chunk-2YBPRE6H.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-BUN337J3.js';
+export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.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/package.json

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

package/dist/provider/published.css

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