@demokit-ai/react 0.3.0 → 0.4.1

package/dist/banner.d.ts

@@ -0,0 +1,26 @@
+import type { DemoModeBannerProps } from './types';
+/**
+ * A ready-to-use banner component that shows when demo mode is active
+ *
+ * Displays a prominent amber banner with a label, description, and exit button.
+ * Automatically hides when demo mode is disabled or before hydration.
+ *
+ * @example
+ * function App() {
+ *   return (
+ *     <DemoKitProvider fixtures={fixtures}>
+ *       <DemoModeBanner />
+ *       <YourApp />
+ *     </DemoKitProvider>
+ *   )
+ * }
+ *
+ * @example Custom labels
+ * <DemoModeBanner
+ *   demoLabel="Preview Mode"
+ *   description="You're viewing sample data"
+ *   exitLabel="Exit Preview"
+ * />
+ */
+export declare function DemoModeBanner({ className, exitLabel, demoLabel, description, showIcon, showPoweredBy, poweredByUrl, style, onExit, }: DemoModeBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=banner.d.ts.map

package/dist/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../src/banner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAqElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAc,EACd,SAA4B,EAC5B,SAA8B,EAC9B,WAAmD,EACnD,QAAe,EACf,aAAoB,EACpB,YAAmC,EACnC,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,kDA0DrB"}

package/dist/config.d.ts

@@ -0,0 +1,20 @@
+import type { RemoteConfig } from '@demokit-ai/core';
+/**
+ * Create a remote source configuration for fetching fixtures from DemoKit Cloud
+ *
+ * @example
+ * ```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}>
+ *   {children}
+ * </DemoKitProvider>
+ * ```
+ */
+export declare function createRemoteSource(config: RemoteConfig): RemoteConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,YAAY,CAOrE"}

package/dist/context.d.ts

@@ -0,0 +1,7 @@
+import type { DemoModeContextValue } from './types';
+/**
+ * React context for demo mode state
+ * @internal
+ */
+export declare const DemoModeContext: import("react").Context<DemoModeContextValue | undefined>;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,eAAe,2DAA6D,CAAA"}

package/dist/guard.d.ts

@@ -0,0 +1,59 @@
+export interface UseDemoGuardOptions {
+    /**
+     * Called when a mutation is blocked in demo mode.
+     * Use this to show a toast or notification to the user.
+     * @param message - The action name or a default message
+     */
+    onBlocked?: (message: string) => void;
+}
+export interface DemoGuardReturn {
+    /**
+     * Whether demo mode is currently active
+     */
+    isDemoMode: boolean;
+    /**
+     * Wraps a mutation action — prevents execution in demo mode.
+     * When blocked, calls `onBlocked` with the action name.
+     *
+     * @param action - The mutation function to execute (only runs if NOT in demo mode)
+     * @param actionName - Human-readable name (e.g., "Changes saved")
+     * @returns `true` if the action was executed, `false` if blocked
+     *
+     * @example
+     * ```tsx
+     * const { guardMutation } = useDemoGuard({
+     *   onBlocked: (msg) => toast.success(msg)
+     * })
+     *
+     * guardMutation(() => sdk.deleteItem(id), 'Item deleted')
+     * ```
+     */
+    guardMutation: (action: () => void | Promise<void>, actionName?: string) => boolean;
+}
+/**
+ * Hook that prevents mutations from executing in demo mode.
+ *
+ * Instead of letting mutations hit the (intercepted) API and trigger
+ * side effects like optimistic updates and onSuccess handlers, this
+ * hook blocks the mutation entirely and optionally notifies the user.
+ *
+ * @example
+ * ```tsx
+ * import { useDemoGuard } from '@demokit-ai/react'
+ * import { toast } from 'sonner'
+ *
+ * function MyComponent() {
+ *   const { guardMutation } = useDemoGuard({
+ *     onBlocked: (msg) => toast.success(msg, {
+ *       description: 'Changes are not saved. Exit demo mode to make real changes.',
+ *     })
+ *   })
+ *
+ *   const handleDelete = () => {
+ *     guardMutation(() => sdk.deleteItem(id), 'Item deleted')
+ *   }
+ * }
+ * ```
+ */
+export declare function useDemoGuard(options?: UseDemoGuardOptions): DemoGuardReturn;
+//# sourceMappingURL=guard.d.ts.map

package/dist/guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard.d.ts","sourceRoot":"","sources":["../src/guard.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IAEnB;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAClC,UAAU,CAAC,EAAE,MAAM,KAChB,OAAO,CAAA;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,eAAe,CAyB/E"}

package/dist/hooks.d.ts

@@ -0,0 +1,59 @@
+import type { DemoModeContextValue } from './types';
+/**
+ * Hook to access demo mode state and controls
+ *
+ * @returns Demo mode context value with state and control methods
+ * @throws Error if used outside of DemoKitProvider
+ *
+ * @example
+ * function MyComponent() {
+ *   const { isDemoMode, isHydrated, toggle } = useDemoMode()
+ *
+ *   // Wait for hydration before rendering demo-dependent UI
+ *   if (!isHydrated) {
+ *     return <Loading />
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <p>Demo mode: {isDemoMode ? 'ON' : 'OFF'}</p>
+ *       <button onClick={toggle}>Toggle</button>
+ *     </div>
+ *   )
+ * }
+ */
+export declare function useDemoMode(): DemoModeContextValue;
+/**
+ * Hook to check if demo mode is enabled
+ * Shorthand for useDemoMode().isDemoMode
+ *
+ * @returns Whether demo mode is enabled
+ */
+export declare function useIsDemoMode(): boolean;
+/**
+ * Hook to check if the component has hydrated
+ * Shorthand for useDemoMode().isHydrated
+ *
+ * @returns Whether the component has hydrated
+ */
+export declare function useIsHydrated(): boolean;
+/**
+ * Hook to access the session state
+ * Shorthand for useDemoMode().getSession()
+ *
+ * @returns The session state, or null if not yet initialized
+ *
+ * @example
+ * function MyComponent() {
+ *   const session = useDemoSession()
+ *
+ *   const cart = session?.get<CartItem[]>('cart') || []
+ *   const addToCart = (item: CartItem) => {
+ *     session?.set('cart', [...cart, item])
+ *   }
+ *
+ *   return <CartView items={cart} onAdd={addToCart} />
+ * }
+ */
+export declare function useDemoSession(): import("@demokit-ai/core").SessionState | null;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAWlD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,mDAE7B"}

package/dist/index.cjs

@@ -25,6 +25,8 @@ __export(index_exports, {
   DemoModeContext: () => DemoModeContext,
   DemoModeToggle: () => DemoModeToggle,
   PoweredByBadge: () => PoweredByBadge,
+  createRemoteSource: () => createRemoteSource,
+  useDemoGuard: () => useDemoGuard,
   useDemoMode: () => useDemoMode,
   useDemoSession: () => useDemoSession,
   useIsDemoMode: () => useIsDemoMode,
@@ -47,11 +49,7 @@ function DemoKitProvider({
   children,
   fixtures,
   // Remote config
-  apiKey,
-  cloudUrl,
-  timeout,
-  retry,
-  maxRetries,
+  source,
   onRemoteLoad,
   onRemoteError,
   loadingFallback = null,
@@ -60,11 +58,16 @@ function DemoKitProvider({
   storageKey = "demokit-mode",
   initialEnabled = false,
   onDemoModeChange,
-  baseUrl
+  baseUrl,
+  // Detection & guards
+  detection,
+  canDisable,
+  onMutationIntercepted
 }) {
   const [isDemoMode, setIsDemoMode] = (0, import_react2.useState)(initialEnabled);
   const [isHydrated, setIsHydrated] = (0, import_react2.useState)(false);
-  const [isLoading, setIsLoading] = (0, import_react2.useState)(!!apiKey);
+  const [isPublicDemo, setIsPublicDemo] = (0, import_react2.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(!!source?.apiKey);
   const [remoteError, setRemoteError] = (0, import_react2.useState)(null);
   const [remoteVersion, setRemoteVersion] = (0, import_react2.useState)(null);
   const interceptorRef = (0, import_react2.useRef)(null);
@@ -79,6 +82,9 @@ function DemoKitProvider({
         storageKey,
         initialEnabled,
         baseUrl,
+        detection,
+        canDisable,
+        onMutationIntercepted,
         onEnable: () => {
           setIsDemoMode(true);
           onDemoModeChange?.(true);
@@ -90,21 +96,22 @@ function DemoKitProvider({
       });
       const storedState = interceptorRef.current.isEnabled();
       setIsDemoMode(storedState);
+      setIsPublicDemo(interceptorRef.current.isPublicDemo());
       setIsHydrated(true);
     },
-    [storageKey, initialEnabled, baseUrl, onDemoModeChange]
+    [storageKey, initialEnabled, baseUrl, onDemoModeChange, detection, canDisable, onMutationIntercepted]
   );
   const fetchAndSetup = (0, import_react2.useCallback)(async () => {
-    if (!apiKey) return;
+    if (!source?.apiKey) return;
     setIsLoading(true);
     setRemoteError(null);
     try {
       const response = await (0, import_core.fetchCloudFixtures)({
-        apiKey,
-        cloudUrl,
-        timeout,
-        retry,
-        maxRetries,
+        apiKey: source.apiKey,
+        apiUrl: source.apiUrl,
+        timeout: source.timeout,
+        retry: source.retry,
+        maxRetries: source.maxRetries,
         onLoad: onRemoteLoad,
         onError: onRemoteError
       });
@@ -125,11 +132,7 @@ function DemoKitProvider({
       setIsLoading(false);
     }
   }, [
-    apiKey,
-    cloudUrl,
-    timeout,
-    retry,
-    maxRetries,
+    source,
     fixtures,
     onRemoteLoad,
     onRemoteError,
@@ -141,7 +144,7 @@ function DemoKitProvider({
       return;
     }
     initializedRef.current = true;
-    if (apiKey) {
+    if (source?.apiKey) {
       fetchAndSetup();
     } else if (fixtures) {
       setupInterceptor(fixtures);
@@ -157,18 +160,18 @@ function DemoKitProvider({
   }, []);
   (0, import_react2.useEffect)(() => {
     if (!isHydrated || isLoading) return;
-    if (apiKey && remoteFixturesRef.current) {
+    if (source?.apiKey && remoteFixturesRef.current) {
       const merged = { ...remoteFixturesRef.current, ...fixtures };
       interceptorRef.current?.setFixtures(merged);
     } else if (fixtures) {
       interceptorRef.current?.setFixtures(fixtures);
     }
-  }, [fixtures, isHydrated, isLoading, apiKey]);
+  }, [fixtures, isHydrated, isLoading, source]);
   const enable = (0, import_react2.useCallback)(() => {
     interceptorRef.current?.enable();
   }, []);
   const disable = (0, import_react2.useCallback)(() => {
-    interceptorRef.current?.disable();
+    return interceptorRef.current?.disable() ?? true;
   }, []);
   const toggle = (0, import_react2.useCallback)(() => {
     interceptorRef.current?.toggle();
@@ -187,16 +190,17 @@ function DemoKitProvider({
     return interceptorRef.current?.getSession() ?? null;
   }, []);
   const refetch = (0, import_react2.useCallback)(async () => {
-    if (!apiKey) {
-      console.warn("[DemoKit] refetch() called but no apiKey provided");
+    if (!source?.apiKey) {
+      console.warn("[DemoKit] refetch() called but no source provided");
       return;
     }
     await refetchFnRef.current?.();
-  }, [apiKey]);
+  }, [source]);
   const value = (0, import_react2.useMemo)(
     () => ({
       isDemoMode,
       isHydrated,
+      isPublicDemo,
       isLoading,
       remoteError,
       remoteVersion,
@@ -211,6 +215,7 @@ function DemoKitProvider({
     [
       isDemoMode,
       isHydrated,
+      isPublicDemo,
       isLoading,
       remoteError,
       remoteVersion,
@@ -223,7 +228,7 @@ function DemoKitProvider({
       refetch
     ]
   );
-  if (isLoading && apiKey) {
+  if (isLoading && source?.apiKey) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoModeContext.Provider, { value, children: loadingFallback });
   }
   if (remoteError && errorFallback) {
@@ -233,6 +238,16 @@ function DemoKitProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoModeContext.Provider, { value, children });
 }
 
+// src/config.ts
+function createRemoteSource(config) {
+  return {
+    timeout: 1e4,
+    retry: true,
+    maxRetries: 3,
+    ...config
+  };
+}
+
 // src/hooks.ts
 var import_react3 = require("react");
 function useDemoMode() {
@@ -254,6 +269,29 @@ function useDemoSession() {
   return useDemoMode().getSession();
 }
 
+// src/guard.ts
+var import_react4 = require("react");
+function useDemoGuard(options = {}) {
+  const { isDemoMode } = useDemoMode();
+  const { onBlocked } = options;
+  const guardMutation = (0, import_react4.useCallback)(
+    (action, actionName) => {
+      if (isDemoMode) {
+        const message = actionName ? `${actionName} (simulated in demo mode)` : "Action simulated in demo mode";
+        onBlocked?.(message);
+        return false;
+      }
+      action();
+      return true;
+    },
+    [isDemoMode, onBlocked]
+  );
+  return {
+    guardMutation,
+    isDemoMode
+  };
+}
+
 // src/powered-by.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function ExternalLinkIcon({ size }) {
@@ -656,6 +694,8 @@ function DemoModeToggle({
   DemoModeContext,
   DemoModeToggle,
   PoweredByBadge,
+  createRemoteSource,
+  useDemoGuard,
   useDemoMode,
   useDemoSession,
   useIsDemoMode,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/provider.tsx","../src/context.ts","../src/hooks.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// Hooks\nexport { useDemoMode, useIsDemoMode, useIsHydrated, useDemoSession } from './hooks'\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// 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} 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 `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":["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}: 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"]}