@demokit-ai/react 0.3.0 → 0.4.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/provider.tsx","../src/context.ts","../src/hooks.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 `apiKey` 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 (zero-config)\n * ```tsx\n * function App() {\n *   return (\n *     <DemoKitProvider\n *       apiKey=\"dk_live_xxx\"\n *       loadingFallback={<LoadingSpinner />}\n *     >\n *       <YourApp />\n *     </DemoKitProvider>\n *   )\n * }\n * ```\n */\nexport function DemoKitProvider({\n  children,\n  fixtures,\n  // Remote config\n  apiKey,\n  cloudUrl,\n  timeout,\n  retry,\n  maxRetries,\n  onRemoteLoad,\n  onRemoteError,\n  loadingFallback = null,\n  errorFallback,\n  // Standard props\n  storageKey = 'demokit-mode',\n  initialEnabled = false,\n  onDemoModeChange,\n  baseUrl,\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\n  // Remote loading state\n  const [isLoading, setIsLoading] = useState(!!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        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      setIsHydrated(true)\n    },\n    [storageKey, initialEnabled, baseUrl, onDemoModeChange]\n  )\n\n  /**\n   * Fetch fixtures from DemoKit Cloud and set up interceptor\n   */\n  const fetchAndSetup = useCallback(async () => {\n    if (!apiKey) return\n\n    setIsLoading(true)\n    setRemoteError(null)\n\n    try {\n      const response = await fetchCloudFixtures({\n        apiKey,\n        cloudUrl,\n        timeout,\n        retry,\n        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    apiKey,\n    cloudUrl,\n    timeout,\n    retry,\n    maxRetries,\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 (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 (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, apiKey])\n\n  const enable = useCallback(() => {\n    interceptorRef.current?.enable()\n  }, [])\n\n  const disable = useCallback(() => {\n    interceptorRef.current?.disable()\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 (!apiKey) {\n      console.warn('[DemoKit] refetch() called but no apiKey provided')\n      return\n    }\n    await refetchFnRef.current?.()\n  }, [apiKey])\n\n  const value = useMemo<DemoModeContextValue>(\n    () => ({\n      isDemoMode,\n      isHydrated,\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      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 && 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","'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 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":["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}: 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"]}

package/dist/powered-by.d.ts

@@ -0,0 +1,46 @@
+import type { CSSProperties } from 'react';
+/**
+ * Props for the PoweredByBadge component
+ */
+export interface PoweredByBadgeProps {
+    /**
+     * URL to link to when clicked
+     * @default 'https://demokit.ai'
+     */
+    url?: string;
+    /**
+     * Visual variant for light/dark backgrounds
+     * @default 'auto'
+     */
+    variant?: 'light' | 'dark' | 'auto';
+    /**
+     * Size of the badge
+     * @default 'sm'
+     */
+    size?: 'xs' | 'sm' | 'md';
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: CSSProperties;
+}
+/**
+ * A "Powered by DemoKit" badge that links to demokit.ai
+ *
+ * This badge is shown by default for OSS users and cannot be hidden
+ * without a valid DemoKit Cloud paid plan.
+ *
+ * @example
+ * <PoweredByBadge />
+ *
+ * @example With dark theme
+ * <PoweredByBadge variant="dark" />
+ *
+ * @example Small size
+ * <PoweredByBadge size="xs" />
+ */
+export declare function PoweredByBadge({ url, variant, size, className, style, }: PoweredByBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=powered-by.d.ts.map

package/dist/powered-by.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"powered-by.d.ts","sourceRoot":"","sources":["../src/powered-by.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAmED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAA0B,EAC1B,OAAiB,EACjB,IAAW,EACX,SAAc,EACd,KAAK,GACN,EAAE,mBAAmB,2CAyCrB"}

package/dist/provider.d.ts

@@ -0,0 +1,50 @@
+import type { DemoKitProviderProps } from './types';
+/**
+ * Provider component that enables demo mode functionality
+ *
+ * Wraps your app to provide demo mode state and controls.
+ * Handles SSR hydration safely and persists state to localStorage.
+ *
+ * Supports two modes:
+ * 1. **Local mode**: Pass `fixtures` prop with pattern handlers
+ * 2. **Remote mode**: Pass `source` to fetch from DemoKit Cloud
+ *
+ * @example Local mode
+ * ```tsx
+ * const fixtures = {
+ *   'GET /api/users': () => [{ id: '1', name: 'Demo User' }],
+ *   'GET /api/users/:id': ({ params }) => ({ id: params.id, name: 'Demo User' }),
+ * }
+ *
+ * function App() {
+ *   return (
+ *     <DemoKitProvider fixtures={fixtures}>
+ *       <YourApp />
+ *     </DemoKitProvider>
+ *   )
+ * }
+ * ```
+ *
+ * @example Remote mode
+ * ```tsx
+ * import { createRemoteSource } from '@demokit-ai/react'
+ *
+ * const source = createRemoteSource({
+ *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,
+ *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,
+ * })
+ *
+ * function App() {
+ *   return (
+ *     <DemoKitProvider
+ *       source={source}
+ *       loadingFallback={<LoadingSpinner />}
+ *     >
+ *       <YourApp />
+ *     </DemoKitProvider>
+ *   )
+ * }
+ * ```
+ */
+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;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +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"}

package/dist/toggle.d.ts

@@ -0,0 +1,76 @@
+import type { CSSProperties } from 'react';
+/**
+ * Props for the DemoModeToggle component
+ */
+export interface DemoModeToggleProps {
+    /**
+     * Show "Demo Mode" label next to the toggle
+     * @default true
+     */
+    showLabel?: boolean;
+    /**
+     * Label text to display
+     * @default 'Demo Mode'
+     */
+    label?: string;
+    /**
+     * Show "Powered by DemoKit" branding
+     * Note: For OSS users, this is always true regardless of the prop value.
+     * Only paid DemoKit Cloud users can hide the branding.
+     * @default true
+     */
+    showPoweredBy?: boolean;
+    /**
+     * URL for the "Powered by" link
+     * @default 'https://demokit.ai'
+     */
+    poweredByUrl?: string;
+    /**
+     * Position of the toggle
+     * - 'inline': Renders where placed in the component tree
+     * - 'floating': Fixed position, can be moved around
+     * - 'corner': Fixed to bottom-right corner
+     * @default 'inline'
+     */
+    position?: 'inline' | 'floating' | 'corner';
+    /**
+     * Size of the toggle
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: CSSProperties;
+    /**
+     * Callback when toggle state changes
+     */
+    onChange?: (enabled: boolean) => void;
+}
+/**
+ * A toggle switch component for enabling/disabling demo mode
+ *
+ * Supports inline placement or fixed positioning (floating/corner).
+ * Includes optional "Powered by DemoKit" branding that is always shown for OSS users.
+ *
+ * @example Basic inline usage
+ * <DemoModeToggle />
+ *
+ * @example Corner position (floating)
+ * <DemoModeToggle position="corner" />
+ *
+ * @example Without label
+ * <DemoModeToggle showLabel={false} />
+ *
+ * @example With custom label and callback
+ * <DemoModeToggle
+ *   label="Preview Mode"
+ *   onChange={(enabled) => console.log('Demo mode:', enabled)}
+ * />
+ */
+export declare function DemoModeToggle({ showLabel, label, showPoweredBy, poweredByUrl, position, size, className, style, onChange, }: DemoModeToggleProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../src/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAA;IAE3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AA6GD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAgB,EAChB,KAAmB,EACnB,aAAoB,EACpB,YAAmC,EACnC,QAAmB,EACnB,IAAW,EACX,SAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,kDAwErB"}

package/dist/types.d.ts

@@ -0,0 +1,229 @@
+import type { FixtureMap, SessionState, CloudFixtureResponse, RemoteConfig, DetectionConfig, MutationInterceptedContext } from '@demokit-ai/core';
+import type { ReactNode } from 'react';
+/**
+ * Props for the DemoKitProvider component
+ *
+ * The provider supports two modes:
+ * 1. **Local mode**: Provide `fixtures` prop with pattern handlers
+ * 2. **Remote mode**: Provide `source` config to fetch from DemoKit Cloud
+ *
+ * @example Local mode
+ * ```tsx
+ * <DemoKitProvider fixtures={{ 'GET /api/users': () => [] }}>
+ *   <App />
+ * </DemoKitProvider>
+ * ```
+ *
+ * @example Remote mode
+ * ```tsx
+ * import { createRemoteSource } from '@demokit-ai/react'
+ *
+ * const source = createRemoteSource({
+ *   apiUrl: process.env.NEXT_PUBLIC_DEMOKIT_API_URL!,
+ *   apiKey: process.env.NEXT_PUBLIC_DEMOKIT_API_KEY!,
+ * })
+ *
+ * <DemoKitProvider source={source}>
+ *   <App />
+ * </DemoKitProvider>
+ * ```
+ *
+ * @example Remote mode with local overrides
+ * ```tsx
+ * <DemoKitProvider
+ *   source={source}
+ *   fixtures={{ 'POST /api/users': ({ body }) => ({ id: 'custom', ...body }) }}
+ * >
+ *   <App />
+ * </DemoKitProvider>
+ * ```
+ */
+export interface DemoKitProviderProps {
+    /**
+     * Child components to render
+     */
+    children: ReactNode;
+    /**
+     * Map of URL patterns to fixture handlers (local mode)
+     * In remote mode, these act as overrides for cloud fixtures
+     */
+    fixtures?: FixtureMap;
+    /**
+     * Remote source configuration for fetching fixtures from DemoKit Cloud
+     * Create using createRemoteSource()
+     */
+    source?: RemoteConfig;
+    /**
+     * Callback when remote fixtures are successfully loaded
+     */
+    onRemoteLoad?: (response: CloudFixtureResponse) => void;
+    /**
+     * Callback when remote fetch fails
+     */
+    onRemoteError?: (error: Error) => void;
+    /**
+     * Content to render while loading remote fixtures
+     * @default null (renders nothing while loading)
+     */
+    loadingFallback?: ReactNode;
+    /**
+     * Content to render when remote fetch fails
+     * If not provided, children are rendered (with local fixtures only if provided)
+     */
+    errorFallback?: ReactNode | ((error: Error) => ReactNode);
+    /**
+     * localStorage key for persisting demo mode state
+     * @default 'demokit-mode'
+     */
+    storageKey?: string;
+    /**
+     * Whether demo mode should be initially enabled
+     * If not provided, will read from localStorage
+     * @default false
+     */
+    initialEnabled?: boolean;
+    /**
+     * Callback invoked when demo mode state changes
+     */
+    onDemoModeChange?: (enabled: boolean) => void;
+    /**
+     * Base URL to use for relative URL parsing
+     * @default 'http://localhost'
+     */
+    baseUrl?: string;
+    /**
+     * Auto-detection configuration for enabling demo mode based on URL.
+     * When configured, demo mode is automatically enabled on matching subdomains
+     * or when specific query parameters are present.
+     */
+    detection?: DetectionConfig;
+    /**
+     * Guard callback that controls whether demo mode can be disabled.
+     * Return `true` to allow, `false` to prevent, or a string reason message.
+     */
+    canDisable?: () => boolean | string;
+    /**
+     * Callback fired when a non-GET request is intercepted by a fixture.
+     * Useful for showing "simulated in demo mode" toast notifications.
+     */
+    onMutationIntercepted?: (context: MutationInterceptedContext) => void;
+}
+/**
+ * Value provided by the DemoMode context
+ */
+export interface DemoModeContextValue {
+    /**
+     * Whether demo mode is currently enabled
+     */
+    isDemoMode: boolean;
+    /**
+     * Whether the component has hydrated (for SSR safety)
+     * Always check this before rendering demo-dependent UI
+     */
+    isHydrated: boolean;
+    /**
+     * Whether this is a public demo instance (auto-detected via subdomain).
+     * Useful for showing different CTAs (e.g., "Sign up" instead of "Exit Demo").
+     */
+    isPublicDemo: boolean;
+    /**
+     * Whether remote fixtures are currently being loaded
+     * Only relevant when apiKey is provided
+     */
+    isLoading: boolean;
+    /**
+     * Error that occurred during remote fetch
+     * Only set when apiKey is provided and fetch fails
+     */
+    remoteError: Error | null;
+    /**
+     * Version identifier from the loaded cloud fixtures
+     * Useful for cache invalidation and debugging
+     */
+    remoteVersion: string | null;
+    /**
+     * Enable demo mode
+     */
+    enable(): void;
+    /**
+     * Disable demo mode. Returns `true` if disabled successfully,
+     * `false` or a string reason if prevented by the `canDisable` guard.
+     */
+    disable(): boolean | string;
+    /**
+     * Toggle demo mode and return the new state
+     */
+    toggle(): void;
+    /**
+     * Set demo mode to a specific state
+     */
+    setDemoMode(enabled: boolean): void;
+    /**
+     * Reset the session state, clearing all stored data
+     * Call this to manually reset the demo session without page refresh
+     */
+    resetSession(): void;
+    /**
+     * Get the current session state instance
+     * Useful for inspecting or manipulating session state directly
+     * Returns null if the interceptor hasn't been initialized yet
+     */
+    getSession(): SessionState | null;
+    /**
+     * Refetch fixtures from DemoKit Cloud
+     * Only works when apiKey is provided
+     * Returns a promise that resolves when the fetch completes
+     */
+    refetch(): Promise<void>;
+}
+/**
+ * Props for the DemoModeBanner component
+ */
+export interface DemoModeBannerProps {
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Label for the exit button
+     * @default 'Exit Demo Mode'
+     */
+    exitLabel?: string;
+    /**
+     * Label shown when demo mode is active
+     * @default 'Demo Mode Active'
+     */
+    demoLabel?: string;
+    /**
+     * Description shown in the banner
+     * @default 'Changes are simulated and not saved'
+     */
+    description?: string;
+    /**
+     * Whether to show the eye icon
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Show "Powered by DemoKit" branding
+     * Note: For OSS users, this is always true regardless of the prop value.
+     * Only paid DemoKit Cloud users can hide the branding.
+     * @default true
+     */
+    showPoweredBy?: boolean;
+    /**
+     * URL for the "Powered by" link
+     * @default 'https://demokit.ai'
+     */
+    poweredByUrl?: string;
+    /**
+     * Custom styles for the banner container
+     */
+    style?: React.CSSProperties;
+    /**
+     * Callback when exit button is clicked
+     * If not provided, will call disable() from context
+     */
+    onExit?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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