@demokit-ai/react 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -62,7 +62,13 @@ function DemoKitProvider({
   // Detection & guards
   detection,
   canDisable,
-  onMutationIntercepted
+  onMutationIntercepted,
+  pathAliases,
+  warnOnCatchAll,
+  // Query cache
+  queryClient: externalQueryClient,
+  // URL redirects
+  urlRedirects
 }) {
   const [isDemoMode, setIsDemoMode] = (0, import_react2.useState)(initialEnabled);
   const [isHydrated, setIsHydrated] = (0, import_react2.useState)(false);
@@ -74,6 +80,28 @@ function DemoKitProvider({
   const initializedRef = (0, import_react2.useRef)(false);
   const remoteFixturesRef = (0, import_react2.useRef)(null);
   const refetchFnRef = (0, import_react2.useRef)(null);
+  const handleUrlRedirect = (0, import_react2.useCallback)((enteringDemo) => {
+    if (!urlRedirects?.length || typeof window === "undefined") return;
+    const path = window.location.pathname;
+    const UUID_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/;
+    for (const redirect of urlRedirects) {
+      const patternRegex = new RegExp(
+        "^" + redirect.pattern.replace(/:[a-zA-Z_]+/g, "([^/]+)").replace(/\*/g, ".*") + "$"
+      );
+      if (enteringDemo) {
+        if (patternRegex.test(path) && UUID_REGEX.test(path)) {
+          window.location.replace(redirect.demoUrl);
+          return;
+        }
+      } else {
+        if (path.startsWith(redirect.demoUrl) || path === redirect.demoUrl) {
+          const exitUrl = redirect.exitUrl || redirect.pattern.replace(/\/:.*$/, "");
+          window.location.replace(exitUrl);
+          return;
+        }
+      }
+    }
+  }, [urlRedirects]);
   const setupInterceptor = (0, import_react2.useCallback)(
     (mergedFixtures) => {
       interceptorRef.current?.destroy();
@@ -85,13 +113,19 @@ function DemoKitProvider({
         detection,
         canDisable,
         onMutationIntercepted,
+        pathAliases,
+        warnOnCatchAll,
         onEnable: () => {
           setIsDemoMode(true);
           onDemoModeChange?.(true);
+          externalQueryClient?.invalidateQueries();
+          handleUrlRedirect(true);
         },
         onDisable: () => {
           setIsDemoMode(false);
           onDemoModeChange?.(false);
+          externalQueryClient?.invalidateQueries();
+          handleUrlRedirect(false);
         }
       });
       const storedState = interceptorRef.current.isEnabled();
@@ -99,7 +133,7 @@ function DemoKitProvider({
       setIsPublicDemo(interceptorRef.current.isPublicDemo());
       setIsHydrated(true);
     },
-    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted]
+    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted, pathAliases, warnOnCatchAll, externalQueryClient, handleUrlRedirect]
   );
   const fetchAndSetup = (0, import_react2.useCallback)(async () => {
     if (!source?.apiKey) return;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/provider.tsx","../src/context.ts","../src/config.ts","../src/hooks.ts","../src/guard.ts","../src/powered-by.tsx","../src/banner.tsx","../src/toggle.tsx"],"sourcesContent":["/**\n * @demokit-ai/react\n *\n * React bindings for DemoKit - provider, hooks, and components.\n *\n * @example\n * import { DemoKitProvider, useDemoMode, DemoModeBanner } from '@demokit-ai/react'\n *\n * const fixtures = {\n *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],\n * }\n *\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <DemoModeBanner />\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n *\n * // In any component\n * function MyComponent() {\n *   const { isDemoMode, isHydrated, toggle } = useDemoMode()\n *   // ...\n * }\n *\n * @packageDocumentation\n */\n\n// Provider\nexport { DemoKitProvider } from './provider'\n\n// Config helpers\nexport { createRemoteSource } from './config'\n\n// Hooks\nexport { useDemoMode, useIsDemoMode, useIsHydrated, useDemoSession } from './hooks'\nexport { useDemoGuard } from './guard'\n\n// Components\nexport { DemoModeBanner } from './banner'\nexport { DemoModeToggle } from './toggle'\nexport { PoweredByBadge } from './powered-by'\n\n// Context (for advanced use cases)\nexport { DemoModeContext } from './context'\n\n// Types\nexport type {\n  DemoKitProviderProps,\n  DemoModeContextValue,\n  DemoModeBannerProps,\n} from './types'\n\n// Guard types\nexport type { UseDemoGuardOptions, DemoGuardReturn } from './guard'\n\n// Component types (from component files)\nexport type { DemoModeToggleProps } from './toggle'\nexport type { PoweredByBadgeProps } from './powered-by'\n\n// Re-export core types for convenience\nexport type {\n  FixtureMap,\n  FixtureHandler,\n  RequestContext,\n  SessionState,\n  RemoteConfig,\n  DetectionConfig,\n  MutationInterceptedContext,\n} from '@demokit-ai/core'\n","'use client'\n\nimport { useState, useEffect, useCallback, useMemo, useRef } from 'react'\nimport {\n  createDemoInterceptor,\n  fetchCloudFixtures,\n  createRemoteFixtures,\n  type DemoInterceptor,\n  type SessionState,\n  type FixtureMap,\n} from '@demokit-ai/core'\nimport { DemoModeContext } from './context'\nimport type { DemoKitProviderProps, DemoModeContextValue } from './types'\n\n/**\n * Provider component that enables demo mode functionality\n *\n * Wraps your app to provide demo mode state and controls.\n * Handles SSR hydration safely and persists state to localStorage.\n *\n * Supports two modes:\n * 1. **Local mode**: Pass `fixtures` prop with pattern handlers\n * 2. **Remote mode**: Pass `source` to fetch from DemoKit Cloud\n *\n * @example Local mode\n * ```tsx\n * const fixtures = {\n *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],\n *   'GET /api/users/:id': ({ params }) => ({ id: params.id, name: 'Demo User' }),\n * }\n *\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n *\n * @example Remote mode\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * function App() {\n *   return (\n *     <DemoKitProvider\n *       source={source}\n *       loadingFallback={<LoadingSpinner />}\n *     >\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n */\nexport function DemoKitProvider({\n  children,\n  fixtures,\n  // Remote config\n  source,\n  onRemoteLoad,\n  onRemoteError,\n  loadingFallback = null,\n  errorFallback,\n  // Standard props\n  storageKey = 'demokit-mode',\n  initialEnabled = false,\n  onDemoModeChange,\n  baseUrl,\n  // Detection & guards\n  detection,\n  canDisable,\n  onMutationIntercepted,\n}: DemoKitProviderProps) {\n  // Start with initialEnabled for SSR to avoid hydration mismatch\n  const [isDemoMode, setIsDemoMode] = useState(initialEnabled)\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [isPublicDemo, setIsPublicDemo] = useState(false)\n\n  // Remote loading state\n  const [isLoading, setIsLoading] = useState(!!source?.apiKey)\n  const [remoteError, setRemoteError] = useState<Error | null>(null)\n  const [remoteVersion, setRemoteVersion] = useState<string | null>(null)\n\n  // Keep a ref to the interceptor instance\n  const interceptorRef = useRef<DemoInterceptor | null>(null)\n\n  // Track if we've initialized\n  const initializedRef = useRef(false)\n\n  // Store loaded remote fixtures for refetch merging\n  const remoteFixturesRef = useRef<FixtureMap | null>(null)\n\n  // Store the refetch function for context\n  const refetchFnRef = useRef<(() => Promise<void>) | null>(null)\n\n  /**\n   * Create and configure the demo interceptor\n   */\n  const setupInterceptor = useCallback(\n    (mergedFixtures: FixtureMap) => {\n      interceptorRef.current?.destroy()\n\n      interceptorRef.current = createDemoInterceptor({\n        fixtures: mergedFixtures,\n        storageKey,\n        initialEnabled,\n        baseUrl,\n        detection,\n        canDisable,\n        onMutationIntercepted,\n        onEnable: () => {\n          setIsDemoMode(true)\n          onDemoModeChange?.(true)\n        },\n        onDisable: () => {\n          setIsDemoMode(false)\n          onDemoModeChange?.(false)\n        },\n      })\n\n      // Sync state from storage after hydration\n      const storedState = interceptorRef.current.isEnabled()\n      setIsDemoMode(storedState)\n      setIsPublicDemo(interceptorRef.current.isPublicDemo())\n      setIsHydrated(true)\n    },\n    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted]\n  )\n\n  /**\n   * Fetch fixtures from DemoKit Cloud and set up interceptor\n   */\n  const fetchAndSetup = useCallback(async () => {\n    if (!source?.apiKey) return\n\n    setIsLoading(true)\n    setRemoteError(null)\n\n    try {\n      const response = await fetchCloudFixtures({\n        apiKey: source.apiKey,\n        apiUrl: source.apiUrl,\n        timeout: source.timeout,\n        retry: source.retry,\n        maxRetries: source.maxRetries,\n        onLoad: onRemoteLoad,\n        onError: onRemoteError,\n      })\n\n      // Build fixtures from remote response with local overrides\n      const remoteFixtures = createRemoteFixtures(response, fixtures)\n      remoteFixturesRef.current = remoteFixtures\n\n      setRemoteVersion(response.version)\n      setupInterceptor(remoteFixtures)\n    } catch (error) {\n      const err = error instanceof Error ? error : new Error(String(error))\n      setRemoteError(err)\n      onRemoteError?.(err)\n\n      // If we have local fixtures, still set up with those\n      if (fixtures && Object.keys(fixtures).length > 0) {\n        setupInterceptor(fixtures)\n      } else {\n        setIsHydrated(true)\n      }\n    } finally {\n      setIsLoading(false)\n    }\n  }, [\n    source,\n    fixtures,\n    onRemoteLoad,\n    onRemoteError,\n    setupInterceptor,\n  ])\n\n  // Store refetch function in ref for context access\n  refetchFnRef.current = fetchAndSetup\n\n  // Initialize on mount\n  useEffect(() => {\n    if (initializedRef.current) {\n      return\n    }\n    initializedRef.current = true\n\n    if (source?.apiKey) {\n      // Remote mode: fetch from cloud\n      fetchAndSetup()\n    } else if (fixtures) {\n      // Local mode: use provided fixtures\n      setupInterceptor(fixtures)\n    } else {\n      // No fixtures at all - just mark as hydrated\n      setIsHydrated(true)\n      setIsLoading(false)\n    }\n\n    return () => {\n      interceptorRef.current?.destroy()\n      interceptorRef.current = null\n      initializedRef.current = false\n    }\n  }, []) // Empty deps - only run once on mount\n\n  // Update fixtures if they change (local mode or overrides)\n  useEffect(() => {\n    if (!isHydrated || isLoading) return\n\n    if (source?.apiKey && remoteFixturesRef.current) {\n      // Remote mode: merge new local overrides with cached remote fixtures\n      const merged = { ...remoteFixturesRef.current, ...fixtures }\n      interceptorRef.current?.setFixtures(merged)\n    } else if (fixtures) {\n      // Local mode: update fixtures\n      interceptorRef.current?.setFixtures(fixtures)\n    }\n  }, [fixtures, isHydrated, isLoading, source])\n\n  const enable = useCallback(() => {\n    interceptorRef.current?.enable()\n  }, [])\n\n  const disable = useCallback((): boolean | string => {\n    return interceptorRef.current?.disable() ?? true\n  }, [])\n\n  const toggle = useCallback(() => {\n    interceptorRef.current?.toggle()\n  }, [])\n\n  const setDemoMode = useCallback((enabled: boolean) => {\n    if (enabled) {\n      interceptorRef.current?.enable()\n    } else {\n      interceptorRef.current?.disable()\n    }\n  }, [])\n\n  const resetSession = useCallback(() => {\n    interceptorRef.current?.resetSession()\n  }, [])\n\n  const getSession = useCallback((): SessionState | null => {\n    return interceptorRef.current?.getSession() ?? null\n  }, [])\n\n  const refetch = useCallback(async (): Promise<void> => {\n    if (!source?.apiKey) {\n      console.warn('[DemoKit] refetch() called but no source provided')\n      return\n    }\n    await refetchFnRef.current?.()\n  }, [source])\n\n  const value = useMemo<DemoModeContextValue>(\n    () => ({\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    }),\n    [\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    ]\n  )\n\n  // Render loading state\n  if (isLoading && source?.apiKey) {\n    return (\n      <DemoModeContext.Provider value={value}>\n        {loadingFallback}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  // Render error state\n  if (remoteError && errorFallback) {\n    const errorContent =\n      typeof errorFallback === 'function'\n        ? errorFallback(remoteError)\n        : errorFallback\n\n    return (\n      <DemoModeContext.Provider value={value}>\n        {errorContent}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  return (\n    <DemoModeContext.Provider value={value}>{children}</DemoModeContext.Provider>\n  )\n}\n","import { createContext } from 'react'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * React context for demo mode state\n * @internal\n */\nexport const DemoModeContext = createContext<DemoModeContextValue | undefined>(undefined)\n\nDemoModeContext.displayName = 'DemoModeContext'\n","import type { RemoteConfig } from '@demokit-ai/core'\n\n/**\n * Create a remote source configuration for fetching fixtures from DemoKit Cloud\n *\n * @example\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * <DemoKitProvider source={source}>\n *   {children}\n * </DemoKitProvider>\n * ```\n */\nexport function createRemoteSource(config: RemoteConfig): RemoteConfig {\n  return {\n    timeout: 10000,\n    retry: true,\n    maxRetries: 3,\n    ...config,\n  }\n}\n","'use client'\n\nimport { useContext } from 'react'\nimport { DemoModeContext } from './context'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * Hook to access demo mode state and controls\n *\n * @returns Demo mode context value with state and control methods\n * @throws Error if used outside of DemoKitProvider\n *\n * @example\n * function MyComponent() {\n *   const { isDemoMode, isHydrated, toggle } = useDemoMode()\n *\n *   // Wait for hydration before rendering demo-dependent UI\n *   if (!isHydrated) {\n *     return <Loading />\n *   }\n *\n *   return (\n *     <div>\n *       <p>Demo mode: {isDemoMode ? 'ON' : 'OFF'}</p>\n *       <button onClick={toggle}>Toggle</button>\n *     </div>\n *   )\n * }\n */\nexport function useDemoMode(): DemoModeContextValue {\n  const context = useContext(DemoModeContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useDemoMode must be used within a DemoKitProvider. ' +\n        'Make sure to wrap your app with <DemoKitProvider>.'\n    )\n  }\n\n  return context\n}\n\n/**\n * Hook to check if demo mode is enabled\n * Shorthand for useDemoMode().isDemoMode\n *\n * @returns Whether demo mode is enabled\n */\nexport function useIsDemoMode(): boolean {\n  return useDemoMode().isDemoMode\n}\n\n/**\n * Hook to check if the component has hydrated\n * Shorthand for useDemoMode().isHydrated\n *\n * @returns Whether the component has hydrated\n */\nexport function useIsHydrated(): boolean {\n  return useDemoMode().isHydrated\n}\n\n/**\n * Hook to access the session state\n * Shorthand for useDemoMode().getSession()\n *\n * @returns The session state, or null if not yet initialized\n *\n * @example\n * function MyComponent() {\n *   const session = useDemoSession()\n *\n *   const cart = session?.get<CartItem[]>('cart') || []\n *   const addToCart = (item: CartItem) => {\n *     session?.set('cart', [...cart, item])\n *   }\n *\n *   return <CartView items={cart} onAdd={addToCart} />\n * }\n */\nexport function useDemoSession() {\n  return useDemoMode().getSession()\n}\n","'use client'\n\nimport { useCallback } from 'react'\nimport { useDemoMode } from './hooks'\n\nexport interface UseDemoGuardOptions {\n  /**\n   * Called when a mutation is blocked in demo mode.\n   * Use this to show a toast or notification to the user.\n   * @param message - The action name or a default message\n   */\n  onBlocked?: (message: string) => void\n}\n\nexport interface DemoGuardReturn {\n  /**\n   * Whether demo mode is currently active\n   */\n  isDemoMode: boolean\n\n  /**\n   * Wraps a mutation action — prevents execution in demo mode.\n   * When blocked, calls `onBlocked` with the action name.\n   *\n   * @param action - The mutation function to execute (only runs if NOT in demo mode)\n   * @param actionName - Human-readable name (e.g., \"Changes saved\")\n   * @returns `true` if the action was executed, `false` if blocked\n   *\n   * @example\n   * ```tsx\n   * const { guardMutation } = useDemoGuard({\n   *   onBlocked: (msg) => toast.success(msg)\n   * })\n   *\n   * guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n   * ```\n   */\n  guardMutation: (\n    action: () => void | Promise<void>,\n    actionName?: string\n  ) => boolean\n}\n\n/**\n * Hook that prevents mutations from executing in demo mode.\n *\n * Instead of letting mutations hit the (intercepted) API and trigger\n * side effects like optimistic updates and onSuccess handlers, this\n * hook blocks the mutation entirely and optionally notifies the user.\n *\n * @example\n * ```tsx\n * import { useDemoGuard } from '@demokit-ai/react'\n * import { toast } from 'sonner'\n *\n * function MyComponent() {\n *   const { guardMutation } = useDemoGuard({\n *     onBlocked: (msg) => toast.success(msg, {\n *       description: 'Changes are not saved. Exit demo mode to make real changes.',\n *     })\n *   })\n *\n *   const handleDelete = () => {\n *     guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n *   }\n * }\n * ```\n */\nexport function useDemoGuard(options: UseDemoGuardOptions = {}): DemoGuardReturn {\n  const { isDemoMode } = useDemoMode()\n  const { onBlocked } = options\n\n  const guardMutation = useCallback(\n    (action: () => void | Promise<void>, actionName?: string): boolean => {\n      if (isDemoMode) {\n        const message = actionName\n          ? `${actionName} (simulated in demo mode)`\n          : 'Action simulated in demo mode'\n\n        onBlocked?.(message)\n        return false\n      }\n\n      action()\n      return true\n    },\n    [isDemoMode, onBlocked]\n  )\n\n  return {\n    guardMutation,\n    isDemoMode,\n  }\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\n\n/**\n * Props for the PoweredByBadge component\n */\nexport interface PoweredByBadgeProps {\n  /**\n   * URL to link to when clicked\n   * @default 'https://demokit.ai'\n   */\n  url?: string\n\n  /**\n   * Visual variant for light/dark backgrounds\n   * @default 'auto'\n   */\n  variant?: 'light' | 'dark' | 'auto'\n\n  /**\n   * Size of the badge\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n}\n\n/**\n * External link icon\n */\nfunction ExternalLinkIcon({ size }: { size: number }) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n      <polyline points=\"15 3 21 3 21 9\" />\n      <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Size configurations\n */\nconst sizeConfig = {\n  xs: {\n    fontSize: '10px',\n    padding: '2px 6px',\n    gap: '3px',\n    iconSize: 8,\n  },\n  sm: {\n    fontSize: '11px',\n    padding: '3px 8px',\n    gap: '4px',\n    iconSize: 10,\n  },\n  md: {\n    fontSize: '12px',\n    padding: '4px 10px',\n    gap: '5px',\n    iconSize: 12,\n  },\n}\n\n/**\n * Variant configurations\n */\nconst variantStyles = {\n  light: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    hoverColor: 'rgba(120, 53, 15, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(217, 119, 6, 0.08)',\n  },\n  dark: {\n    color: 'rgba(255, 255, 255, 0.6)',\n    hoverColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n  },\n}\n\n/**\n * A \"Powered by DemoKit\" badge that links to demokit.ai\n *\n * This badge is shown by default for OSS users and cannot be hidden\n * without a valid DemoKit Cloud paid plan.\n *\n * @example\n * <PoweredByBadge />\n *\n * @example With dark theme\n * <PoweredByBadge variant=\"dark\" />\n *\n * @example Small size\n * <PoweredByBadge size=\"xs\" />\n */\nexport function PoweredByBadge({\n  url = 'https://demokit.ai',\n  variant = 'light',\n  size = 'sm',\n  className = '',\n  style,\n}: PoweredByBadgeProps) {\n  const config = sizeConfig[size]\n  const colors = variantStyles[variant === 'auto' ? 'light' : variant]\n\n  const baseStyles: CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: config.gap,\n    fontSize: config.fontSize,\n    padding: config.padding,\n    color: colors.color,\n    textDecoration: 'none',\n    borderRadius: '4px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n    fontWeight: 500,\n    transition: 'color 0.15s ease, background-color 0.15s ease',\n    whiteSpace: 'nowrap',\n    ...style,\n  }\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={`demokit-powered-by ${className}`.trim()}\n      style={baseStyles}\n      onMouseOver={(e) => {\n        e.currentTarget.style.color = colors.hoverColor\n        e.currentTarget.style.backgroundColor = colors.hoverBackgroundColor\n      }}\n      onMouseOut={(e) => {\n        e.currentTarget.style.color = colors.color\n        e.currentTarget.style.backgroundColor = 'transparent'\n      }}\n    >\n      <span>Powered by DemoKit</span>\n      <ExternalLinkIcon size={config.iconSize} />\n    </a>\n  )\n}\n","'use client'\n\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\nimport type { DemoModeBannerProps } from './types'\n\n/**\n * Eye icon SVG component\n */\nfunction EyeIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Default styles for the banner\n */\nconst defaultStyles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 16px',\n    backgroundColor: '#fef3c7',\n    borderBottom: '1px solid rgba(217, 119, 6, 0.2)',\n    fontSize: '14px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  } as React.CSSProperties,\n  content: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as React.CSSProperties,\n  icon: {\n    color: '#d97706',\n    flexShrink: 0,\n  } as React.CSSProperties,\n  label: {\n    fontWeight: 600,\n    color: '#78350f',\n  } as React.CSSProperties,\n  description: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    fontSize: '12px',\n  } as React.CSSProperties,\n  button: {\n    padding: '4px 12px',\n    fontSize: '14px',\n    backgroundColor: 'transparent',\n    border: '1px solid rgba(217, 119, 6, 0.3)',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    color: '#78350f',\n    fontFamily: 'inherit',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n}\n\n/**\n * A ready-to-use banner component that shows when demo mode is active\n *\n * Displays a prominent amber banner with a label, description, and exit button.\n * Automatically hides when demo mode is disabled or before hydration.\n *\n * @example\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <DemoModeBanner />\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n *\n * @example Custom labels\n * <DemoModeBanner\n *   demoLabel=\"Preview Mode\"\n *   description=\"You're viewing sample data\"\n *   exitLabel=\"Exit Preview\"\n * />\n */\nexport function DemoModeBanner({\n  className = '',\n  exitLabel = 'Exit Demo Mode',\n  demoLabel = 'Demo Mode Active',\n  description = 'Changes are simulated and not saved',\n  showIcon = true,\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  style,\n  onExit,\n}: DemoModeBannerProps) {\n  const { isDemoMode, isHydrated, disable } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated || !isDemoMode) {\n    return null\n  }\n\n  const handleExit = () => {\n    if (onExit) {\n      onExit()\n    } else {\n      disable()\n    }\n  }\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-banner ${className}`.trim()}\n      style={{ ...defaultStyles.container, flexDirection: 'column', gap: '4px', ...style }}\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>\n        <div style={defaultStyles.content}>\n          {showIcon && (\n            <span style={defaultStyles.icon}>\n              <EyeIcon />\n            </span>\n          )}\n          <span style={defaultStyles.label}>{demoLabel}</span>\n          {description && <span style={defaultStyles.description}>{description}</span>}\n        </div>\n        <button\n          onClick={handleExit}\n          style={defaultStyles.button}\n          onMouseOver={(e) => {\n            e.currentTarget.style.backgroundColor = 'rgba(217, 119, 6, 0.1)'\n          }}\n          onMouseOut={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n          type=\"button\"\n        >\n          {exitLabel}\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={{ display: 'flex', justifyContent: 'flex-end', width: '100%' }}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\n\n/**\n * Props for the DemoModeToggle component\n */\nexport interface DemoModeToggleProps {\n  /**\n   * Show \"Demo Mode\" label next to the toggle\n   * @default true\n   */\n  showLabel?: boolean\n\n  /**\n   * Label text to display\n   * @default 'Demo Mode'\n   */\n  label?: string\n\n  /**\n   * Show \"Powered by DemoKit\" branding\n   * Note: For OSS users, this is always true regardless of the prop value.\n   * Only paid DemoKit Cloud users can hide the branding.\n   * @default true\n   */\n  showPoweredBy?: boolean\n\n  /**\n   * URL for the \"Powered by\" link\n   * @default 'https://demokit.ai'\n   */\n  poweredByUrl?: string\n\n  /**\n   * Position of the toggle\n   * - 'inline': Renders where placed in the component tree\n   * - 'floating': Fixed position, can be moved around\n   * - 'corner': Fixed to bottom-right corner\n   * @default 'inline'\n   */\n  position?: 'inline' | 'floating' | 'corner'\n\n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n\n  /**\n   * Callback when toggle state changes\n   */\n  onChange?: (enabled: boolean) => void\n}\n\n/**\n * Size configurations for the toggle\n */\nconst sizeConfig = {\n  sm: {\n    trackWidth: 36,\n    trackHeight: 20,\n    thumbSize: 16,\n    thumbOffset: 2,\n    fontSize: '12px',\n    padding: '8px 12px',\n    gap: '8px',\n  },\n  md: {\n    trackWidth: 44,\n    trackHeight: 24,\n    thumbSize: 20,\n    thumbOffset: 2,\n    fontSize: '14px',\n    padding: '12px 16px',\n    gap: '10px',\n  },\n  lg: {\n    trackWidth: 52,\n    trackHeight: 28,\n    thumbSize: 24,\n    thumbOffset: 2,\n    fontSize: '16px',\n    padding: '16px 20px',\n    gap: '12px',\n  },\n}\n\n/**\n * Position configurations\n */\nconst positionStyles: Record<string, CSSProperties> = {\n  inline: {},\n  floating: {\n    position: 'fixed',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n  corner: {\n    position: 'fixed',\n    bottom: '20px',\n    right: '20px',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n}\n\n/**\n * Default styles\n */\nconst defaultStyles = {\n  container: {\n    display: 'inline-flex',\n    flexDirection: 'column' as const,\n    alignItems: 'flex-start',\n    gap: '4px',\n    backgroundColor: '#ffffff',\n    border: '1px solid rgba(0, 0, 0, 0.1)',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n  },\n  label: {\n    fontWeight: 500,\n    color: '#1f2937',\n    userSelect: 'none' as const,\n  },\n  track: {\n    position: 'relative' as const,\n    borderRadius: '9999px',\n    cursor: 'pointer',\n    transition: 'background-color 0.2s ease',\n    flexShrink: 0,\n  },\n  trackOff: {\n    backgroundColor: '#d1d5db',\n  },\n  trackOn: {\n    backgroundColor: '#d97706',\n  },\n  thumb: {\n    position: 'absolute' as const,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    backgroundColor: '#ffffff',\n    borderRadius: '50%',\n    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n    transition: 'left 0.2s ease',\n  },\n  poweredByContainer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    width: '100%',\n  },\n}\n\n/**\n * A toggle switch component for enabling/disabling demo mode\n *\n * Supports inline placement or fixed positioning (floating/corner).\n * Includes optional \"Powered by DemoKit\" branding that is always shown for OSS users.\n *\n * @example Basic inline usage\n * <DemoModeToggle />\n *\n * @example Corner position (floating)\n * <DemoModeToggle position=\"corner\" />\n *\n * @example Without label\n * <DemoModeToggle showLabel={false} />\n *\n * @example With custom label and callback\n * <DemoModeToggle\n *   label=\"Preview Mode\"\n *   onChange={(enabled) => console.log('Demo mode:', enabled)}\n * />\n */\nexport function DemoModeToggle({\n  showLabel = true,\n  label = 'Demo Mode',\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  position = 'inline',\n  size = 'md',\n  className = '',\n  style,\n  onChange,\n}: DemoModeToggleProps) {\n  const { isDemoMode, isHydrated, toggle } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated) {\n    return null\n  }\n\n  const config = sizeConfig[size]\n  const posStyle = positionStyles[position]\n\n  const handleToggle = () => {\n    toggle()\n    onChange?.(!isDemoMode)\n  }\n\n  const thumbLeft = isDemoMode\n    ? config.trackWidth - config.thumbSize - config.thumbOffset\n    : config.thumbOffset\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-toggle ${className}`.trim()}\n      style={{\n        ...defaultStyles.container,\n        padding: config.padding,\n        ...posStyle,\n        ...style,\n      }}\n      role=\"group\"\n      aria-label=\"Demo mode toggle\"\n    >\n      <div style={{ ...defaultStyles.row, gap: config.gap }}>\n        {showLabel && (\n          <span style={{ ...defaultStyles.label, fontSize: config.fontSize }}>{label}</span>\n        )}\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={isDemoMode}\n          aria-label={`${label}: ${isDemoMode ? 'On' : 'Off'}`}\n          onClick={handleToggle}\n          style={{\n            ...defaultStyles.track,\n            ...(isDemoMode ? defaultStyles.trackOn : defaultStyles.trackOff),\n            width: config.trackWidth,\n            height: config.trackHeight,\n            border: 'none',\n            padding: 0,\n          }}\n        >\n          <span\n            style={{\n              ...defaultStyles.thumb,\n              width: config.thumbSize,\n              height: config.thumbSize,\n              left: thumbLeft,\n            }}\n          />\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={defaultStyles.poweredByContainer}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["import_react","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","sizeConfig","defaultStyles"]}
+{"version":3,"sources":["../src/index.ts","../src/provider.tsx","../src/context.ts","../src/config.ts","../src/hooks.ts","../src/guard.ts","../src/powered-by.tsx","../src/banner.tsx","../src/toggle.tsx"],"sourcesContent":["/**\n * @demokit-ai/react\n *\n * React bindings for DemoKit - provider, hooks, and components.\n *\n * @example\n * import { DemoKitProvider, useDemoMode, DemoModeBanner } from '@demokit-ai/react'\n *\n * const fixtures = {\n *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],\n * }\n *\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <DemoModeBanner />\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n *\n * // In any component\n * function MyComponent() {\n *   const { isDemoMode, isHydrated, toggle } = useDemoMode()\n *   // ...\n * }\n *\n * @packageDocumentation\n */\n\n// Provider\nexport { DemoKitProvider } from './provider'\n\n// Config helpers\nexport { createRemoteSource } from './config'\n\n// Hooks\nexport { useDemoMode, useIsDemoMode, useIsHydrated, useDemoSession } from './hooks'\nexport { useDemoGuard } from './guard'\n\n// Components\nexport { DemoModeBanner } from './banner'\nexport { DemoModeToggle } from './toggle'\nexport { PoweredByBadge } from './powered-by'\n\n// Context (for advanced use cases)\nexport { DemoModeContext } from './context'\n\n// Types\nexport type {\n  DemoKitProviderProps,\n  DemoModeContextValue,\n  DemoModeBannerProps,\n} from './types'\n\n// Guard types\nexport type { UseDemoGuardOptions, DemoGuardReturn } from './guard'\n\n// Component types (from component files)\nexport type { DemoModeToggleProps } from './toggle'\nexport type { PoweredByBadgeProps } from './powered-by'\n\n// Re-export core types for convenience\nexport type {\n  FixtureMap,\n  FixtureHandler,\n  RequestContext,\n  SessionState,\n  RemoteConfig,\n  DetectionConfig,\n  MutationInterceptedContext,\n} from '@demokit-ai/core'\n","'use client'\n\nimport { useState, useEffect, useCallback, useMemo, useRef } from 'react'\nimport {\n  createDemoInterceptor,\n  fetchCloudFixtures,\n  createRemoteFixtures,\n  type DemoInterceptor,\n  type SessionState,\n  type FixtureMap,\n} from '@demokit-ai/core'\nimport { DemoModeContext } from './context'\nimport type { DemoKitProviderProps, DemoModeContextValue } from './types'\n\n/**\n * Provider component that enables demo mode functionality\n *\n * Wraps your app to provide demo mode state and controls.\n * Handles SSR hydration safely and persists state to localStorage.\n *\n * Supports two modes:\n * 1. **Local mode**: Pass `fixtures` prop with pattern handlers\n * 2. **Remote mode**: Pass `source` to fetch from DemoKit Cloud\n *\n * @example Local mode\n * ```tsx\n * const fixtures = {\n *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],\n *   'GET /api/users/:id': ({ params }) => ({ id: params.id, name: 'Demo User' }),\n * }\n *\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n *\n * @example Remote mode\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * function App() {\n *   return (\n *     <DemoKitProvider\n *       source={source}\n *       loadingFallback={<LoadingSpinner />}\n *     >\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n */\nexport function DemoKitProvider({\n  children,\n  fixtures,\n  // Remote config\n  source,\n  onRemoteLoad,\n  onRemoteError,\n  loadingFallback = null,\n  errorFallback,\n  // Standard props\n  storageKey = 'demokit-mode',\n  initialEnabled = false,\n  onDemoModeChange,\n  baseUrl,\n  // Detection & guards\n  detection,\n  canDisable,\n  onMutationIntercepted,\n  pathAliases,\n  warnOnCatchAll,\n  // Query cache\n  queryClient: externalQueryClient,\n  // URL redirects\n  urlRedirects,\n}: DemoKitProviderProps) {\n  // Start with initialEnabled for SSR to avoid hydration mismatch\n  const [isDemoMode, setIsDemoMode] = useState(initialEnabled)\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [isPublicDemo, setIsPublicDemo] = useState(false)\n\n  // Remote loading state\n  const [isLoading, setIsLoading] = useState(!!source?.apiKey)\n  const [remoteError, setRemoteError] = useState<Error | null>(null)\n  const [remoteVersion, setRemoteVersion] = useState<string | null>(null)\n\n  // Keep a ref to the interceptor instance\n  const interceptorRef = useRef<DemoInterceptor | null>(null)\n\n  // Track if we've initialized\n  const initializedRef = useRef(false)\n\n  // Store loaded remote fixtures for refetch merging\n  const remoteFixturesRef = useRef<FixtureMap | null>(null)\n\n  // Store the refetch function for context\n  const refetchFnRef = useRef<(() => Promise<void>) | null>(null)\n\n  /**\n   * Handle URL redirects when demo mode toggles.\n   * Matches current URL against urlRedirects config and navigates if needed.\n   */\n  const handleUrlRedirect = useCallback((enteringDemo: boolean) => {\n    if (!urlRedirects?.length || typeof window === 'undefined') return\n\n    const path = window.location.pathname\n    const UUID_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/\n\n    for (const redirect of urlRedirects) {\n      // Convert pattern like '/repositories/:id' to regex\n      const patternRegex = new RegExp(\n        '^' + redirect.pattern\n          .replace(/:[a-zA-Z_]+/g, '([^/]+)')\n          .replace(/\\*/g, '.*') + '$'\n      )\n\n      if (enteringDemo) {\n        // Entering demo: if URL has a real UUID, redirect to demo URL\n        if (patternRegex.test(path) && UUID_REGEX.test(path)) {\n          window.location.replace(redirect.demoUrl)\n          return\n        }\n      } else {\n        // Exiting demo: if URL matches the demo URL, redirect to exit URL\n        if (path.startsWith(redirect.demoUrl) || path === redirect.demoUrl) {\n          const exitUrl = redirect.exitUrl || redirect.pattern.replace(/\\/:.*$/, '')\n          window.location.replace(exitUrl)\n          return\n        }\n      }\n    }\n  }, [urlRedirects])\n\n  /**\n   * Create and configure the demo interceptor\n   */\n  const setupInterceptor = useCallback(\n    (mergedFixtures: FixtureMap) => {\n      interceptorRef.current?.destroy()\n\n      interceptorRef.current = createDemoInterceptor({\n        fixtures: mergedFixtures,\n        storageKey,\n        initialEnabled,\n        baseUrl,\n        detection,\n        canDisable,\n        onMutationIntercepted,\n        pathAliases,\n        warnOnCatchAll,\n        onEnable: () => {\n          setIsDemoMode(true)\n          onDemoModeChange?.(true)\n          // Invalidate query cache so real data is replaced with demo data\n          externalQueryClient?.invalidateQueries()\n          // Redirect to demo URL if configured\n          handleUrlRedirect(true)\n        },\n        onDisable: () => {\n          setIsDemoMode(false)\n          onDemoModeChange?.(false)\n          // Invalidate query cache so demo data is replaced with real data\n          externalQueryClient?.invalidateQueries()\n          // Redirect away from demo URL if configured\n          handleUrlRedirect(false)\n        },\n      })\n\n      // Sync state from storage after hydration\n      const storedState = interceptorRef.current.isEnabled()\n      setIsDemoMode(storedState)\n      setIsPublicDemo(interceptorRef.current.isPublicDemo())\n      setIsHydrated(true)\n    },\n    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted, pathAliases, warnOnCatchAll, externalQueryClient, handleUrlRedirect]\n  )\n\n  /**\n   * Fetch fixtures from DemoKit Cloud and set up interceptor\n   */\n  const fetchAndSetup = useCallback(async () => {\n    if (!source?.apiKey) return\n\n    setIsLoading(true)\n    setRemoteError(null)\n\n    try {\n      const response = await fetchCloudFixtures({\n        apiKey: source.apiKey,\n        apiUrl: source.apiUrl,\n        timeout: source.timeout,\n        retry: source.retry,\n        maxRetries: source.maxRetries,\n        onLoad: onRemoteLoad,\n        onError: onRemoteError,\n      })\n\n      // Build fixtures from remote response with local overrides\n      const remoteFixtures = createRemoteFixtures(response, fixtures)\n      remoteFixturesRef.current = remoteFixtures\n\n      setRemoteVersion(response.version)\n      setupInterceptor(remoteFixtures)\n    } catch (error) {\n      const err = error instanceof Error ? error : new Error(String(error))\n      setRemoteError(err)\n      onRemoteError?.(err)\n\n      // If we have local fixtures, still set up with those\n      if (fixtures && Object.keys(fixtures).length > 0) {\n        setupInterceptor(fixtures)\n      } else {\n        setIsHydrated(true)\n      }\n    } finally {\n      setIsLoading(false)\n    }\n  }, [\n    source,\n    fixtures,\n    onRemoteLoad,\n    onRemoteError,\n    setupInterceptor,\n  ])\n\n  // Store refetch function in ref for context access\n  refetchFnRef.current = fetchAndSetup\n\n  // Initialize on mount\n  useEffect(() => {\n    if (initializedRef.current) {\n      return\n    }\n    initializedRef.current = true\n\n    if (source?.apiKey) {\n      // Remote mode: fetch from cloud\n      fetchAndSetup()\n    } else if (fixtures) {\n      // Local mode: use provided fixtures\n      setupInterceptor(fixtures)\n    } else {\n      // No fixtures at all - just mark as hydrated\n      setIsHydrated(true)\n      setIsLoading(false)\n    }\n\n    return () => {\n      interceptorRef.current?.destroy()\n      interceptorRef.current = null\n      initializedRef.current = false\n    }\n  }, []) // Empty deps - only run once on mount\n\n  // Update fixtures if they change (local mode or overrides)\n  useEffect(() => {\n    if (!isHydrated || isLoading) return\n\n    if (source?.apiKey && remoteFixturesRef.current) {\n      // Remote mode: merge new local overrides with cached remote fixtures\n      const merged = { ...remoteFixturesRef.current, ...fixtures }\n      interceptorRef.current?.setFixtures(merged)\n    } else if (fixtures) {\n      // Local mode: update fixtures\n      interceptorRef.current?.setFixtures(fixtures)\n    }\n  }, [fixtures, isHydrated, isLoading, source])\n\n  const enable = useCallback(() => {\n    interceptorRef.current?.enable()\n  }, [])\n\n  const disable = useCallback((): boolean | string => {\n    return interceptorRef.current?.disable() ?? true\n  }, [])\n\n  const toggle = useCallback(() => {\n    interceptorRef.current?.toggle()\n  }, [])\n\n  const setDemoMode = useCallback((enabled: boolean) => {\n    if (enabled) {\n      interceptorRef.current?.enable()\n    } else {\n      interceptorRef.current?.disable()\n    }\n  }, [])\n\n  const resetSession = useCallback(() => {\n    interceptorRef.current?.resetSession()\n  }, [])\n\n  const getSession = useCallback((): SessionState | null => {\n    return interceptorRef.current?.getSession() ?? null\n  }, [])\n\n  const refetch = useCallback(async (): Promise<void> => {\n    if (!source?.apiKey) {\n      console.warn('[DemoKit] refetch() called but no source provided')\n      return\n    }\n    await refetchFnRef.current?.()\n  }, [source])\n\n  const value = useMemo<DemoModeContextValue>(\n    () => ({\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    }),\n    [\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    ]\n  )\n\n  // Render loading state\n  if (isLoading && source?.apiKey) {\n    return (\n      <DemoModeContext.Provider value={value}>\n        {loadingFallback}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  // Render error state\n  if (remoteError && errorFallback) {\n    const errorContent =\n      typeof errorFallback === 'function'\n        ? errorFallback(remoteError)\n        : errorFallback\n\n    return (\n      <DemoModeContext.Provider value={value}>\n        {errorContent}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  return (\n    <DemoModeContext.Provider value={value}>{children}</DemoModeContext.Provider>\n  )\n}\n","import { createContext } from 'react'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * React context for demo mode state\n * @internal\n */\nexport const DemoModeContext = createContext<DemoModeContextValue | undefined>(undefined)\n\nDemoModeContext.displayName = 'DemoModeContext'\n","import type { RemoteConfig } from '@demokit-ai/core'\n\n/**\n * Create a remote source configuration for fetching fixtures from DemoKit Cloud\n *\n * @example\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * <DemoKitProvider source={source}>\n *   {children}\n * </DemoKitProvider>\n * ```\n */\nexport function createRemoteSource(config: RemoteConfig): RemoteConfig {\n  return {\n    timeout: 10000,\n    retry: true,\n    maxRetries: 3,\n    ...config,\n  }\n}\n","'use client'\n\nimport { useContext } from 'react'\nimport { DemoModeContext } from './context'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * Hook to access demo mode state and controls\n *\n * @returns Demo mode context value with state and control methods\n * @throws Error if used outside of DemoKitProvider\n *\n * @example\n * function MyComponent() {\n *   const { isDemoMode, isHydrated, toggle } = useDemoMode()\n *\n *   // Wait for hydration before rendering demo-dependent UI\n *   if (!isHydrated) {\n *     return <Loading />\n *   }\n *\n *   return (\n *     <div>\n *       <p>Demo mode: {isDemoMode ? 'ON' : 'OFF'}</p>\n *       <button onClick={toggle}>Toggle</button>\n *     </div>\n *   )\n * }\n */\nexport function useDemoMode(): DemoModeContextValue {\n  const context = useContext(DemoModeContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useDemoMode must be used within a DemoKitProvider. ' +\n        'Make sure to wrap your app with <DemoKitProvider>.'\n    )\n  }\n\n  return context\n}\n\n/**\n * Hook to check if demo mode is enabled\n * Shorthand for useDemoMode().isDemoMode\n *\n * @returns Whether demo mode is enabled\n */\nexport function useIsDemoMode(): boolean {\n  return useDemoMode().isDemoMode\n}\n\n/**\n * Hook to check if the component has hydrated\n * Shorthand for useDemoMode().isHydrated\n *\n * @returns Whether the component has hydrated\n */\nexport function useIsHydrated(): boolean {\n  return useDemoMode().isHydrated\n}\n\n/**\n * Hook to access the session state\n * Shorthand for useDemoMode().getSession()\n *\n * @returns The session state, or null if not yet initialized\n *\n * @example\n * function MyComponent() {\n *   const session = useDemoSession()\n *\n *   const cart = session?.get<CartItem[]>('cart') || []\n *   const addToCart = (item: CartItem) => {\n *     session?.set('cart', [...cart, item])\n *   }\n *\n *   return <CartView items={cart} onAdd={addToCart} />\n * }\n */\nexport function useDemoSession() {\n  return useDemoMode().getSession()\n}\n","'use client'\n\nimport { useCallback } from 'react'\nimport { useDemoMode } from './hooks'\n\nexport interface UseDemoGuardOptions {\n  /**\n   * Called when a mutation is blocked in demo mode.\n   * Use this to show a toast or notification to the user.\n   * @param message - The action name or a default message\n   */\n  onBlocked?: (message: string) => void\n}\n\nexport interface DemoGuardReturn {\n  /**\n   * Whether demo mode is currently active\n   */\n  isDemoMode: boolean\n\n  /**\n   * Wraps a mutation action — prevents execution in demo mode.\n   * When blocked, calls `onBlocked` with the action name.\n   *\n   * @param action - The mutation function to execute (only runs if NOT in demo mode)\n   * @param actionName - Human-readable name (e.g., \"Changes saved\")\n   * @returns `true` if the action was executed, `false` if blocked\n   *\n   * @example\n   * ```tsx\n   * const { guardMutation } = useDemoGuard({\n   *   onBlocked: (msg) => toast.success(msg)\n   * })\n   *\n   * guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n   * ```\n   */\n  guardMutation: (\n    action: () => void | Promise<void>,\n    actionName?: string\n  ) => boolean\n}\n\n/**\n * Hook that prevents mutations from executing in demo mode.\n *\n * Instead of letting mutations hit the (intercepted) API and trigger\n * side effects like optimistic updates and onSuccess handlers, this\n * hook blocks the mutation entirely and optionally notifies the user.\n *\n * @example\n * ```tsx\n * import { useDemoGuard } from '@demokit-ai/react'\n * import { toast } from 'sonner'\n *\n * function MyComponent() {\n *   const { guardMutation } = useDemoGuard({\n *     onBlocked: (msg) => toast.success(msg, {\n *       description: 'Changes are not saved. Exit demo mode to make real changes.',\n *     })\n *   })\n *\n *   const handleDelete = () => {\n *     guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n *   }\n * }\n * ```\n */\nexport function useDemoGuard(options: UseDemoGuardOptions = {}): DemoGuardReturn {\n  const { isDemoMode } = useDemoMode()\n  const { onBlocked } = options\n\n  const guardMutation = useCallback(\n    (action: () => void | Promise<void>, actionName?: string): boolean => {\n      if (isDemoMode) {\n        const message = actionName\n          ? `${actionName} (simulated in demo mode)`\n          : 'Action simulated in demo mode'\n\n        onBlocked?.(message)\n        return false\n      }\n\n      action()\n      return true\n    },\n    [isDemoMode, onBlocked]\n  )\n\n  return {\n    guardMutation,\n    isDemoMode,\n  }\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\n\n/**\n * Props for the PoweredByBadge component\n */\nexport interface PoweredByBadgeProps {\n  /**\n   * URL to link to when clicked\n   * @default 'https://demokit.ai'\n   */\n  url?: string\n\n  /**\n   * Visual variant for light/dark backgrounds\n   * @default 'auto'\n   */\n  variant?: 'light' | 'dark' | 'auto'\n\n  /**\n   * Size of the badge\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n}\n\n/**\n * External link icon\n */\nfunction ExternalLinkIcon({ size }: { size: number }) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n      <polyline points=\"15 3 21 3 21 9\" />\n      <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Size configurations\n */\nconst sizeConfig = {\n  xs: {\n    fontSize: '10px',\n    padding: '2px 6px',\n    gap: '3px',\n    iconSize: 8,\n  },\n  sm: {\n    fontSize: '11px',\n    padding: '3px 8px',\n    gap: '4px',\n    iconSize: 10,\n  },\n  md: {\n    fontSize: '12px',\n    padding: '4px 10px',\n    gap: '5px',\n    iconSize: 12,\n  },\n}\n\n/**\n * Variant configurations\n */\nconst variantStyles = {\n  light: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    hoverColor: 'rgba(120, 53, 15, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(217, 119, 6, 0.08)',\n  },\n  dark: {\n    color: 'rgba(255, 255, 255, 0.6)',\n    hoverColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n  },\n}\n\n/**\n * A \"Powered by DemoKit\" badge that links to demokit.ai\n *\n * This badge is shown by default for OSS users and cannot be hidden\n * without a valid DemoKit Cloud paid plan.\n *\n * @example\n * <PoweredByBadge />\n *\n * @example With dark theme\n * <PoweredByBadge variant=\"dark\" />\n *\n * @example Small size\n * <PoweredByBadge size=\"xs\" />\n */\nexport function PoweredByBadge({\n  url = 'https://demokit.ai',\n  variant = 'light',\n  size = 'sm',\n  className = '',\n  style,\n}: PoweredByBadgeProps) {\n  const config = sizeConfig[size]\n  const colors = variantStyles[variant === 'auto' ? 'light' : variant]\n\n  const baseStyles: CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: config.gap,\n    fontSize: config.fontSize,\n    padding: config.padding,\n    color: colors.color,\n    textDecoration: 'none',\n    borderRadius: '4px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n    fontWeight: 500,\n    transition: 'color 0.15s ease, background-color 0.15s ease',\n    whiteSpace: 'nowrap',\n    ...style,\n  }\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={`demokit-powered-by ${className}`.trim()}\n      style={baseStyles}\n      onMouseOver={(e) => {\n        e.currentTarget.style.color = colors.hoverColor\n        e.currentTarget.style.backgroundColor = colors.hoverBackgroundColor\n      }}\n      onMouseOut={(e) => {\n        e.currentTarget.style.color = colors.color\n        e.currentTarget.style.backgroundColor = 'transparent'\n      }}\n    >\n      <span>Powered by DemoKit</span>\n      <ExternalLinkIcon size={config.iconSize} />\n    </a>\n  )\n}\n","'use client'\n\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\nimport type { DemoModeBannerProps } from './types'\n\n/**\n * Eye icon SVG component\n */\nfunction EyeIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Default styles for the banner\n */\nconst defaultStyles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 16px',\n    backgroundColor: '#fef3c7',\n    borderBottom: '1px solid rgba(217, 119, 6, 0.2)',\n    fontSize: '14px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  } as React.CSSProperties,\n  content: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as React.CSSProperties,\n  icon: {\n    color: '#d97706',\n    flexShrink: 0,\n  } as React.CSSProperties,\n  label: {\n    fontWeight: 600,\n    color: '#78350f',\n  } as React.CSSProperties,\n  description: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    fontSize: '12px',\n  } as React.CSSProperties,\n  button: {\n    padding: '4px 12px',\n    fontSize: '14px',\n    backgroundColor: 'transparent',\n    border: '1px solid rgba(217, 119, 6, 0.3)',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    color: '#78350f',\n    fontFamily: 'inherit',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n}\n\n/**\n * A ready-to-use banner component that shows when demo mode is active\n *\n * Displays a prominent amber banner with a label, description, and exit button.\n * Automatically hides when demo mode is disabled or before hydration.\n *\n * @example\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <DemoModeBanner />\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n *\n * @example Custom labels\n * <DemoModeBanner\n *   demoLabel=\"Preview Mode\"\n *   description=\"You're viewing sample data\"\n *   exitLabel=\"Exit Preview\"\n * />\n */\nexport function DemoModeBanner({\n  className = '',\n  exitLabel = 'Exit Demo Mode',\n  demoLabel = 'Demo Mode Active',\n  description = 'Changes are simulated and not saved',\n  showIcon = true,\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  style,\n  onExit,\n}: DemoModeBannerProps) {\n  const { isDemoMode, isHydrated, disable } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated || !isDemoMode) {\n    return null\n  }\n\n  const handleExit = () => {\n    if (onExit) {\n      onExit()\n    } else {\n      disable()\n    }\n  }\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-banner ${className}`.trim()}\n      style={{ ...defaultStyles.container, flexDirection: 'column', gap: '4px', ...style }}\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>\n        <div style={defaultStyles.content}>\n          {showIcon && (\n            <span style={defaultStyles.icon}>\n              <EyeIcon />\n            </span>\n          )}\n          <span style={defaultStyles.label}>{demoLabel}</span>\n          {description && <span style={defaultStyles.description}>{description}</span>}\n        </div>\n        <button\n          onClick={handleExit}\n          style={defaultStyles.button}\n          onMouseOver={(e) => {\n            e.currentTarget.style.backgroundColor = 'rgba(217, 119, 6, 0.1)'\n          }}\n          onMouseOut={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n          type=\"button\"\n        >\n          {exitLabel}\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={{ display: 'flex', justifyContent: 'flex-end', width: '100%' }}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\n\n/**\n * Props for the DemoModeToggle component\n */\nexport interface DemoModeToggleProps {\n  /**\n   * Show \"Demo Mode\" label next to the toggle\n   * @default true\n   */\n  showLabel?: boolean\n\n  /**\n   * Label text to display\n   * @default 'Demo Mode'\n   */\n  label?: string\n\n  /**\n   * Show \"Powered by DemoKit\" branding\n   * Note: For OSS users, this is always true regardless of the prop value.\n   * Only paid DemoKit Cloud users can hide the branding.\n   * @default true\n   */\n  showPoweredBy?: boolean\n\n  /**\n   * URL for the \"Powered by\" link\n   * @default 'https://demokit.ai'\n   */\n  poweredByUrl?: string\n\n  /**\n   * Position of the toggle\n   * - 'inline': Renders where placed in the component tree\n   * - 'floating': Fixed position, can be moved around\n   * - 'corner': Fixed to bottom-right corner\n   * @default 'inline'\n   */\n  position?: 'inline' | 'floating' | 'corner'\n\n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n\n  /**\n   * Callback when toggle state changes\n   */\n  onChange?: (enabled: boolean) => void\n}\n\n/**\n * Size configurations for the toggle\n */\nconst sizeConfig = {\n  sm: {\n    trackWidth: 36,\n    trackHeight: 20,\n    thumbSize: 16,\n    thumbOffset: 2,\n    fontSize: '12px',\n    padding: '8px 12px',\n    gap: '8px',\n  },\n  md: {\n    trackWidth: 44,\n    trackHeight: 24,\n    thumbSize: 20,\n    thumbOffset: 2,\n    fontSize: '14px',\n    padding: '12px 16px',\n    gap: '10px',\n  },\n  lg: {\n    trackWidth: 52,\n    trackHeight: 28,\n    thumbSize: 24,\n    thumbOffset: 2,\n    fontSize: '16px',\n    padding: '16px 20px',\n    gap: '12px',\n  },\n}\n\n/**\n * Position configurations\n */\nconst positionStyles: Record<string, CSSProperties> = {\n  inline: {},\n  floating: {\n    position: 'fixed',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n  corner: {\n    position: 'fixed',\n    bottom: '20px',\n    right: '20px',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n}\n\n/**\n * Default styles\n */\nconst defaultStyles = {\n  container: {\n    display: 'inline-flex',\n    flexDirection: 'column' as const,\n    alignItems: 'flex-start',\n    gap: '4px',\n    backgroundColor: '#ffffff',\n    border: '1px solid rgba(0, 0, 0, 0.1)',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n  },\n  label: {\n    fontWeight: 500,\n    color: '#1f2937',\n    userSelect: 'none' as const,\n  },\n  track: {\n    position: 'relative' as const,\n    borderRadius: '9999px',\n    cursor: 'pointer',\n    transition: 'background-color 0.2s ease',\n    flexShrink: 0,\n  },\n  trackOff: {\n    backgroundColor: '#d1d5db',\n  },\n  trackOn: {\n    backgroundColor: '#d97706',\n  },\n  thumb: {\n    position: 'absolute' as const,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    backgroundColor: '#ffffff',\n    borderRadius: '50%',\n    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n    transition: 'left 0.2s ease',\n  },\n  poweredByContainer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    width: '100%',\n  },\n}\n\n/**\n * A toggle switch component for enabling/disabling demo mode\n *\n * Supports inline placement or fixed positioning (floating/corner).\n * Includes optional \"Powered by DemoKit\" branding that is always shown for OSS users.\n *\n * @example Basic inline usage\n * <DemoModeToggle />\n *\n * @example Corner position (floating)\n * <DemoModeToggle position=\"corner\" />\n *\n * @example Without label\n * <DemoModeToggle showLabel={false} />\n *\n * @example With custom label and callback\n * <DemoModeToggle\n *   label=\"Preview Mode\"\n *   onChange={(enabled) => console.log('Demo mode:', enabled)}\n * />\n */\nexport function DemoModeToggle({\n  showLabel = true,\n  label = 'Demo Mode',\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  position = 'inline',\n  size = 'md',\n  className = '',\n  style,\n  onChange,\n}: DemoModeToggleProps) {\n  const { isDemoMode, isHydrated, toggle } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated) {\n    return null\n  }\n\n  const config = sizeConfig[size]\n  const posStyle = positionStyles[position]\n\n  const handleToggle = () => {\n    toggle()\n    onChange?.(!isDemoMode)\n  }\n\n  const thumbLeft = isDemoMode\n    ? config.trackWidth - config.thumbSize - config.thumbOffset\n    : config.thumbOffset\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-toggle ${className}`.trim()}\n      style={{\n        ...defaultStyles.container,\n        padding: config.padding,\n        ...posStyle,\n        ...style,\n      }}\n      role=\"group\"\n      aria-label=\"Demo mode toggle\"\n    >\n      <div style={{ ...defaultStyles.row, gap: config.gap }}>\n        {showLabel && (\n          <span style={{ ...defaultStyles.label, fontSize: config.fontSize }}>{label}</span>\n        )}\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={isDemoMode}\n          aria-label={`${label}: ${isDemoMode ? 'On' : 'Off'}`}\n          onClick={handleToggle}\n          style={{\n            ...defaultStyles.track,\n            ...(isDemoMode ? defaultStyles.trackOn : defaultStyles.trackOff),\n            width: config.trackWidth,\n            height: config.trackHeight,\n            border: 'none',\n            padding: 0,\n          }}\n        >\n          <span\n            style={{\n              ...defaultStyles.thumb,\n              width: config.thumbSize,\n              height: config.thumbSize,\n              left: thumbLeft,\n            }}\n          />\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={defaultStyles.poweredByContainer}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["import_react","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","sizeConfig","defaultStyles"]}

package/dist/index.js

@@ -30,7 +30,13 @@ function DemoKitProvider({
   // Detection & guards
   detection,
   canDisable,
-  onMutationIntercepted
+  onMutationIntercepted,
+  pathAliases,
+  warnOnCatchAll,
+  // Query cache
+  queryClient: externalQueryClient,
+  // URL redirects
+  urlRedirects
 }) {
   const [isDemoMode, setIsDemoMode] = useState(initialEnabled);
   const [isHydrated, setIsHydrated] = useState(false);
@@ -42,6 +48,28 @@ function DemoKitProvider({
   const initializedRef = useRef(false);
   const remoteFixturesRef = useRef(null);
   const refetchFnRef = useRef(null);
+  const handleUrlRedirect = useCallback((enteringDemo) => {
+    if (!urlRedirects?.length || typeof window === "undefined") return;
+    const path = window.location.pathname;
+    const UUID_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/;
+    for (const redirect of urlRedirects) {
+      const patternRegex = new RegExp(
+        "^" + redirect.pattern.replace(/:[a-zA-Z_]+/g, "([^/]+)").replace(/\*/g, ".*") + "$"
+      );
+      if (enteringDemo) {
+        if (patternRegex.test(path) && UUID_REGEX.test(path)) {
+          window.location.replace(redirect.demoUrl);
+          return;
+        }
+      } else {
+        if (path.startsWith(redirect.demoUrl) || path === redirect.demoUrl) {
+          const exitUrl = redirect.exitUrl || redirect.pattern.replace(/\/:.*$/, "");
+          window.location.replace(exitUrl);
+          return;
+        }
+      }
+    }
+  }, [urlRedirects]);
   const setupInterceptor = useCallback(
     (mergedFixtures) => {
       interceptorRef.current?.destroy();
@@ -53,13 +81,19 @@ function DemoKitProvider({
         detection,
         canDisable,
         onMutationIntercepted,
+        pathAliases,
+        warnOnCatchAll,
         onEnable: () => {
           setIsDemoMode(true);
           onDemoModeChange?.(true);
+          externalQueryClient?.invalidateQueries();
+          handleUrlRedirect(true);
         },
         onDisable: () => {
           setIsDemoMode(false);
           onDemoModeChange?.(false);
+          externalQueryClient?.invalidateQueries();
+          handleUrlRedirect(false);
         }
       });
       const storedState = interceptorRef.current.isEnabled();
@@ -67,7 +101,7 @@ function DemoKitProvider({
       setIsPublicDemo(interceptorRef.current.isPublicDemo());
       setIsHydrated(true);
     },
-    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted]
+    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted, pathAliases, warnOnCatchAll, externalQueryClient, handleUrlRedirect]
   );
   const fetchAndSetup = useCallback(async () => {
     if (!source?.apiKey) return;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/provider.tsx","../src/context.ts","../src/config.ts","../src/hooks.ts","../src/guard.ts","../src/powered-by.tsx","../src/banner.tsx","../src/toggle.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useEffect, useCallback, useMemo, useRef } from 'react'\nimport {\n  createDemoInterceptor,\n  fetchCloudFixtures,\n  createRemoteFixtures,\n  type DemoInterceptor,\n  type SessionState,\n  type FixtureMap,\n} from '@demokit-ai/core'\nimport { DemoModeContext } from './context'\nimport type { DemoKitProviderProps, DemoModeContextValue } from './types'\n\n/**\n * Provider component that enables demo mode functionality\n *\n * Wraps your app to provide demo mode state and controls.\n * Handles SSR hydration safely and persists state to localStorage.\n *\n * Supports two modes:\n * 1. **Local mode**: Pass `fixtures` prop with pattern handlers\n * 2. **Remote mode**: Pass `source` to fetch from DemoKit Cloud\n *\n * @example Local mode\n * ```tsx\n * const fixtures = {\n *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],\n *   'GET /api/users/:id': ({ params }) => ({ id: params.id, name: 'Demo User' }),\n * }\n *\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n *\n * @example Remote mode\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * function App() {\n *   return (\n *     <DemoKitProvider\n *       source={source}\n *       loadingFallback={<LoadingSpinner />}\n *     >\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n */\nexport function DemoKitProvider({\n  children,\n  fixtures,\n  // Remote config\n  source,\n  onRemoteLoad,\n  onRemoteError,\n  loadingFallback = null,\n  errorFallback,\n  // Standard props\n  storageKey = 'demokit-mode',\n  initialEnabled = false,\n  onDemoModeChange,\n  baseUrl,\n  // Detection & guards\n  detection,\n  canDisable,\n  onMutationIntercepted,\n}: DemoKitProviderProps) {\n  // Start with initialEnabled for SSR to avoid hydration mismatch\n  const [isDemoMode, setIsDemoMode] = useState(initialEnabled)\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [isPublicDemo, setIsPublicDemo] = useState(false)\n\n  // Remote loading state\n  const [isLoading, setIsLoading] = useState(!!source?.apiKey)\n  const [remoteError, setRemoteError] = useState<Error | null>(null)\n  const [remoteVersion, setRemoteVersion] = useState<string | null>(null)\n\n  // Keep a ref to the interceptor instance\n  const interceptorRef = useRef<DemoInterceptor | null>(null)\n\n  // Track if we've initialized\n  const initializedRef = useRef(false)\n\n  // Store loaded remote fixtures for refetch merging\n  const remoteFixturesRef = useRef<FixtureMap | null>(null)\n\n  // Store the refetch function for context\n  const refetchFnRef = useRef<(() => Promise<void>) | null>(null)\n\n  /**\n   * Create and configure the demo interceptor\n   */\n  const setupInterceptor = useCallback(\n    (mergedFixtures: FixtureMap) => {\n      interceptorRef.current?.destroy()\n\n      interceptorRef.current = createDemoInterceptor({\n        fixtures: mergedFixtures,\n        storageKey,\n        initialEnabled,\n        baseUrl,\n        detection,\n        canDisable,\n        onMutationIntercepted,\n        onEnable: () => {\n          setIsDemoMode(true)\n          onDemoModeChange?.(true)\n        },\n        onDisable: () => {\n          setIsDemoMode(false)\n          onDemoModeChange?.(false)\n        },\n      })\n\n      // Sync state from storage after hydration\n      const storedState = interceptorRef.current.isEnabled()\n      setIsDemoMode(storedState)\n      setIsPublicDemo(interceptorRef.current.isPublicDemo())\n      setIsHydrated(true)\n    },\n    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted]\n  )\n\n  /**\n   * Fetch fixtures from DemoKit Cloud and set up interceptor\n   */\n  const fetchAndSetup = useCallback(async () => {\n    if (!source?.apiKey) return\n\n    setIsLoading(true)\n    setRemoteError(null)\n\n    try {\n      const response = await fetchCloudFixtures({\n        apiKey: source.apiKey,\n        apiUrl: source.apiUrl,\n        timeout: source.timeout,\n        retry: source.retry,\n        maxRetries: source.maxRetries,\n        onLoad: onRemoteLoad,\n        onError: onRemoteError,\n      })\n\n      // Build fixtures from remote response with local overrides\n      const remoteFixtures = createRemoteFixtures(response, fixtures)\n      remoteFixturesRef.current = remoteFixtures\n\n      setRemoteVersion(response.version)\n      setupInterceptor(remoteFixtures)\n    } catch (error) {\n      const err = error instanceof Error ? error : new Error(String(error))\n      setRemoteError(err)\n      onRemoteError?.(err)\n\n      // If we have local fixtures, still set up with those\n      if (fixtures && Object.keys(fixtures).length > 0) {\n        setupInterceptor(fixtures)\n      } else {\n        setIsHydrated(true)\n      }\n    } finally {\n      setIsLoading(false)\n    }\n  }, [\n    source,\n    fixtures,\n    onRemoteLoad,\n    onRemoteError,\n    setupInterceptor,\n  ])\n\n  // Store refetch function in ref for context access\n  refetchFnRef.current = fetchAndSetup\n\n  // Initialize on mount\n  useEffect(() => {\n    if (initializedRef.current) {\n      return\n    }\n    initializedRef.current = true\n\n    if (source?.apiKey) {\n      // Remote mode: fetch from cloud\n      fetchAndSetup()\n    } else if (fixtures) {\n      // Local mode: use provided fixtures\n      setupInterceptor(fixtures)\n    } else {\n      // No fixtures at all - just mark as hydrated\n      setIsHydrated(true)\n      setIsLoading(false)\n    }\n\n    return () => {\n      interceptorRef.current?.destroy()\n      interceptorRef.current = null\n      initializedRef.current = false\n    }\n  }, []) // Empty deps - only run once on mount\n\n  // Update fixtures if they change (local mode or overrides)\n  useEffect(() => {\n    if (!isHydrated || isLoading) return\n\n    if (source?.apiKey && remoteFixturesRef.current) {\n      // Remote mode: merge new local overrides with cached remote fixtures\n      const merged = { ...remoteFixturesRef.current, ...fixtures }\n      interceptorRef.current?.setFixtures(merged)\n    } else if (fixtures) {\n      // Local mode: update fixtures\n      interceptorRef.current?.setFixtures(fixtures)\n    }\n  }, [fixtures, isHydrated, isLoading, source])\n\n  const enable = useCallback(() => {\n    interceptorRef.current?.enable()\n  }, [])\n\n  const disable = useCallback((): boolean | string => {\n    return interceptorRef.current?.disable() ?? true\n  }, [])\n\n  const toggle = useCallback(() => {\n    interceptorRef.current?.toggle()\n  }, [])\n\n  const setDemoMode = useCallback((enabled: boolean) => {\n    if (enabled) {\n      interceptorRef.current?.enable()\n    } else {\n      interceptorRef.current?.disable()\n    }\n  }, [])\n\n  const resetSession = useCallback(() => {\n    interceptorRef.current?.resetSession()\n  }, [])\n\n  const getSession = useCallback((): SessionState | null => {\n    return interceptorRef.current?.getSession() ?? null\n  }, [])\n\n  const refetch = useCallback(async (): Promise<void> => {\n    if (!source?.apiKey) {\n      console.warn('[DemoKit] refetch() called but no source provided')\n      return\n    }\n    await refetchFnRef.current?.()\n  }, [source])\n\n  const value = useMemo<DemoModeContextValue>(\n    () => ({\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    }),\n    [\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    ]\n  )\n\n  // Render loading state\n  if (isLoading && source?.apiKey) {\n    return (\n      <DemoModeContext.Provider value={value}>\n        {loadingFallback}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  // Render error state\n  if (remoteError && errorFallback) {\n    const errorContent =\n      typeof errorFallback === 'function'\n        ? errorFallback(remoteError)\n        : errorFallback\n\n    return (\n      <DemoModeContext.Provider value={value}>\n        {errorContent}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  return (\n    <DemoModeContext.Provider value={value}>{children}</DemoModeContext.Provider>\n  )\n}\n","import { createContext } from 'react'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * React context for demo mode state\n * @internal\n */\nexport const DemoModeContext = createContext<DemoModeContextValue | undefined>(undefined)\n\nDemoModeContext.displayName = 'DemoModeContext'\n","import type { RemoteConfig } from '@demokit-ai/core'\n\n/**\n * Create a remote source configuration for fetching fixtures from DemoKit Cloud\n *\n * @example\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * <DemoKitProvider source={source}>\n *   {children}\n * </DemoKitProvider>\n * ```\n */\nexport function createRemoteSource(config: RemoteConfig): RemoteConfig {\n  return {\n    timeout: 10000,\n    retry: true,\n    maxRetries: 3,\n    ...config,\n  }\n}\n","'use client'\n\nimport { useContext } from 'react'\nimport { DemoModeContext } from './context'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * Hook to access demo mode state and controls\n *\n * @returns Demo mode context value with state and control methods\n * @throws Error if used outside of DemoKitProvider\n *\n * @example\n * function MyComponent() {\n *   const { isDemoMode, isHydrated, toggle } = useDemoMode()\n *\n *   // Wait for hydration before rendering demo-dependent UI\n *   if (!isHydrated) {\n *     return <Loading />\n *   }\n *\n *   return (\n *     <div>\n *       <p>Demo mode: {isDemoMode ? 'ON' : 'OFF'}</p>\n *       <button onClick={toggle}>Toggle</button>\n *     </div>\n *   )\n * }\n */\nexport function useDemoMode(): DemoModeContextValue {\n  const context = useContext(DemoModeContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useDemoMode must be used within a DemoKitProvider. ' +\n        'Make sure to wrap your app with <DemoKitProvider>.'\n    )\n  }\n\n  return context\n}\n\n/**\n * Hook to check if demo mode is enabled\n * Shorthand for useDemoMode().isDemoMode\n *\n * @returns Whether demo mode is enabled\n */\nexport function useIsDemoMode(): boolean {\n  return useDemoMode().isDemoMode\n}\n\n/**\n * Hook to check if the component has hydrated\n * Shorthand for useDemoMode().isHydrated\n *\n * @returns Whether the component has hydrated\n */\nexport function useIsHydrated(): boolean {\n  return useDemoMode().isHydrated\n}\n\n/**\n * Hook to access the session state\n * Shorthand for useDemoMode().getSession()\n *\n * @returns The session state, or null if not yet initialized\n *\n * @example\n * function MyComponent() {\n *   const session = useDemoSession()\n *\n *   const cart = session?.get<CartItem[]>('cart') || []\n *   const addToCart = (item: CartItem) => {\n *     session?.set('cart', [...cart, item])\n *   }\n *\n *   return <CartView items={cart} onAdd={addToCart} />\n * }\n */\nexport function useDemoSession() {\n  return useDemoMode().getSession()\n}\n","'use client'\n\nimport { useCallback } from 'react'\nimport { useDemoMode } from './hooks'\n\nexport interface UseDemoGuardOptions {\n  /**\n   * Called when a mutation is blocked in demo mode.\n   * Use this to show a toast or notification to the user.\n   * @param message - The action name or a default message\n   */\n  onBlocked?: (message: string) => void\n}\n\nexport interface DemoGuardReturn {\n  /**\n   * Whether demo mode is currently active\n   */\n  isDemoMode: boolean\n\n  /**\n   * Wraps a mutation action — prevents execution in demo mode.\n   * When blocked, calls `onBlocked` with the action name.\n   *\n   * @param action - The mutation function to execute (only runs if NOT in demo mode)\n   * @param actionName - Human-readable name (e.g., \"Changes saved\")\n   * @returns `true` if the action was executed, `false` if blocked\n   *\n   * @example\n   * ```tsx\n   * const { guardMutation } = useDemoGuard({\n   *   onBlocked: (msg) => toast.success(msg)\n   * })\n   *\n   * guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n   * ```\n   */\n  guardMutation: (\n    action: () => void | Promise<void>,\n    actionName?: string\n  ) => boolean\n}\n\n/**\n * Hook that prevents mutations from executing in demo mode.\n *\n * Instead of letting mutations hit the (intercepted) API and trigger\n * side effects like optimistic updates and onSuccess handlers, this\n * hook blocks the mutation entirely and optionally notifies the user.\n *\n * @example\n * ```tsx\n * import { useDemoGuard } from '@demokit-ai/react'\n * import { toast } from 'sonner'\n *\n * function MyComponent() {\n *   const { guardMutation } = useDemoGuard({\n *     onBlocked: (msg) => toast.success(msg, {\n *       description: 'Changes are not saved. Exit demo mode to make real changes.',\n *     })\n *   })\n *\n *   const handleDelete = () => {\n *     guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n *   }\n * }\n * ```\n */\nexport function useDemoGuard(options: UseDemoGuardOptions = {}): DemoGuardReturn {\n  const { isDemoMode } = useDemoMode()\n  const { onBlocked } = options\n\n  const guardMutation = useCallback(\n    (action: () => void | Promise<void>, actionName?: string): boolean => {\n      if (isDemoMode) {\n        const message = actionName\n          ? `${actionName} (simulated in demo mode)`\n          : 'Action simulated in demo mode'\n\n        onBlocked?.(message)\n        return false\n      }\n\n      action()\n      return true\n    },\n    [isDemoMode, onBlocked]\n  )\n\n  return {\n    guardMutation,\n    isDemoMode,\n  }\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\n\n/**\n * Props for the PoweredByBadge component\n */\nexport interface PoweredByBadgeProps {\n  /**\n   * URL to link to when clicked\n   * @default 'https://demokit.ai'\n   */\n  url?: string\n\n  /**\n   * Visual variant for light/dark backgrounds\n   * @default 'auto'\n   */\n  variant?: 'light' | 'dark' | 'auto'\n\n  /**\n   * Size of the badge\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n}\n\n/**\n * External link icon\n */\nfunction ExternalLinkIcon({ size }: { size: number }) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n      <polyline points=\"15 3 21 3 21 9\" />\n      <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Size configurations\n */\nconst sizeConfig = {\n  xs: {\n    fontSize: '10px',\n    padding: '2px 6px',\n    gap: '3px',\n    iconSize: 8,\n  },\n  sm: {\n    fontSize: '11px',\n    padding: '3px 8px',\n    gap: '4px',\n    iconSize: 10,\n  },\n  md: {\n    fontSize: '12px',\n    padding: '4px 10px',\n    gap: '5px',\n    iconSize: 12,\n  },\n}\n\n/**\n * Variant configurations\n */\nconst variantStyles = {\n  light: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    hoverColor: 'rgba(120, 53, 15, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(217, 119, 6, 0.08)',\n  },\n  dark: {\n    color: 'rgba(255, 255, 255, 0.6)',\n    hoverColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n  },\n}\n\n/**\n * A \"Powered by DemoKit\" badge that links to demokit.ai\n *\n * This badge is shown by default for OSS users and cannot be hidden\n * without a valid DemoKit Cloud paid plan.\n *\n * @example\n * <PoweredByBadge />\n *\n * @example With dark theme\n * <PoweredByBadge variant=\"dark\" />\n *\n * @example Small size\n * <PoweredByBadge size=\"xs\" />\n */\nexport function PoweredByBadge({\n  url = 'https://demokit.ai',\n  variant = 'light',\n  size = 'sm',\n  className = '',\n  style,\n}: PoweredByBadgeProps) {\n  const config = sizeConfig[size]\n  const colors = variantStyles[variant === 'auto' ? 'light' : variant]\n\n  const baseStyles: CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: config.gap,\n    fontSize: config.fontSize,\n    padding: config.padding,\n    color: colors.color,\n    textDecoration: 'none',\n    borderRadius: '4px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n    fontWeight: 500,\n    transition: 'color 0.15s ease, background-color 0.15s ease',\n    whiteSpace: 'nowrap',\n    ...style,\n  }\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={`demokit-powered-by ${className}`.trim()}\n      style={baseStyles}\n      onMouseOver={(e) => {\n        e.currentTarget.style.color = colors.hoverColor\n        e.currentTarget.style.backgroundColor = colors.hoverBackgroundColor\n      }}\n      onMouseOut={(e) => {\n        e.currentTarget.style.color = colors.color\n        e.currentTarget.style.backgroundColor = 'transparent'\n      }}\n    >\n      <span>Powered by DemoKit</span>\n      <ExternalLinkIcon size={config.iconSize} />\n    </a>\n  )\n}\n","'use client'\n\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\nimport type { DemoModeBannerProps } from './types'\n\n/**\n * Eye icon SVG component\n */\nfunction EyeIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Default styles for the banner\n */\nconst defaultStyles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 16px',\n    backgroundColor: '#fef3c7',\n    borderBottom: '1px solid rgba(217, 119, 6, 0.2)',\n    fontSize: '14px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  } as React.CSSProperties,\n  content: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as React.CSSProperties,\n  icon: {\n    color: '#d97706',\n    flexShrink: 0,\n  } as React.CSSProperties,\n  label: {\n    fontWeight: 600,\n    color: '#78350f',\n  } as React.CSSProperties,\n  description: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    fontSize: '12px',\n  } as React.CSSProperties,\n  button: {\n    padding: '4px 12px',\n    fontSize: '14px',\n    backgroundColor: 'transparent',\n    border: '1px solid rgba(217, 119, 6, 0.3)',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    color: '#78350f',\n    fontFamily: 'inherit',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n}\n\n/**\n * A ready-to-use banner component that shows when demo mode is active\n *\n * Displays a prominent amber banner with a label, description, and exit button.\n * Automatically hides when demo mode is disabled or before hydration.\n *\n * @example\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <DemoModeBanner />\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n *\n * @example Custom labels\n * <DemoModeBanner\n *   demoLabel=\"Preview Mode\"\n *   description=\"You're viewing sample data\"\n *   exitLabel=\"Exit Preview\"\n * />\n */\nexport function DemoModeBanner({\n  className = '',\n  exitLabel = 'Exit Demo Mode',\n  demoLabel = 'Demo Mode Active',\n  description = 'Changes are simulated and not saved',\n  showIcon = true,\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  style,\n  onExit,\n}: DemoModeBannerProps) {\n  const { isDemoMode, isHydrated, disable } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated || !isDemoMode) {\n    return null\n  }\n\n  const handleExit = () => {\n    if (onExit) {\n      onExit()\n    } else {\n      disable()\n    }\n  }\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-banner ${className}`.trim()}\n      style={{ ...defaultStyles.container, flexDirection: 'column', gap: '4px', ...style }}\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>\n        <div style={defaultStyles.content}>\n          {showIcon && (\n            <span style={defaultStyles.icon}>\n              <EyeIcon />\n            </span>\n          )}\n          <span style={defaultStyles.label}>{demoLabel}</span>\n          {description && <span style={defaultStyles.description}>{description}</span>}\n        </div>\n        <button\n          onClick={handleExit}\n          style={defaultStyles.button}\n          onMouseOver={(e) => {\n            e.currentTarget.style.backgroundColor = 'rgba(217, 119, 6, 0.1)'\n          }}\n          onMouseOut={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n          type=\"button\"\n        >\n          {exitLabel}\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={{ display: 'flex', justifyContent: 'flex-end', width: '100%' }}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\n\n/**\n * Props for the DemoModeToggle component\n */\nexport interface DemoModeToggleProps {\n  /**\n   * Show \"Demo Mode\" label next to the toggle\n   * @default true\n   */\n  showLabel?: boolean\n\n  /**\n   * Label text to display\n   * @default 'Demo Mode'\n   */\n  label?: string\n\n  /**\n   * Show \"Powered by DemoKit\" branding\n   * Note: For OSS users, this is always true regardless of the prop value.\n   * Only paid DemoKit Cloud users can hide the branding.\n   * @default true\n   */\n  showPoweredBy?: boolean\n\n  /**\n   * URL for the \"Powered by\" link\n   * @default 'https://demokit.ai'\n   */\n  poweredByUrl?: string\n\n  /**\n   * Position of the toggle\n   * - 'inline': Renders where placed in the component tree\n   * - 'floating': Fixed position, can be moved around\n   * - 'corner': Fixed to bottom-right corner\n   * @default 'inline'\n   */\n  position?: 'inline' | 'floating' | 'corner'\n\n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n\n  /**\n   * Callback when toggle state changes\n   */\n  onChange?: (enabled: boolean) => void\n}\n\n/**\n * Size configurations for the toggle\n */\nconst sizeConfig = {\n  sm: {\n    trackWidth: 36,\n    trackHeight: 20,\n    thumbSize: 16,\n    thumbOffset: 2,\n    fontSize: '12px',\n    padding: '8px 12px',\n    gap: '8px',\n  },\n  md: {\n    trackWidth: 44,\n    trackHeight: 24,\n    thumbSize: 20,\n    thumbOffset: 2,\n    fontSize: '14px',\n    padding: '12px 16px',\n    gap: '10px',\n  },\n  lg: {\n    trackWidth: 52,\n    trackHeight: 28,\n    thumbSize: 24,\n    thumbOffset: 2,\n    fontSize: '16px',\n    padding: '16px 20px',\n    gap: '12px',\n  },\n}\n\n/**\n * Position configurations\n */\nconst positionStyles: Record<string, CSSProperties> = {\n  inline: {},\n  floating: {\n    position: 'fixed',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n  corner: {\n    position: 'fixed',\n    bottom: '20px',\n    right: '20px',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n}\n\n/**\n * Default styles\n */\nconst defaultStyles = {\n  container: {\n    display: 'inline-flex',\n    flexDirection: 'column' as const,\n    alignItems: 'flex-start',\n    gap: '4px',\n    backgroundColor: '#ffffff',\n    border: '1px solid rgba(0, 0, 0, 0.1)',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n  },\n  label: {\n    fontWeight: 500,\n    color: '#1f2937',\n    userSelect: 'none' as const,\n  },\n  track: {\n    position: 'relative' as const,\n    borderRadius: '9999px',\n    cursor: 'pointer',\n    transition: 'background-color 0.2s ease',\n    flexShrink: 0,\n  },\n  trackOff: {\n    backgroundColor: '#d1d5db',\n  },\n  trackOn: {\n    backgroundColor: '#d97706',\n  },\n  thumb: {\n    position: 'absolute' as const,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    backgroundColor: '#ffffff',\n    borderRadius: '50%',\n    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n    transition: 'left 0.2s ease',\n  },\n  poweredByContainer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    width: '100%',\n  },\n}\n\n/**\n * A toggle switch component for enabling/disabling demo mode\n *\n * Supports inline placement or fixed positioning (floating/corner).\n * Includes optional \"Powered by DemoKit\" branding that is always shown for OSS users.\n *\n * @example Basic inline usage\n * <DemoModeToggle />\n *\n * @example Corner position (floating)\n * <DemoModeToggle position=\"corner\" />\n *\n * @example Without label\n * <DemoModeToggle showLabel={false} />\n *\n * @example With custom label and callback\n * <DemoModeToggle\n *   label=\"Preview Mode\"\n *   onChange={(enabled) => console.log('Demo mode:', enabled)}\n * />\n */\nexport function DemoModeToggle({\n  showLabel = true,\n  label = 'Demo Mode',\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  position = 'inline',\n  size = 'md',\n  className = '',\n  style,\n  onChange,\n}: DemoModeToggleProps) {\n  const { isDemoMode, isHydrated, toggle } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated) {\n    return null\n  }\n\n  const config = sizeConfig[size]\n  const posStyle = positionStyles[position]\n\n  const handleToggle = () => {\n    toggle()\n    onChange?.(!isDemoMode)\n  }\n\n  const thumbLeft = isDemoMode\n    ? config.trackWidth - config.thumbSize - config.thumbOffset\n    : config.thumbOffset\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-toggle ${className}`.trim()}\n      style={{\n        ...defaultStyles.container,\n        padding: config.padding,\n        ...posStyle,\n        ...style,\n      }}\n      role=\"group\"\n      aria-label=\"Demo mode toggle\"\n    >\n      <div style={{ ...defaultStyles.row, gap: config.gap }}>\n        {showLabel && (\n          <span style={{ ...defaultStyles.label, fontSize: config.fontSize }}>{label}</span>\n        )}\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={isDemoMode}\n          aria-label={`${label}: ${isDemoMode ? 'On' : 'Off'}`}\n          onClick={handleToggle}\n          style={{\n            ...defaultStyles.track,\n            ...(isDemoMode ? defaultStyles.trackOn : defaultStyles.trackOff),\n            width: config.trackWidth,\n            height: config.trackHeight,\n            border: 'none',\n            padding: 0,\n          }}\n        >\n          <span\n            style={{\n              ...defaultStyles.thumb,\n              width: config.thumbSize,\n              height: config.thumbSize,\n              left: thumbLeft,\n            }}\n          />\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={defaultStyles.poweredByContainer}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["useCallback","useCallback","jsx","jsx","jsxs","jsx","jsxs","sizeConfig","defaultStyles"]}
+{"version":3,"sources":["../src/provider.tsx","../src/context.ts","../src/config.ts","../src/hooks.ts","../src/guard.ts","../src/powered-by.tsx","../src/banner.tsx","../src/toggle.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useEffect, useCallback, useMemo, useRef } from 'react'\nimport {\n  createDemoInterceptor,\n  fetchCloudFixtures,\n  createRemoteFixtures,\n  type DemoInterceptor,\n  type SessionState,\n  type FixtureMap,\n} from '@demokit-ai/core'\nimport { DemoModeContext } from './context'\nimport type { DemoKitProviderProps, DemoModeContextValue } from './types'\n\n/**\n * Provider component that enables demo mode functionality\n *\n * Wraps your app to provide demo mode state and controls.\n * Handles SSR hydration safely and persists state to localStorage.\n *\n * Supports two modes:\n * 1. **Local mode**: Pass `fixtures` prop with pattern handlers\n * 2. **Remote mode**: Pass `source` to fetch from DemoKit Cloud\n *\n * @example Local mode\n * ```tsx\n * const fixtures = {\n *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],\n *   'GET /api/users/:id': ({ params }) => ({ id: params.id, name: 'Demo User' }),\n * }\n *\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n *\n * @example Remote mode\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * function App() {\n *   return (\n *     <DemoKitProvider\n *       source={source}\n *       loadingFallback={<LoadingSpinner />}\n *     >\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n */\nexport function DemoKitProvider({\n  children,\n  fixtures,\n  // Remote config\n  source,\n  onRemoteLoad,\n  onRemoteError,\n  loadingFallback = null,\n  errorFallback,\n  // Standard props\n  storageKey = 'demokit-mode',\n  initialEnabled = false,\n  onDemoModeChange,\n  baseUrl,\n  // Detection & guards\n  detection,\n  canDisable,\n  onMutationIntercepted,\n  pathAliases,\n  warnOnCatchAll,\n  // Query cache\n  queryClient: externalQueryClient,\n  // URL redirects\n  urlRedirects,\n}: DemoKitProviderProps) {\n  // Start with initialEnabled for SSR to avoid hydration mismatch\n  const [isDemoMode, setIsDemoMode] = useState(initialEnabled)\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [isPublicDemo, setIsPublicDemo] = useState(false)\n\n  // Remote loading state\n  const [isLoading, setIsLoading] = useState(!!source?.apiKey)\n  const [remoteError, setRemoteError] = useState<Error | null>(null)\n  const [remoteVersion, setRemoteVersion] = useState<string | null>(null)\n\n  // Keep a ref to the interceptor instance\n  const interceptorRef = useRef<DemoInterceptor | null>(null)\n\n  // Track if we've initialized\n  const initializedRef = useRef(false)\n\n  // Store loaded remote fixtures for refetch merging\n  const remoteFixturesRef = useRef<FixtureMap | null>(null)\n\n  // Store the refetch function for context\n  const refetchFnRef = useRef<(() => Promise<void>) | null>(null)\n\n  /**\n   * Handle URL redirects when demo mode toggles.\n   * Matches current URL against urlRedirects config and navigates if needed.\n   */\n  const handleUrlRedirect = useCallback((enteringDemo: boolean) => {\n    if (!urlRedirects?.length || typeof window === 'undefined') return\n\n    const path = window.location.pathname\n    const UUID_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/\n\n    for (const redirect of urlRedirects) {\n      // Convert pattern like '/repositories/:id' to regex\n      const patternRegex = new RegExp(\n        '^' + redirect.pattern\n          .replace(/:[a-zA-Z_]+/g, '([^/]+)')\n          .replace(/\\*/g, '.*') + '$'\n      )\n\n      if (enteringDemo) {\n        // Entering demo: if URL has a real UUID, redirect to demo URL\n        if (patternRegex.test(path) && UUID_REGEX.test(path)) {\n          window.location.replace(redirect.demoUrl)\n          return\n        }\n      } else {\n        // Exiting demo: if URL matches the demo URL, redirect to exit URL\n        if (path.startsWith(redirect.demoUrl) || path === redirect.demoUrl) {\n          const exitUrl = redirect.exitUrl || redirect.pattern.replace(/\\/:.*$/, '')\n          window.location.replace(exitUrl)\n          return\n        }\n      }\n    }\n  }, [urlRedirects])\n\n  /**\n   * Create and configure the demo interceptor\n   */\n  const setupInterceptor = useCallback(\n    (mergedFixtures: FixtureMap) => {\n      interceptorRef.current?.destroy()\n\n      interceptorRef.current = createDemoInterceptor({\n        fixtures: mergedFixtures,\n        storageKey,\n        initialEnabled,\n        baseUrl,\n        detection,\n        canDisable,\n        onMutationIntercepted,\n        pathAliases,\n        warnOnCatchAll,\n        onEnable: () => {\n          setIsDemoMode(true)\n          onDemoModeChange?.(true)\n          // Invalidate query cache so real data is replaced with demo data\n          externalQueryClient?.invalidateQueries()\n          // Redirect to demo URL if configured\n          handleUrlRedirect(true)\n        },\n        onDisable: () => {\n          setIsDemoMode(false)\n          onDemoModeChange?.(false)\n          // Invalidate query cache so demo data is replaced with real data\n          externalQueryClient?.invalidateQueries()\n          // Redirect away from demo URL if configured\n          handleUrlRedirect(false)\n        },\n      })\n\n      // Sync state from storage after hydration\n      const storedState = interceptorRef.current.isEnabled()\n      setIsDemoMode(storedState)\n      setIsPublicDemo(interceptorRef.current.isPublicDemo())\n      setIsHydrated(true)\n    },\n    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted, pathAliases, warnOnCatchAll, externalQueryClient, handleUrlRedirect]\n  )\n\n  /**\n   * Fetch fixtures from DemoKit Cloud and set up interceptor\n   */\n  const fetchAndSetup = useCallback(async () => {\n    if (!source?.apiKey) return\n\n    setIsLoading(true)\n    setRemoteError(null)\n\n    try {\n      const response = await fetchCloudFixtures({\n        apiKey: source.apiKey,\n        apiUrl: source.apiUrl,\n        timeout: source.timeout,\n        retry: source.retry,\n        maxRetries: source.maxRetries,\n        onLoad: onRemoteLoad,\n        onError: onRemoteError,\n      })\n\n      // Build fixtures from remote response with local overrides\n      const remoteFixtures = createRemoteFixtures(response, fixtures)\n      remoteFixturesRef.current = remoteFixtures\n\n      setRemoteVersion(response.version)\n      setupInterceptor(remoteFixtures)\n    } catch (error) {\n      const err = error instanceof Error ? error : new Error(String(error))\n      setRemoteError(err)\n      onRemoteError?.(err)\n\n      // If we have local fixtures, still set up with those\n      if (fixtures && Object.keys(fixtures).length > 0) {\n        setupInterceptor(fixtures)\n      } else {\n        setIsHydrated(true)\n      }\n    } finally {\n      setIsLoading(false)\n    }\n  }, [\n    source,\n    fixtures,\n    onRemoteLoad,\n    onRemoteError,\n    setupInterceptor,\n  ])\n\n  // Store refetch function in ref for context access\n  refetchFnRef.current = fetchAndSetup\n\n  // Initialize on mount\n  useEffect(() => {\n    if (initializedRef.current) {\n      return\n    }\n    initializedRef.current = true\n\n    if (source?.apiKey) {\n      // Remote mode: fetch from cloud\n      fetchAndSetup()\n    } else if (fixtures) {\n      // Local mode: use provided fixtures\n      setupInterceptor(fixtures)\n    } else {\n      // No fixtures at all - just mark as hydrated\n      setIsHydrated(true)\n      setIsLoading(false)\n    }\n\n    return () => {\n      interceptorRef.current?.destroy()\n      interceptorRef.current = null\n      initializedRef.current = false\n    }\n  }, []) // Empty deps - only run once on mount\n\n  // Update fixtures if they change (local mode or overrides)\n  useEffect(() => {\n    if (!isHydrated || isLoading) return\n\n    if (source?.apiKey && remoteFixturesRef.current) {\n      // Remote mode: merge new local overrides with cached remote fixtures\n      const merged = { ...remoteFixturesRef.current, ...fixtures }\n      interceptorRef.current?.setFixtures(merged)\n    } else if (fixtures) {\n      // Local mode: update fixtures\n      interceptorRef.current?.setFixtures(fixtures)\n    }\n  }, [fixtures, isHydrated, isLoading, source])\n\n  const enable = useCallback(() => {\n    interceptorRef.current?.enable()\n  }, [])\n\n  const disable = useCallback((): boolean | string => {\n    return interceptorRef.current?.disable() ?? true\n  }, [])\n\n  const toggle = useCallback(() => {\n    interceptorRef.current?.toggle()\n  }, [])\n\n  const setDemoMode = useCallback((enabled: boolean) => {\n    if (enabled) {\n      interceptorRef.current?.enable()\n    } else {\n      interceptorRef.current?.disable()\n    }\n  }, [])\n\n  const resetSession = useCallback(() => {\n    interceptorRef.current?.resetSession()\n  }, [])\n\n  const getSession = useCallback((): SessionState | null => {\n    return interceptorRef.current?.getSession() ?? null\n  }, [])\n\n  const refetch = useCallback(async (): Promise<void> => {\n    if (!source?.apiKey) {\n      console.warn('[DemoKit] refetch() called but no source provided')\n      return\n    }\n    await refetchFnRef.current?.()\n  }, [source])\n\n  const value = useMemo<DemoModeContextValue>(\n    () => ({\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    }),\n    [\n      isDemoMode,\n      isHydrated,\n      isPublicDemo,\n      isLoading,\n      remoteError,\n      remoteVersion,\n      enable,\n      disable,\n      toggle,\n      setDemoMode,\n      resetSession,\n      getSession,\n      refetch,\n    ]\n  )\n\n  // Render loading state\n  if (isLoading && source?.apiKey) {\n    return (\n      <DemoModeContext.Provider value={value}>\n        {loadingFallback}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  // Render error state\n  if (remoteError && errorFallback) {\n    const errorContent =\n      typeof errorFallback === 'function'\n        ? errorFallback(remoteError)\n        : errorFallback\n\n    return (\n      <DemoModeContext.Provider value={value}>\n        {errorContent}\n      </DemoModeContext.Provider>\n    )\n  }\n\n  return (\n    <DemoModeContext.Provider value={value}>{children}</DemoModeContext.Provider>\n  )\n}\n","import { createContext } from 'react'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * React context for demo mode state\n * @internal\n */\nexport const DemoModeContext = createContext<DemoModeContextValue | undefined>(undefined)\n\nDemoModeContext.displayName = 'DemoModeContext'\n","import type { RemoteConfig } from '@demokit-ai/core'\n\n/**\n * Create a remote source configuration for fetching fixtures from DemoKit Cloud\n *\n * @example\n * ```tsx\n * import { createRemoteSource } from '@demokit-ai/react'\n *\n * const source = createRemoteSource({\n *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,\n *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,\n * })\n *\n * <DemoKitProvider source={source}>\n *   {children}\n * </DemoKitProvider>\n * ```\n */\nexport function createRemoteSource(config: RemoteConfig): RemoteConfig {\n  return {\n    timeout: 10000,\n    retry: true,\n    maxRetries: 3,\n    ...config,\n  }\n}\n","'use client'\n\nimport { useContext } from 'react'\nimport { DemoModeContext } from './context'\nimport type { DemoModeContextValue } from './types'\n\n/**\n * Hook to access demo mode state and controls\n *\n * @returns Demo mode context value with state and control methods\n * @throws Error if used outside of DemoKitProvider\n *\n * @example\n * function MyComponent() {\n *   const { isDemoMode, isHydrated, toggle } = useDemoMode()\n *\n *   // Wait for hydration before rendering demo-dependent UI\n *   if (!isHydrated) {\n *     return <Loading />\n *   }\n *\n *   return (\n *     <div>\n *       <p>Demo mode: {isDemoMode ? 'ON' : 'OFF'}</p>\n *       <button onClick={toggle}>Toggle</button>\n *     </div>\n *   )\n * }\n */\nexport function useDemoMode(): DemoModeContextValue {\n  const context = useContext(DemoModeContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useDemoMode must be used within a DemoKitProvider. ' +\n        'Make sure to wrap your app with <DemoKitProvider>.'\n    )\n  }\n\n  return context\n}\n\n/**\n * Hook to check if demo mode is enabled\n * Shorthand for useDemoMode().isDemoMode\n *\n * @returns Whether demo mode is enabled\n */\nexport function useIsDemoMode(): boolean {\n  return useDemoMode().isDemoMode\n}\n\n/**\n * Hook to check if the component has hydrated\n * Shorthand for useDemoMode().isHydrated\n *\n * @returns Whether the component has hydrated\n */\nexport function useIsHydrated(): boolean {\n  return useDemoMode().isHydrated\n}\n\n/**\n * Hook to access the session state\n * Shorthand for useDemoMode().getSession()\n *\n * @returns The session state, or null if not yet initialized\n *\n * @example\n * function MyComponent() {\n *   const session = useDemoSession()\n *\n *   const cart = session?.get<CartItem[]>('cart') || []\n *   const addToCart = (item: CartItem) => {\n *     session?.set('cart', [...cart, item])\n *   }\n *\n *   return <CartView items={cart} onAdd={addToCart} />\n * }\n */\nexport function useDemoSession() {\n  return useDemoMode().getSession()\n}\n","'use client'\n\nimport { useCallback } from 'react'\nimport { useDemoMode } from './hooks'\n\nexport interface UseDemoGuardOptions {\n  /**\n   * Called when a mutation is blocked in demo mode.\n   * Use this to show a toast or notification to the user.\n   * @param message - The action name or a default message\n   */\n  onBlocked?: (message: string) => void\n}\n\nexport interface DemoGuardReturn {\n  /**\n   * Whether demo mode is currently active\n   */\n  isDemoMode: boolean\n\n  /**\n   * Wraps a mutation action — prevents execution in demo mode.\n   * When blocked, calls `onBlocked` with the action name.\n   *\n   * @param action - The mutation function to execute (only runs if NOT in demo mode)\n   * @param actionName - Human-readable name (e.g., \"Changes saved\")\n   * @returns `true` if the action was executed, `false` if blocked\n   *\n   * @example\n   * ```tsx\n   * const { guardMutation } = useDemoGuard({\n   *   onBlocked: (msg) => toast.success(msg)\n   * })\n   *\n   * guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n   * ```\n   */\n  guardMutation: (\n    action: () => void | Promise<void>,\n    actionName?: string\n  ) => boolean\n}\n\n/**\n * Hook that prevents mutations from executing in demo mode.\n *\n * Instead of letting mutations hit the (intercepted) API and trigger\n * side effects like optimistic updates and onSuccess handlers, this\n * hook blocks the mutation entirely and optionally notifies the user.\n *\n * @example\n * ```tsx\n * import { useDemoGuard } from '@demokit-ai/react'\n * import { toast } from 'sonner'\n *\n * function MyComponent() {\n *   const { guardMutation } = useDemoGuard({\n *     onBlocked: (msg) => toast.success(msg, {\n *       description: 'Changes are not saved. Exit demo mode to make real changes.',\n *     })\n *   })\n *\n *   const handleDelete = () => {\n *     guardMutation(() => sdk.deleteItem(id), 'Item deleted')\n *   }\n * }\n * ```\n */\nexport function useDemoGuard(options: UseDemoGuardOptions = {}): DemoGuardReturn {\n  const { isDemoMode } = useDemoMode()\n  const { onBlocked } = options\n\n  const guardMutation = useCallback(\n    (action: () => void | Promise<void>, actionName?: string): boolean => {\n      if (isDemoMode) {\n        const message = actionName\n          ? `${actionName} (simulated in demo mode)`\n          : 'Action simulated in demo mode'\n\n        onBlocked?.(message)\n        return false\n      }\n\n      action()\n      return true\n    },\n    [isDemoMode, onBlocked]\n  )\n\n  return {\n    guardMutation,\n    isDemoMode,\n  }\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\n\n/**\n * Props for the PoweredByBadge component\n */\nexport interface PoweredByBadgeProps {\n  /**\n   * URL to link to when clicked\n   * @default 'https://demokit.ai'\n   */\n  url?: string\n\n  /**\n   * Visual variant for light/dark backgrounds\n   * @default 'auto'\n   */\n  variant?: 'light' | 'dark' | 'auto'\n\n  /**\n   * Size of the badge\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n}\n\n/**\n * External link icon\n */\nfunction ExternalLinkIcon({ size }: { size: number }) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n      <polyline points=\"15 3 21 3 21 9\" />\n      <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Size configurations\n */\nconst sizeConfig = {\n  xs: {\n    fontSize: '10px',\n    padding: '2px 6px',\n    gap: '3px',\n    iconSize: 8,\n  },\n  sm: {\n    fontSize: '11px',\n    padding: '3px 8px',\n    gap: '4px',\n    iconSize: 10,\n  },\n  md: {\n    fontSize: '12px',\n    padding: '4px 10px',\n    gap: '5px',\n    iconSize: 12,\n  },\n}\n\n/**\n * Variant configurations\n */\nconst variantStyles = {\n  light: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    hoverColor: 'rgba(120, 53, 15, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(217, 119, 6, 0.08)',\n  },\n  dark: {\n    color: 'rgba(255, 255, 255, 0.6)',\n    hoverColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundColor: 'transparent',\n    hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n  },\n}\n\n/**\n * A \"Powered by DemoKit\" badge that links to demokit.ai\n *\n * This badge is shown by default for OSS users and cannot be hidden\n * without a valid DemoKit Cloud paid plan.\n *\n * @example\n * <PoweredByBadge />\n *\n * @example With dark theme\n * <PoweredByBadge variant=\"dark\" />\n *\n * @example Small size\n * <PoweredByBadge size=\"xs\" />\n */\nexport function PoweredByBadge({\n  url = 'https://demokit.ai',\n  variant = 'light',\n  size = 'sm',\n  className = '',\n  style,\n}: PoweredByBadgeProps) {\n  const config = sizeConfig[size]\n  const colors = variantStyles[variant === 'auto' ? 'light' : variant]\n\n  const baseStyles: CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: config.gap,\n    fontSize: config.fontSize,\n    padding: config.padding,\n    color: colors.color,\n    textDecoration: 'none',\n    borderRadius: '4px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n    fontWeight: 500,\n    transition: 'color 0.15s ease, background-color 0.15s ease',\n    whiteSpace: 'nowrap',\n    ...style,\n  }\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={`demokit-powered-by ${className}`.trim()}\n      style={baseStyles}\n      onMouseOver={(e) => {\n        e.currentTarget.style.color = colors.hoverColor\n        e.currentTarget.style.backgroundColor = colors.hoverBackgroundColor\n      }}\n      onMouseOut={(e) => {\n        e.currentTarget.style.color = colors.color\n        e.currentTarget.style.backgroundColor = 'transparent'\n      }}\n    >\n      <span>Powered by DemoKit</span>\n      <ExternalLinkIcon size={config.iconSize} />\n    </a>\n  )\n}\n","'use client'\n\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\nimport type { DemoModeBannerProps } from './types'\n\n/**\n * Eye icon SVG component\n */\nfunction EyeIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  )\n}\n\n/**\n * Default styles for the banner\n */\nconst defaultStyles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 16px',\n    backgroundColor: '#fef3c7',\n    borderBottom: '1px solid rgba(217, 119, 6, 0.2)',\n    fontSize: '14px',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  } as React.CSSProperties,\n  content: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as React.CSSProperties,\n  icon: {\n    color: '#d97706',\n    flexShrink: 0,\n  } as React.CSSProperties,\n  label: {\n    fontWeight: 600,\n    color: '#78350f',\n  } as React.CSSProperties,\n  description: {\n    color: 'rgba(120, 53, 15, 0.7)',\n    fontSize: '12px',\n  } as React.CSSProperties,\n  button: {\n    padding: '4px 12px',\n    fontSize: '14px',\n    backgroundColor: 'transparent',\n    border: '1px solid rgba(217, 119, 6, 0.3)',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    color: '#78350f',\n    fontFamily: 'inherit',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n}\n\n/**\n * A ready-to-use banner component that shows when demo mode is active\n *\n * Displays a prominent amber banner with a label, description, and exit button.\n * Automatically hides when demo mode is disabled or before hydration.\n *\n * @example\n * function App() {\n *   return (\n *     <DemoKitProvider fixtures={fixtures}>\n *       <DemoModeBanner />\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n *\n * @example Custom labels\n * <DemoModeBanner\n *   demoLabel=\"Preview Mode\"\n *   description=\"You're viewing sample data\"\n *   exitLabel=\"Exit Preview\"\n * />\n */\nexport function DemoModeBanner({\n  className = '',\n  exitLabel = 'Exit Demo Mode',\n  demoLabel = 'Demo Mode Active',\n  description = 'Changes are simulated and not saved',\n  showIcon = true,\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  style,\n  onExit,\n}: DemoModeBannerProps) {\n  const { isDemoMode, isHydrated, disable } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated || !isDemoMode) {\n    return null\n  }\n\n  const handleExit = () => {\n    if (onExit) {\n      onExit()\n    } else {\n      disable()\n    }\n  }\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-banner ${className}`.trim()}\n      style={{ ...defaultStyles.container, flexDirection: 'column', gap: '4px', ...style }}\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>\n        <div style={defaultStyles.content}>\n          {showIcon && (\n            <span style={defaultStyles.icon}>\n              <EyeIcon />\n            </span>\n          )}\n          <span style={defaultStyles.label}>{demoLabel}</span>\n          {description && <span style={defaultStyles.description}>{description}</span>}\n        </div>\n        <button\n          onClick={handleExit}\n          style={defaultStyles.button}\n          onMouseOver={(e) => {\n            e.currentTarget.style.backgroundColor = 'rgba(217, 119, 6, 0.1)'\n          }}\n          onMouseOut={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n          type=\"button\"\n        >\n          {exitLabel}\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={{ display: 'flex', justifyContent: 'flex-end', width: '100%' }}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport type { CSSProperties } from 'react'\nimport { useDemoMode } from './hooks'\nimport { PoweredByBadge } from './powered-by'\n\n/**\n * Props for the DemoModeToggle component\n */\nexport interface DemoModeToggleProps {\n  /**\n   * Show \"Demo Mode\" label next to the toggle\n   * @default true\n   */\n  showLabel?: boolean\n\n  /**\n   * Label text to display\n   * @default 'Demo Mode'\n   */\n  label?: string\n\n  /**\n   * Show \"Powered by DemoKit\" branding\n   * Note: For OSS users, this is always true regardless of the prop value.\n   * Only paid DemoKit Cloud users can hide the branding.\n   * @default true\n   */\n  showPoweredBy?: boolean\n\n  /**\n   * URL for the \"Powered by\" link\n   * @default 'https://demokit.ai'\n   */\n  poweredByUrl?: string\n\n  /**\n   * Position of the toggle\n   * - 'inline': Renders where placed in the component tree\n   * - 'floating': Fixed position, can be moved around\n   * - 'corner': Fixed to bottom-right corner\n   * @default 'inline'\n   */\n  position?: 'inline' | 'floating' | 'corner'\n\n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n\n  /**\n   * Callback when toggle state changes\n   */\n  onChange?: (enabled: boolean) => void\n}\n\n/**\n * Size configurations for the toggle\n */\nconst sizeConfig = {\n  sm: {\n    trackWidth: 36,\n    trackHeight: 20,\n    thumbSize: 16,\n    thumbOffset: 2,\n    fontSize: '12px',\n    padding: '8px 12px',\n    gap: '8px',\n  },\n  md: {\n    trackWidth: 44,\n    trackHeight: 24,\n    thumbSize: 20,\n    thumbOffset: 2,\n    fontSize: '14px',\n    padding: '12px 16px',\n    gap: '10px',\n  },\n  lg: {\n    trackWidth: 52,\n    trackHeight: 28,\n    thumbSize: 24,\n    thumbOffset: 2,\n    fontSize: '16px',\n    padding: '16px 20px',\n    gap: '12px',\n  },\n}\n\n/**\n * Position configurations\n */\nconst positionStyles: Record<string, CSSProperties> = {\n  inline: {},\n  floating: {\n    position: 'fixed',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n  corner: {\n    position: 'fixed',\n    bottom: '20px',\n    right: '20px',\n    zIndex: 9999,\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    borderRadius: '8px',\n  },\n}\n\n/**\n * Default styles\n */\nconst defaultStyles = {\n  container: {\n    display: 'inline-flex',\n    flexDirection: 'column' as const,\n    alignItems: 'flex-start',\n    gap: '4px',\n    backgroundColor: '#ffffff',\n    border: '1px solid rgba(0, 0, 0, 0.1)',\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n  },\n  label: {\n    fontWeight: 500,\n    color: '#1f2937',\n    userSelect: 'none' as const,\n  },\n  track: {\n    position: 'relative' as const,\n    borderRadius: '9999px',\n    cursor: 'pointer',\n    transition: 'background-color 0.2s ease',\n    flexShrink: 0,\n  },\n  trackOff: {\n    backgroundColor: '#d1d5db',\n  },\n  trackOn: {\n    backgroundColor: '#d97706',\n  },\n  thumb: {\n    position: 'absolute' as const,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    backgroundColor: '#ffffff',\n    borderRadius: '50%',\n    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n    transition: 'left 0.2s ease',\n  },\n  poweredByContainer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    width: '100%',\n  },\n}\n\n/**\n * A toggle switch component for enabling/disabling demo mode\n *\n * Supports inline placement or fixed positioning (floating/corner).\n * Includes optional \"Powered by DemoKit\" branding that is always shown for OSS users.\n *\n * @example Basic inline usage\n * <DemoModeToggle />\n *\n * @example Corner position (floating)\n * <DemoModeToggle position=\"corner\" />\n *\n * @example Without label\n * <DemoModeToggle showLabel={false} />\n *\n * @example With custom label and callback\n * <DemoModeToggle\n *   label=\"Preview Mode\"\n *   onChange={(enabled) => console.log('Demo mode:', enabled)}\n * />\n */\nexport function DemoModeToggle({\n  showLabel = true,\n  label = 'Demo Mode',\n  showPoweredBy = true,\n  poweredByUrl = 'https://demokit.ai',\n  position = 'inline',\n  size = 'md',\n  className = '',\n  style,\n  onChange,\n}: DemoModeToggleProps) {\n  const { isDemoMode, isHydrated, toggle } = useDemoMode()\n\n  // Don't render until hydrated to avoid hydration mismatch\n  if (!isHydrated) {\n    return null\n  }\n\n  const config = sizeConfig[size]\n  const posStyle = positionStyles[position]\n\n  const handleToggle = () => {\n    toggle()\n    onChange?.(!isDemoMode)\n  }\n\n  const thumbLeft = isDemoMode\n    ? config.trackWidth - config.thumbSize - config.thumbOffset\n    : config.thumbOffset\n\n  // For OSS users, branding is always shown (enforced server-side in cloud)\n  // The prop is only respected for paid cloud users\n  const effectiveShowPoweredBy = showPoweredBy\n\n  return (\n    <div\n      className={`demokit-toggle ${className}`.trim()}\n      style={{\n        ...defaultStyles.container,\n        padding: config.padding,\n        ...posStyle,\n        ...style,\n      }}\n      role=\"group\"\n      aria-label=\"Demo mode toggle\"\n    >\n      <div style={{ ...defaultStyles.row, gap: config.gap }}>\n        {showLabel && (\n          <span style={{ ...defaultStyles.label, fontSize: config.fontSize }}>{label}</span>\n        )}\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={isDemoMode}\n          aria-label={`${label}: ${isDemoMode ? 'On' : 'Off'}`}\n          onClick={handleToggle}\n          style={{\n            ...defaultStyles.track,\n            ...(isDemoMode ? defaultStyles.trackOn : defaultStyles.trackOff),\n            width: config.trackWidth,\n            height: config.trackHeight,\n            border: 'none',\n            padding: 0,\n          }}\n        >\n          <span\n            style={{\n              ...defaultStyles.thumb,\n              width: config.thumbSize,\n              height: config.thumbSize,\n              left: thumbLeft,\n            }}\n          />\n        </button>\n      </div>\n      {effectiveShowPoweredBy && (\n        <div style={defaultStyles.poweredByContainer}>\n          <PoweredByBadge url={poweredByUrl} size=\"xs\" />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["useCallback","useCallback","jsx","jsx","jsxs","jsx","jsxs","sizeConfig","defaultStyles"]}

package/dist/provider.d.ts

@@ -46,5 +46,5 @@ import type { DemoKitProviderProps } from './types';
  * }
  * ```
  */
-export declare function DemoKitProvider({ children, fixtures, source, onRemoteLoad, onRemoteError, loadingFallback, errorFallback, storageKey, initialEnabled, onDemoModeChange, baseUrl, detection, canDisable, onMutationIntercepted, }: DemoKitProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoKitProvider({ children, fixtures, source, onRemoteLoad, onRemoteError, loadingFallback, errorFallback, storageKey, initialEnabled, onDemoModeChange, baseUrl, detection, canDisable, onMutationIntercepted, pathAliases, warnOnCatchAll, queryClient: externalQueryClient, urlRedirects, }: DemoKitProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAA;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EAER,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAsB,EACtB,aAAa,EAEb,UAA2B,EAC3B,cAAsB,EACtB,gBAAgB,EAChB,OAAO,EAEP,SAAS,EACT,UAAU,EACV,qBAAqB,GACtB,EAAE,oBAAoB,2CAmPtB"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAA;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EAER,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAsB,EACtB,aAAa,EAEb,UAA2B,EAC3B,cAAsB,EACtB,gBAAgB,EAChB,OAAO,EAEP,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,WAAW,EACX,cAAc,EAEd,WAAW,EAAE,mBAAmB,EAEhC,YAAY,GACb,EAAE,oBAAoB,2CAgStB"}

package/dist/types.d.ts

@@ -107,6 +107,44 @@ export interface DemoKitProviderProps {
      * Useful for showing "simulated in demo mode" toast notifications.
      */
     onMutationIntercepted?: (context: MutationInterceptedContext) => void;
+    /**
+     * Path aliases for matching fixtures across equivalent URL prefixes.
+     * Passed through to the core interceptor.
+     * @example { '/api/': '/v1/' }
+     */
+    pathAliases?: Record<string, string>;
+    /**
+     * Log warnings when catch-all patterns match. Passed through to core.
+     * @default true in development
+     */
+    warnOnCatchAll?: boolean;
+    /**
+     * TanStack Query QueryClient instance. When provided, all queries are
+     * automatically invalidated when demo mode toggles, ensuring stale
+     * real/demo data is cleared.
+     */
+    queryClient?: {
+        invalidateQueries: () => void;
+    };
+    /**
+     * URL redirect mappings for navigating between real and demo entity pages.
+     * When demo mode toggles, if the current URL matches a pattern containing
+     * a UUID, the user is redirected to the demo URL (and vice versa).
+     *
+     * @example
+     * urlRedirects: [
+     *   { pattern: '/repositories/:id', demoUrl: '/repositories/demo-repo' },
+     *   { pattern: '/products/:id/*', demoUrl: '/products/demo-product/summary' },
+     * ]
+     */
+    urlRedirects?: Array<{
+        /** URL pattern with :id placeholder for UUID segments */
+        pattern: string;
+        /** URL to navigate to when entering demo mode */
+        demoUrl: string;
+        /** URL to navigate to when exiting demo mode. Defaults to the pattern's base path. */
+        exitUrl?: string;
+    }>;
 }
 /**
  * Value provided by the DemoMode context

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@demokit-ai/react",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "React bindings for DemoKit - provider, hooks, and components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -20,7 +20,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@demokit-ai/core": "workspace:*"
+    "@demokit-ai/core": "^0.5.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",