@storybook/react-native 7.0.0-alpha.4 → 7.0.0-alpha.6

package/dist/V6.js

@@ -0,0 +1,2247 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../node_modules/@storybook/types/dist/index.js
+var require_dist = __commonJS({
+  "../../node_modules/@storybook/types/dist/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var src_exports = {};
+    __export2(src_exports, { Addon_TypesEnum: () => Addon_TypesEnum2 });
+    module2.exports = __toCommonJS2(src_exports);
+    var Addon_TypesEnum2 = ((Addon_TypesEnum22) => (Addon_TypesEnum22.TAB = "tab", Addon_TypesEnum22.PANEL = "panel", Addon_TypesEnum22.TOOL = "tool", Addon_TypesEnum22.TOOLEXTRA = "toolextra", Addon_TypesEnum22.PREVIEW = "preview", Addon_TypesEnum22.experimental_PAGE = "page", Addon_TypesEnum22.experimental_SIDEBAR_BOTTOM = "sidebar-bottom", Addon_TypesEnum22.experimental_SIDEBAR_TOP = "sidebar-top", Addon_TypesEnum22.NOTES_ELEMENT = "notes-element", Addon_TypesEnum22))(Addon_TypesEnum2 || {});
+  }
+});
+
+// src/V6.ts
+var V6_exports = {};
+__export(V6_exports, {
+  addArgTypesEnhancer: () => addArgTypesEnhancer,
+  addArgsEnhancer: () => addArgsEnhancer,
+  addDecorator: () => addDecorator,
+  addParameters: () => addParameters,
+  configure: () => configure,
+  darkTheme: () => import_react_native_theming13.darkTheme,
+  getStorybookUI: () => getStorybookUI,
+  raw: () => raw,
+  storiesOf: () => storiesOf,
+  theme: () => import_react_native_theming13.theme
+});
+module.exports = __toCommonJS(V6_exports);
+
+// src/StartV6.tsx
+var import_channels = require("@storybook/channels");
+var import_core_events2 = __toESM(require("@storybook/core-events"));
+var import_global = require("@storybook/global");
+var import_manager_api3 = require("@storybook/manager-api");
+var import_preview_api = require("@storybook/preview-api");
+var import_preview_web = require("@storybook/preview-web");
+
+// src/View.tsx
+var import_async_storage = __toESM(require("@react-native-async-storage/async-storage"));
+var import_csf = require("@storybook/csf");
+var import_manager_api2 = require("@storybook/manager-api");
+var import_react_native_theming12 = require("@storybook/react-native-theming");
+var import_react16 = require("react");
+var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
+
+// src/hooks.tsx
+var import_react2 = __toESM(require("react"));
+
+// ../../node_modules/jotai/esm/vanilla.mjs
+var import_meta = {};
+var keyCount = 0;
+function atom(read, write) {
+  const key = `atom${++keyCount}`;
+  const config = {
+    toString: () => key
+  };
+  if (typeof read === "function") {
+    config.read = read;
+  } else {
+    config.init = read;
+    config.read = (get) => get(config);
+    config.write = (get, set, arg) => set(
+      config,
+      typeof arg === "function" ? arg(get(config)) : arg
+    );
+  }
+  if (write) {
+    config.write = write;
+  }
+  return config;
+}
+var hasInitialValue = (atom2) => "init" in atom2;
+var isActuallyWritableAtom = (atom2) => !!atom2.write;
+var cancelPromiseMap = /* @__PURE__ */ new WeakMap();
+var registerCancelPromise = (promise, cancel) => {
+  cancelPromiseMap.set(promise, cancel);
+  promise.catch(() => {
+  }).finally(() => cancelPromiseMap.delete(promise));
+};
+var cancelPromise = (promise, next) => {
+  const cancel = cancelPromiseMap.get(promise);
+  if (cancel) {
+    cancelPromiseMap.delete(promise);
+    cancel(next);
+  }
+};
+var resolvePromise = (promise, value) => {
+  promise.status = "fulfilled";
+  promise.value = value;
+};
+var rejectPromise = (promise, e) => {
+  promise.status = "rejected";
+  promise.reason = e;
+};
+var isPromiseLike = (x) => typeof (x == null ? void 0 : x.then) === "function";
+var isEqualAtomValue = (a, b) => "v" in a && "v" in b && Object.is(a.v, b.v);
+var isEqualAtomError = (a, b) => "e" in a && "e" in b && Object.is(a.e, b.e);
+var hasPromiseAtomValue = (a) => "v" in a && a.v instanceof Promise;
+var isEqualPromiseAtomValue = (a, b) => "v" in a && "v" in b && a.v.orig && a.v.orig === b.v.orig;
+var returnAtomValue = (atomState) => {
+  if ("e" in atomState) {
+    throw atomState.e;
+  }
+  return atomState.v;
+};
+var createStore = () => {
+  const atomStateMap = /* @__PURE__ */ new WeakMap();
+  const mountedMap = /* @__PURE__ */ new WeakMap();
+  const pendingMap = /* @__PURE__ */ new Map();
+  let storeListenersRev2;
+  let mountedAtoms;
+  if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+    storeListenersRev2 = /* @__PURE__ */ new Set();
+    mountedAtoms = /* @__PURE__ */ new Set();
+  }
+  const getAtomState = (atom2) => atomStateMap.get(atom2);
+  const setAtomState = (atom2, atomState) => {
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      Object.freeze(atomState);
+    }
+    const prevAtomState = atomStateMap.get(atom2);
+    atomStateMap.set(atom2, atomState);
+    if (!pendingMap.has(atom2)) {
+      pendingMap.set(atom2, prevAtomState);
+    }
+    if (prevAtomState && hasPromiseAtomValue(prevAtomState)) {
+      const next = "v" in atomState ? atomState.v instanceof Promise ? atomState.v : Promise.resolve(atomState.v) : Promise.reject(atomState.e);
+      cancelPromise(prevAtomState.v, next);
+    }
+  };
+  const updateDependencies = (atom2, nextAtomState, nextDependencies) => {
+    const dependencies = /* @__PURE__ */ new Map();
+    let changed = false;
+    nextDependencies.forEach((aState, a) => {
+      if (!aState && a === atom2) {
+        aState = nextAtomState;
+      }
+      if (aState) {
+        dependencies.set(a, aState);
+        if (nextAtomState.d.get(a) !== aState) {
+          changed = true;
+        }
+      } else if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+        console.warn("[Bug] atom state not found");
+      }
+    });
+    if (changed || nextAtomState.d.size !== dependencies.size) {
+      nextAtomState.d = dependencies;
+    }
+  };
+  const setAtomValue = (atom2, value, nextDependencies) => {
+    const prevAtomState = getAtomState(atom2);
+    const nextAtomState = {
+      d: (prevAtomState == null ? void 0 : prevAtomState.d) || /* @__PURE__ */ new Map(),
+      v: value
+    };
+    if (nextDependencies) {
+      updateDependencies(atom2, nextAtomState, nextDependencies);
+    }
+    if (prevAtomState && isEqualAtomValue(prevAtomState, nextAtomState) && prevAtomState.d === nextAtomState.d) {
+      return prevAtomState;
+    }
+    if (prevAtomState && hasPromiseAtomValue(prevAtomState) && hasPromiseAtomValue(nextAtomState) && isEqualPromiseAtomValue(prevAtomState, nextAtomState)) {
+      if (prevAtomState.d === nextAtomState.d) {
+        return prevAtomState;
+      } else {
+        nextAtomState.v = prevAtomState.v;
+      }
+    }
+    setAtomState(atom2, nextAtomState);
+    return nextAtomState;
+  };
+  const setAtomValueOrPromise = (atom2, valueOrPromise, nextDependencies, abortPromise) => {
+    if (isPromiseLike(valueOrPromise)) {
+      let continuePromise;
+      const promise = new Promise((resolve, reject) => {
+        let settled = false;
+        valueOrPromise.then(
+          (v) => {
+            if (!settled) {
+              settled = true;
+              const prevAtomState = getAtomState(atom2);
+              const nextAtomState = setAtomValue(
+                atom2,
+                promise,
+                nextDependencies
+              );
+              resolvePromise(promise, v);
+              resolve(v);
+              if ((prevAtomState == null ? void 0 : prevAtomState.d) !== nextAtomState.d) {
+                mountDependencies(atom2, nextAtomState, prevAtomState == null ? void 0 : prevAtomState.d);
+              }
+            }
+          },
+          (e) => {
+            if (!settled) {
+              settled = true;
+              const prevAtomState = getAtomState(atom2);
+              const nextAtomState = setAtomValue(
+                atom2,
+                promise,
+                nextDependencies
+              );
+              rejectPromise(promise, e);
+              reject(e);
+              if ((prevAtomState == null ? void 0 : prevAtomState.d) !== nextAtomState.d) {
+                mountDependencies(atom2, nextAtomState, prevAtomState == null ? void 0 : prevAtomState.d);
+              }
+            }
+          }
+        );
+        continuePromise = (next) => {
+          if (!settled) {
+            settled = true;
+            next.then(
+              (v) => resolvePromise(promise, v),
+              (e) => rejectPromise(promise, e)
+            );
+            resolve(next);
+          }
+        };
+      });
+      promise.orig = valueOrPromise;
+      promise.status = "pending";
+      registerCancelPromise(promise, (next) => {
+        if (next) {
+          continuePromise(next);
+        }
+        abortPromise == null ? void 0 : abortPromise();
+      });
+      return setAtomValue(atom2, promise, nextDependencies);
+    }
+    return setAtomValue(atom2, valueOrPromise, nextDependencies);
+  };
+  const setAtomError = (atom2, error, nextDependencies) => {
+    const prevAtomState = getAtomState(atom2);
+    const nextAtomState = {
+      d: (prevAtomState == null ? void 0 : prevAtomState.d) || /* @__PURE__ */ new Map(),
+      e: error
+    };
+    if (nextDependencies) {
+      updateDependencies(atom2, nextAtomState, nextDependencies);
+    }
+    if (prevAtomState && isEqualAtomError(prevAtomState, nextAtomState) && prevAtomState.d === nextAtomState.d) {
+      return prevAtomState;
+    }
+    setAtomState(atom2, nextAtomState);
+    return nextAtomState;
+  };
+  const readAtomState = (atom2, force) => {
+    const atomState = getAtomState(atom2);
+    if (!force && atomState) {
+      if (mountedMap.has(atom2)) {
+        return atomState;
+      }
+      if (Array.from(atomState.d).every(
+        ([a, s]) => a === atom2 || readAtomState(a) === s
+      )) {
+        return atomState;
+      }
+    }
+    const nextDependencies = /* @__PURE__ */ new Map();
+    let isSync = true;
+    const getter = (a) => {
+      if (a === atom2) {
+        const aState2 = getAtomState(a);
+        if (aState2) {
+          nextDependencies.set(a, aState2);
+          return returnAtomValue(aState2);
+        }
+        if (hasInitialValue(a)) {
+          nextDependencies.set(a, void 0);
+          return a.init;
+        }
+        throw new Error("no atom init");
+      }
+      const aState = readAtomState(a);
+      nextDependencies.set(a, aState);
+      return returnAtomValue(aState);
+    };
+    let controller;
+    let setSelf;
+    const options = {
+      get signal() {
+        if (!controller) {
+          controller = new AbortController();
+        }
+        return controller.signal;
+      },
+      get setSelf() {
+        if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production" && !isActuallyWritableAtom(atom2)) {
+          console.warn("setSelf function cannot be used with read-only atom");
+        }
+        if (!setSelf && isActuallyWritableAtom(atom2)) {
+          setSelf = (...args) => {
+            if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production" && isSync) {
+              console.warn("setSelf function cannot be called in sync");
+            }
+            if (!isSync) {
+              return writeAtom(atom2, ...args);
+            }
+          };
+        }
+        return setSelf;
+      }
+    };
+    try {
+      const valueOrPromise = atom2.read(getter, options);
+      return setAtomValueOrPromise(
+        atom2,
+        valueOrPromise,
+        nextDependencies,
+        () => controller == null ? void 0 : controller.abort()
+      );
+    } catch (error) {
+      return setAtomError(atom2, error, nextDependencies);
+    } finally {
+      isSync = false;
+    }
+  };
+  const readAtom = (atom2) => returnAtomValue(readAtomState(atom2));
+  const addAtom = (atom2) => {
+    let mounted = mountedMap.get(atom2);
+    if (!mounted) {
+      mounted = mountAtom(atom2);
+    }
+    return mounted;
+  };
+  const canUnmountAtom = (atom2, mounted) => !mounted.l.size && (!mounted.t.size || mounted.t.size === 1 && mounted.t.has(atom2));
+  const delAtom = (atom2) => {
+    const mounted = mountedMap.get(atom2);
+    if (mounted && canUnmountAtom(atom2, mounted)) {
+      unmountAtom(atom2);
+    }
+  };
+  const recomputeDependents = (atom2) => {
+    const dependencyMap = /* @__PURE__ */ new Map();
+    const dirtyMap = /* @__PURE__ */ new WeakMap();
+    const loop1 = (a) => {
+      const mounted = mountedMap.get(a);
+      mounted == null ? void 0 : mounted.t.forEach((dependent) => {
+        if (dependent !== a) {
+          dependencyMap.set(
+            dependent,
+            (dependencyMap.get(dependent) || /* @__PURE__ */ new Set()).add(a)
+          );
+          dirtyMap.set(dependent, (dirtyMap.get(dependent) || 0) + 1);
+          loop1(dependent);
+        }
+      });
+    };
+    loop1(atom2);
+    const loop2 = (a) => {
+      const mounted = mountedMap.get(a);
+      mounted == null ? void 0 : mounted.t.forEach((dependent) => {
+        var _a;
+        if (dependent !== a) {
+          let dirtyCount = dirtyMap.get(dependent);
+          if (dirtyCount) {
+            dirtyMap.set(dependent, --dirtyCount);
+          }
+          if (!dirtyCount) {
+            let isChanged = !!((_a = dependencyMap.get(dependent)) == null ? void 0 : _a.size);
+            if (isChanged) {
+              const prevAtomState = getAtomState(dependent);
+              const nextAtomState = readAtomState(dependent, true);
+              isChanged = !prevAtomState || !isEqualAtomValue(prevAtomState, nextAtomState);
+            }
+            if (!isChanged) {
+              dependencyMap.forEach((s) => s.delete(dependent));
+            }
+          }
+          loop2(dependent);
+        }
+      });
+    };
+    loop2(atom2);
+  };
+  const writeAtomState = (atom2, ...args) => {
+    let isSync = true;
+    const getter = (a) => returnAtomValue(readAtomState(a));
+    const setter = (a, ...args2) => {
+      let r;
+      if (a === atom2) {
+        if (!hasInitialValue(a)) {
+          throw new Error("atom not writable");
+        }
+        const prevAtomState = getAtomState(a);
+        const nextAtomState = setAtomValueOrPromise(a, args2[0]);
+        if (!prevAtomState || !isEqualAtomValue(prevAtomState, nextAtomState)) {
+          recomputeDependents(a);
+        }
+      } else {
+        r = writeAtomState(a, ...args2);
+      }
+      if (!isSync) {
+        const flushed = flushPending();
+        if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+          storeListenersRev2.forEach(
+            (l) => l({ type: "async-write", flushed })
+          );
+        }
+      }
+      return r;
+    };
+    const result = atom2.write(getter, setter, ...args);
+    isSync = false;
+    return result;
+  };
+  const writeAtom = (atom2, ...args) => {
+    const result = writeAtomState(atom2, ...args);
+    const flushed = flushPending();
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      storeListenersRev2.forEach(
+        (l) => l({ type: "write", flushed })
+      );
+    }
+    return result;
+  };
+  const mountAtom = (atom2, initialDependent) => {
+    var _a;
+    (_a = getAtomState(atom2)) == null ? void 0 : _a.d.forEach((_, a) => {
+      const aMounted = mountedMap.get(a);
+      if (aMounted) {
+        aMounted.t.add(atom2);
+      } else {
+        if (a !== atom2) {
+          mountAtom(a, atom2);
+        }
+      }
+    });
+    readAtomState(atom2);
+    const mounted = {
+      t: new Set(initialDependent && [initialDependent]),
+      l: /* @__PURE__ */ new Set()
+    };
+    mountedMap.set(atom2, mounted);
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      mountedAtoms.add(atom2);
+    }
+    if (isActuallyWritableAtom(atom2) && atom2.onMount) {
+      const onUnmount = atom2.onMount((...args) => writeAtom(atom2, ...args));
+      if (onUnmount) {
+        mounted.u = onUnmount;
+      }
+    }
+    return mounted;
+  };
+  const unmountAtom = (atom2) => {
+    var _a;
+    const onUnmount = (_a = mountedMap.get(atom2)) == null ? void 0 : _a.u;
+    if (onUnmount) {
+      onUnmount();
+    }
+    mountedMap.delete(atom2);
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      mountedAtoms.delete(atom2);
+    }
+    const atomState = getAtomState(atom2);
+    if (atomState) {
+      if (hasPromiseAtomValue(atomState)) {
+        cancelPromise(atomState.v);
+      }
+      atomState.d.forEach((_, a) => {
+        if (a !== atom2) {
+          const mounted = mountedMap.get(a);
+          if (mounted) {
+            mounted.t.delete(atom2);
+            if (canUnmountAtom(a, mounted)) {
+              unmountAtom(a);
+            }
+          }
+        }
+      });
+    } else if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      console.warn("[Bug] could not find atom state to unmount", atom2);
+    }
+  };
+  const mountDependencies = (atom2, atomState, prevDependencies) => {
+    const depSet = new Set(atomState.d.keys());
+    prevDependencies == null ? void 0 : prevDependencies.forEach((_, a) => {
+      if (depSet.has(a)) {
+        depSet.delete(a);
+        return;
+      }
+      const mounted = mountedMap.get(a);
+      if (mounted) {
+        mounted.t.delete(atom2);
+        if (canUnmountAtom(a, mounted)) {
+          unmountAtom(a);
+        }
+      }
+    });
+    depSet.forEach((a) => {
+      const mounted = mountedMap.get(a);
+      if (mounted) {
+        mounted.t.add(atom2);
+      } else if (mountedMap.has(atom2)) {
+        mountAtom(a, atom2);
+      }
+    });
+  };
+  const flushPending = () => {
+    let flushed;
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      flushed = /* @__PURE__ */ new Set();
+    }
+    while (pendingMap.size) {
+      const pending = Array.from(pendingMap);
+      pendingMap.clear();
+      pending.forEach(([atom2, prevAtomState]) => {
+        const atomState = getAtomState(atom2);
+        if (atomState) {
+          if (atomState.d !== (prevAtomState == null ? void 0 : prevAtomState.d)) {
+            mountDependencies(atom2, atomState, prevAtomState == null ? void 0 : prevAtomState.d);
+          }
+          const mounted = mountedMap.get(atom2);
+          if (mounted && !// TODO This seems pretty hacky. Hope to fix it.
+          // Maybe we could `mountDependencies` in `setAtomState`?
+          (prevAtomState && !hasPromiseAtomValue(prevAtomState) && (isEqualAtomValue(prevAtomState, atomState) || isEqualAtomError(prevAtomState, atomState)))) {
+            mounted.l.forEach((listener) => listener());
+            if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+              flushed.add(atom2);
+            }
+          }
+        } else if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+          console.warn("[Bug] no atom state to flush");
+        }
+      });
+    }
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      return flushed;
+    }
+  };
+  const subscribeAtom = (atom2, listener) => {
+    const mounted = addAtom(atom2);
+    const flushed = flushPending();
+    const listeners = mounted.l;
+    listeners.add(listener);
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+      storeListenersRev2.forEach(
+        (l) => l({ type: "sub", flushed })
+      );
+    }
+    return () => {
+      listeners.delete(listener);
+      delAtom(atom2);
+      if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+        storeListenersRev2.forEach((l) => l({ type: "unsub" }));
+      }
+    };
+  };
+  if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+    return {
+      get: readAtom,
+      set: writeAtom,
+      sub: subscribeAtom,
+      // store dev methods (these are tentative and subject to change without notice)
+      dev_subscribe_store: (l, rev) => {
+        if (rev !== 2) {
+          throw new Error("The current StoreListener revision is 2.");
+        }
+        storeListenersRev2.add(l);
+        return () => {
+          storeListenersRev2.delete(l);
+        };
+      },
+      dev_get_mounted_atoms: () => mountedAtoms.values(),
+      dev_get_atom_state: (a) => atomStateMap.get(a),
+      dev_get_mounted: (a) => mountedMap.get(a),
+      dev_restore_atoms: (values) => {
+        for (const [atom2, valueOrPromise] of values) {
+          if (hasInitialValue(atom2)) {
+            setAtomValueOrPromise(atom2, valueOrPromise);
+            recomputeDependents(atom2);
+          }
+        }
+        const flushed = flushPending();
+        storeListenersRev2.forEach(
+          (l) => l({ type: "restore", flushed })
+        );
+      }
+    };
+  }
+  return {
+    get: readAtom,
+    set: writeAtom,
+    sub: subscribeAtom
+  };
+};
+var defaultStore;
+if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
+  if (typeof globalThis.__NUMBER_OF_JOTAI_INSTANCES__ === "number") {
+    ++globalThis.__NUMBER_OF_JOTAI_INSTANCES__;
+  } else {
+    globalThis.__NUMBER_OF_JOTAI_INSTANCES__ = 1;
+  }
+}
+var getDefaultStore = () => {
+  if (!defaultStore) {
+    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production" && globalThis.__NUMBER_OF_JOTAI_INSTANCES__ !== 1) {
+      console.warn(
+        "Detected multiple Jotai instances. It may cause unexpected behavior with the default store. https://github.com/pmndrs/jotai/discussions/2044"
+      );
+    }
+    defaultStore = createStore();
+  }
+  return defaultStore;
+};
+
+// ../../node_modules/jotai/esm/react.mjs
+var import_react = __toESM(require("react"), 1);
+var import_meta2 = {};
+var StoreContext = (0, import_react.createContext)(void 0);
+var useStore = (options) => {
+  const store = (0, import_react.useContext)(StoreContext);
+  return (options == null ? void 0 : options.store) || store || getDefaultStore();
+};
+var isPromiseLike2 = (x) => typeof (x == null ? void 0 : x.then) === "function";
+var use = import_react.default.use || ((promise) => {
+  if (promise.status === "pending") {
+    throw promise;
+  } else if (promise.status === "fulfilled") {
+    return promise.value;
+  } else if (promise.status === "rejected") {
+    throw promise.reason;
+  } else {
+    promise.status = "pending";
+    promise.then(
+      (v) => {
+        promise.status = "fulfilled";
+        promise.value = v;
+      },
+      (e) => {
+        promise.status = "rejected";
+        promise.reason = e;
+      }
+    );
+    throw promise;
+  }
+});
+function useAtomValue(atom2, options) {
+  const store = useStore(options);
+  const [[valueFromReducer, storeFromReducer, atomFromReducer], rerender] = (0, import_react.useReducer)(
+    (prev) => {
+      const nextValue = store.get(atom2);
+      if (Object.is(prev[0], nextValue) && prev[1] === store && prev[2] === atom2) {
+        return prev;
+      }
+      return [nextValue, store, atom2];
+    },
+    void 0,
+    () => [store.get(atom2), store, atom2]
+  );
+  let value = valueFromReducer;
+  if (storeFromReducer !== store || atomFromReducer !== atom2) {
+    rerender();
+    value = store.get(atom2);
+  }
+  const delay = options == null ? void 0 : options.delay;
+  (0, import_react.useEffect)(() => {
+    const unsub = store.sub(atom2, () => {
+      if (typeof delay === "number") {
+        setTimeout(rerender, delay);
+        return;
+      }
+      rerender();
+    });
+    rerender();
+    return unsub;
+  }, [store, atom2, delay]);
+  (0, import_react.useDebugValue)(value);
+  return isPromiseLike2(value) ? use(value) : value;
+}
+function useSetAtom(atom2, options) {
+  const store = useStore(options);
+  const setAtom = (0, import_react.useCallback)(
+    (...args) => {
+      if ((import_meta2.env ? import_meta2.env.MODE : void 0) !== "production" && !("write" in atom2)) {
+        throw new Error("not writable atom");
+      }
+      return store.set(atom2, ...args);
+    },
+    [store, atom2]
+  );
+  return setAtom;
+}
+function useAtom(atom2, options) {
+  return [
+    useAtomValue(atom2, options),
+    // We do wrong type assertion here, which results in throwing an error.
+    useSetAtom(atom2, options)
+  ];
+}
+
+// src/hooks.tsx
+var storyContextAtom = atom(null);
+function useSetStoryContext() {
+  return useSetAtom(storyContextAtom);
+}
+function useStoryContext() {
+  return useAtomValue(storyContextAtom);
+}
+function useStoryContextParam(name, defaultValue) {
+  const paramAtom = (0, import_react2.useMemo)(() => atom((get) => get(storyContextAtom)?.parameters?.[name]), [name]);
+  return useAtomValue(paramAtom) ?? defaultValue;
+}
+function useIsStorySelected(storyId) {
+  return useAtomValue(
+    (0, import_react2.useMemo)(() => atom((get) => get(storyContextAtom)?.id === storyId), [storyId])
+  );
+}
+function useIsStorySectionSelected(title) {
+  return useAtomValue(
+    (0, import_react2.useMemo)(
+      () => atom((get) => {
+        const contextTitle = get(storyContextAtom)?.title;
+        return contextTitle === title || contextTitle?.startsWith(`${title}/`);
+      }),
+      [title]
+    )
+  );
+}
+function useIsChildSelected(entries) {
+  return useAtomValue(
+    (0, import_react2.useMemo)(
+      () => atom((get) => {
+        const contextId = get(storyContextAtom)?.id;
+        return !!entries.find(({ id }) => id === contextId);
+      }),
+      [entries]
+    )
+  );
+}
+function useUpdateOnStoryChanged() {
+  useAtomValue((0, import_react2.useMemo)(() => atom((get) => get(storyContextAtom)?.id), []));
+}
+function atomWithToggle(initialValue) {
+  const anAtom = atom(initialValue, (get, set, nextValue) => {
+    const update = nextValue ?? !get(anAtom);
+    set(anAtom, update);
+  });
+  return anAtom;
+}
+var isUIVisibleAtom = atomWithToggle(true);
+function useIsUIVisible() {
+  return useAtom(isUIVisibleAtom);
+}
+var isSplitPanelVisibleAtom = atomWithToggle(false);
+function useIsSplitPanelVisible() {
+  return useAtom(isSplitPanelVisibleAtom);
+}
+function syncExternalUI({ isUIVisible, isSplitPanelVisible }) {
+  const jotaiStore = getDefaultStore();
+  if (isUIVisible !== void 0) {
+    jotaiStore.set(isUIVisibleAtom, isUIVisible);
+  }
+  if (isSplitPanelVisible !== void 0) {
+    jotaiStore.set(isSplitPanelVisibleAtom, isSplitPanelVisible);
+  }
+}
+var selectedAddonAtom = atom(void 0);
+function useSelectedAddon(initialValue) {
+  const result = useAtom(selectedAddonAtom);
+  const set = result[1];
+  import_react2.default.useEffect(() => {
+    const jotaiStore = getDefaultStore();
+    if (jotaiStore.get(selectedAddonAtom) === void 0) {
+      set(initialValue);
+    }
+  }, []);
+  return result;
+}
+
+// src/components/OnDeviceUI/OnDeviceUI.tsx
+var import_react_native_theming10 = require("@storybook/react-native-theming");
+var import_react15 = __toESM(require("react"));
+var import_react_native14 = require("react-native");
+
+// src/constants.ts
+var ANIMATION_DURATION_TRANSITION = 400;
+
+// src/components/StoryListView/StoryListView.tsx
+var import_core_events = __toESM(require("@storybook/core-events"));
+var import_react_native_theming = require("@storybook/react-native-theming");
+var import_react3 = __toESM(require("react"));
+var import_react_native2 = require("react-native");
+
+// src/components/Shared/icons.tsx
+var import_react_native = require("react-native");
+var import_jsx_runtime = require("react/jsx-runtime");
+var iconSources = {
+  grid: {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAALdQTFRFAAAAIJ//Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqj9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Haf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqb9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqj9Hqf9Hmz01QAAAD10Uk5TAAAEGjNefYqLXDUFAjSY0e79/9KZAghmyMkBQbz6vUIBBnD1cQcOo6Sp76qBePTHVOoC+RQTX4mCDZsBMmX5zDcAAAHcSURBVHic7ZrrcoIwEIVX8W5VpAiUaq33GyJqrfby/s9VacsCDojUJNNx9vzCTLLfZJdkHM4ChJTJSrl8oVj6s4qFckWqZiBed7V6Q24qV6op36uVVgxC042rAQh60LUIhPnY7rBCuOo8dZ9PGb3+gCXC1WA4CjPGE9YIV9NxiNHmwVCUWYAy4rIPV1PMmNnnxVCUoVf9LvOa+xp0f89HqCDzhbWMle3NsuPnWIt5MF7757zogfOxcqLOEGrtzVufm6U5Kz9iR3eHNgYObNWXc4svhQDs1C0GNTbHgZp/l6hnt5ECApqKQZu1471b93O1S1h6OQR2fsbqGcg28JeTtDIFBBwM28iCJON7lZSsVBAN3zFZCpRkkbgwDQQWWJQcvOK2LLYQCwPnoYDPS7aQJQYuwJ4/ZA8l/pASQQhCEIIQhCAEIQhBghB7nSj839xMnmtHQriJIAS5IYiQw3g7dxdBCEIQghCEIAQhyH+ECPmMLsQQKOMzY2vjgIHLYkwaIXaTEOMM+FuAIMbMhJYIW1aIwczaKj9EWuVCTH++7Quml8Qev0aMnl+qtxkfxnu4cYXLXiYhhpg2H4AP1g1L7a55ygDGrVdGZOuVKwFNZN/KSp/XtsPVpOpJ0C+2naE/XA0rpwAAAABJRU5ErkJggg=="
+  },
+  "story-white": {
+    uri: "data:image/png;base64,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"
+  },
+  "story-blue": {
+    uri: "data:image/png;base64,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"
+  },
+  search: {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/baGLy88KFsjSuTEyJG2USamnNlOFme+2H2ubtfbe03Cq3K0rc+HXBX8Ctcq0UkZJbrokb1ut5t9Uke07PeT7ne87zdM5zwBpMKim9ZgBS6YwWmPI6F0KLTvsLVlqw00VrWNHVcb/fR1X7vMdixlu3Wav6uX+tYSWqK2CpEx5TVC0jPC3sW8+oJu8ItyuJ8IrwmXCfJhcUvjP1SIlfTY6X+NtkLRiYAGuzsDP+iyO/WEloKWF5Oa5UMquU72O+xBFNz89J7BbvRCfAFF6czDDJBMMMMirzMG489MuKKvkDxfxZ1iRXkVklh8YqcRJk6BM1K9WjEmOiR2UkyZn9/9tXPTbkKVV3eKH22TDee8C+DYW8YXwdGUbhGGxPcJmu5K8dwsiH6PmK5jqApk04v6pokV242IKORzWshYuSTdwai8HbKTSGoO0G6pdKPSvvc/IAwQ35qmvY24deOd+0/AMfDGfFB6WkFAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAqNJREFUWIXF2DmIFFEQBuBvVh3FC0EFdT3QaDORTUTFI9hQPAIRQxE0ETXwQBADD7zAaBEDTQxlIxExE4VFjTzYxQNFERUTr/VCvII3Q78Ze2Z6drvZH5ppmqq//q73XnXVlGRHFzZgJeZiDibjLd7gMa7gOr62wdsWStiEAfzNeH3HhYroXNGNu02CPsN9vMOfBjZHUc5DzBb8qAtwG7uxMMW+jB704kOd3w3MGImYg3WEQ9jehn8nrtVxPMeC4YjZ4v+3S8tIFmzD54jrnnAIMqNbWPcqwRFhU48EC/A04uzLyllSu4Fv5CCmimX4HXGvzeK0Se2eGe4yNcLpiH8QY1s5xHVmR85iYEJFSDXG5mbGXZHhnQLEVLEqinO5meGByHBPgYJKeF2J80XIWirimrGoQEFwLoq1PM2gQyhkhMr8vGBBg9H9nFaC3hYshtAVVNGZZtAhqZ5DhcupjTE+zaBDkplZhcthdnQ/kGbQIUnjTDm1Ck0QL9ODRoKeVO5LQjdYJFZXfj/hVSOjjZKj2FugmGn4WYlzq5nhJMlX/oMGxzEHHJa8+MlWxhcj46sFiFkiyc57TG/lME9tL7Q1RzFlYQNXuXdmdTweOX3C/JwEHYt4BzAuq2MZNyPnx1g6AiFlYer4FXH2tEsyEy8igl84of36tFgYkepHo2F1EwvxsI7oIVZk8J2KQ5INnHbta0bQqG+egktYV/f8lTAuDwoVfkj4HHRijVD44mw+ErLShbPR8/041UxYI7HrK6RZx+jq9RG71G7gvdrIVDOMFea1PuFPhEYiPqMfZ4S9mIaWotoddSYK81unUNHHC0f5AV5WgrTCXrXLNazlyxu5LV+eSBU1ZhQF9eObpFj2CIdh1BFn6s1oZqiKfqHtWYLz/wAUO/neFu9thgAAAABJRU5ErkJggg=="
+  },
+  "layout-bottom": {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEzSURBVHgB7ZjhDYIwEIWfTsAIjOAIHYGNZANwAnQi3KBu4AhYIiYNNHCF0ivxvuR+mHjNe70eyR0gCIKQOspEZUKb6CJFa6IxkWMD2SC8Y45q0OItvgXALd6uiJeJFG7eVQkSuSNZ49sL3qVcSQF3zylKcoOp+FjCbTJMTdSUxPHbL8CHwvQyFxmXjZMMC3pOjqSO8J+YzOo54+CIAW7EADdigBsxwI0Y4EYMcLPWwNXEG+HGxf4s8si4xNI8sOe8XK7Q450Q8uZdlfDS85c9cMN+PBAAypvrtwOhm7jcoGc2gWOlYuPdA6/R7wv4GK90niDQPw/bsUY6i62GkqgwLVt/UKwFVzZo0A4dOfWQGvt969cGaa1o38Kh1+s/EylUosbGHsxN3BG3InoQriAIgpA0H3BBw2jFymiHAAAAAElFTkSuQmCC"
+  },
+  "layout-bottom-inverse": {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFgSURBVHgB7ZjhcYMwDIXlTEA2YISOYDbIRmSD0AloJ+kIyQbuBskGqnz4R+OYw7jYchN9dzouwYIn2+LgAQiCIFQNImqKE4XBcpwpRooWUqHkxgnnxmpo5nSqOfF0+KJ4gzq4UHRKqZt/YjeT0EM94i1WSx81kma/DSyjwakXGigA3eeA4Z7TMcljQHwR4Z6OJlDEEJN49pIOwIRb9bvJ9MeoQBLeDSCACbfy19//+XqqLsCypGcH/xwpgBspgBspgBspgBspgBspgJukAugFsae44nbYa51gC/wrB87ndCqOa/Ws/h6ws0WHXJ+YN7rdHlboeckeeId8fMJfWdpzbsyA2zfxMUXPYg8Q+5AjVoqUHvj2frM5dPho6VxikgZv1QzWY2yNMYk6sEcNFjK4nHCNYWuxjb3IgPURtBWf0153AzvI+8yPxWrokp+EONntH/ho+ubE4LSNNQiCIFTND53ElQfvR3pDAAAAAElFTkSuQmCC"
+  },
+  "layout-split": {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADxSURBVHgB7ZjhCcIwFITP4gAdISM4QkZwI0doNqgb1Q3iJjU/Imga5YVK3yveB/ejkJa7vgTCAYQQYh2fNCTFpHkjTUljksMK+mx8VtaQvTSbnwBom3+dSFMIC3++NgkRDlA3+0m+NNtVAlxgl7NkkaW9XyqWZg+VADNs8+a5w85hAG0YQBsG0IYBtNl9gKNgzQG6fL3acAtpwwDaMIA2DKDNXwRorvW2pBbgXjyfoEfZA90gIGDZxWhMoceyER8lL3rUCyVRK/YD+uwhVnw46UcC7LVyAQ3svl5/hrAwiYCVZ9AlXbHtRGI27kEIIaZ5ALildIGPrcQbAAAAAElFTkSuQmCC"
+  },
+  "layout-split-inverse": {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEaSURBVHgB7ZntDYJADIaLcQBGYARHgAl0I0YQJ8BNdAPZ4BzBDWov8ENrkYuJtJA+SUO4D/K+1yaQAuA4jmMaRCwpjhQB5+NG0VIU8Cu0OR+EaxM15GM6szHxdLlQ7MAGHUWVZdmDT2xGNtRgR3wkaqmliY8MYF93AWwSs3B9HZAyUINdDnxAMmCpdDh7PiCVEIJhqITeNG9g4bgBbdyANm5AGzegzeINbKcW8Ff33Ex92ngJaeMGtHED2rgBbdZv4FtbzwKSgTu7V2uz0OHxPlCXsqlhzdWgkQXsm8uBaWlTNpZChzgIp/EXBuElyu38IvUhDdqjkbSus70+LKwoTqBP1CCKT4KyUVCcsf/tMxcB+zIuwXEcxzRPpfGo9y3IYogAAAAASUVORK5CYII="
+  },
+  folder: {
+    uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHTSURBVGiB7Zk7LwRRGIbf7wwRRIJGlDSEpdmI6Fw6lRWZXiJ0lkZUsn8A2dD5B0MhkS1UepGIXZu4hsKlJASxyZyjoJAx4uzutztjc57yXN58T+Z8M5kZoEKg2R4nSpL6IdCQ72YlhQLh3LLc/dUj+7YUBepC8ciWYshxidSy+1a/tHYx+s6QlzeCKcdSihZEzWtqfsCpZcrMCy6RTwgj8knsBCHDKwIEJsPVI36cKOCGK4ygnkHYbcpkNxJISO98lc+eR4Au9eJVG4DmXyY7CejUrvRPCFCIPUQifTjG1I9ZnyuynTyeiOlEx3udDkixB6CVo1RdXCHb19P21fexonokmbZPIeQQgPuiKssTS1K3d6zoZg9Choh+tATLXSuZtk8tSwyC1B1HXiH4NXtBrByNn8V7nWFIMcmVCVJzAGp0lrKJAF/HDFjkyotHtmagKcL/QAwIIxI2jEjYMCJhw4iEDSMSNoxI2DAiYcOIhI2KEfF71W2c7XGiZa/EDwVLd6mfyCApccBYTlmomKNlRAJFymvv0P8TIRzediHjHRYAMgBK9Y+EkxygUpBybHPTdr2TBADT0Z06K/ek9UUvKFpk9Usia+eCrsNgMBgMBkM5+ADkCHptw04GlAAAAABJRU5ErkJggg=="
+  }
+};
+function Icon({ name, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.Image,
+    {
+      source: {
+        ...iconSources[name],
+        width: 16,
+        height: 16
+      },
+      ...props
+    }
+  );
+}
+function BackgroundIcon({ name, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.ImageBackground,
+    {
+      source: {
+        ...iconSources[name],
+        width: 16,
+        height: 16
+      },
+      ...props
+    }
+  );
+}
+
+// src/components/StoryListView/getNestedStories.ts
+function getNestedStories(storyIndex) {
+  const stories = Object.values(storyIndex?.entries ?? {});
+  const group = [];
+  stories?.forEach((story) => {
+    const nameParts = story.title.split("/");
+    formGroup(nameParts, story, group);
+  });
+  return group;
+}
+function formGroup(nameParts, story, group) {
+  if (nameParts.length === 1) {
+    const current = group.find(({ name }) => name === nameParts[0]);
+    if (current) {
+      current.stories.push(story);
+    } else {
+      group.push({
+        title: story.title,
+        name: nameParts[0],
+        children: [],
+        stories: [story]
+      });
+    }
+    return;
+  }
+  const newParts = nameParts.slice(1);
+  const currentListPart = group.find(({ name }) => name === nameParts[0]);
+  if (!currentListPart) {
+    const toPush = {
+      name: nameParts[0],
+      title: story.title,
+      children: [],
+      stories: []
+    };
+    group.push(toPush);
+    return formGroup(newParts, story, toPush.children);
+  } else if (!currentListPart.children) {
+    currentListPart.children = [];
+  }
+  const newGroup = currentListPart.children;
+  return formGroup(newParts, story, newGroup);
+}
+var filterNestedStories = (stories, filter) => {
+  const filteredStories = [];
+  stories.forEach((story) => {
+    const filtered = filterStoryGroup(story, filter);
+    if (filtered) {
+      filteredStories.push(filtered);
+    }
+  });
+  return filteredStories;
+};
+var filterStoryGroup = (story, filter) => {
+  const filteredStories = story.stories.filter(
+    (item) => item.title.toLowerCase().includes(filter.toLowerCase()) || item.name.toLowerCase().includes(filter.toLowerCase())
+  );
+  const filteredChildren = filterNestedStories(story.children, filter);
+  if (filteredStories.length || filteredChildren.length) {
+    return {
+      ...story,
+      children: filteredChildren,
+      stories: filteredStories
+    };
+  }
+};
+var findFirstChildStory = (story) => {
+  if (story.stories.length) {
+    return story.stories[0];
+  }
+  if (story.children.length) {
+    return findFirstChildStory(story.children[0]);
+  }
+};
+
+// src/components/StoryListView/StoryListView.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SectionHeaderText = import_react_native_theming.styled.Text(({ theme: theme3 }) => ({
+  fontSize: theme3.storyList.fontSize,
+  color: theme3.storyList.headerTextColor,
+  fontWeight: theme3.storyList.headerFontWeight,
+  flexShrink: 1
+}));
+var StoryNameText = import_react_native_theming.styled.Text(({ selected, theme: theme3 }) => ({
+  fontSize: theme3.storyList.fontSize,
+  fontWeight: selected ? theme3.storyList.storySelectedFontWeight : theme3.storyList.storyFontWeight,
+  color: selected ? theme3.storyList.storySelectedTextColor : theme3.storyList.storyTextColor
+}));
+var SEARCH_ICON_SIZE = 24;
+var SearchInput = import_react_native_theming.styled.TextInput(
+  {
+    padding: 0,
+    ...import_react_native2.StyleSheet.absoluteFillObject
+  },
+  ({ theme: theme3 }) => ({
+    fontSize: theme3.storyList.search.fontSize,
+    paddingStart: theme3.storyList.search.paddingHorizontal + SEARCH_ICON_SIZE,
+    color: theme3.storyList.search.textColor
+  })
+);
+var SearchContainer = import_react_native_theming.styled.View(({ theme: theme3 }) => ({
+  flexDirection: "row",
+  alignItems: "center",
+  margin: theme3.panel.paddingHorizontal,
+  paddingVertical: theme3.storyList.search.paddingVertical,
+  paddingStart: theme3.storyList.search.paddingHorizontal,
+  borderColor: theme3.storyList.search.borderColor,
+  borderWidth: theme3.storyList.search.borderWidth,
+  borderRadius: theme3.storyList.search.borderRadius,
+  backgroundColor: theme3.storyList.search.backgroundColor
+}));
+var SearchBar = (props) => {
+  const theme3 = (0, import_react_native_theming.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SearchContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "search", style: { opacity: 0.5 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      SearchInput,
+      {
+        ...props,
+        autoCapitalize: "none",
+        autoComplete: "off",
+        autoCorrect: false,
+        spellCheck: false,
+        clearButtonMode: "while-editing",
+        disableFullscreenUI: true,
+        placeholderTextColor: theme3.storyList.search.placeholderTextColor,
+        returnKeyType: "search"
+      }
+    )
+  ] });
+};
+var HeaderContainer = import_react_native_theming.styled.TouchableOpacity(
+  {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  ({ selected, theme: theme3, childSelected }) => ({
+    marginTop: theme3.storyList.sectionSpacing,
+    paddingHorizontal: theme3.storyList.headerPaddingHorizontal,
+    paddingVertical: theme3.storyList.headerPaddingVertical,
+    backgroundColor: selected ? theme3.storyList.sectionActiveBackgroundColor : void 0,
+    borderTopLeftRadius: theme3.storyList.sectionBorderRadius,
+    borderTopRightRadius: theme3.storyList.sectionBorderRadius,
+    borderBottomLeftRadius: selected && !childSelected ? theme3.storyList.sectionBorderRadius : void 0,
+    borderBottomRightRadius: selected && !childSelected ? theme3.storyList.sectionBorderRadius : void 0
+  })
+);
+var SectionHeader = import_react3.default.memo(
+  ({ name, onPress, isChildSelected, icon = "grid", expanded }) => {
+    const selected = useIsStorySectionSelected(name) || isChildSelected;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      HeaderContainer,
+      {
+        selected,
+        childSelected: isChildSelected,
+        onPress,
+        activeOpacity: 0.8,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native2.View,
+            {
+              style: {
+                transform: [{ rotate: expanded ? "90deg" : "0deg" }],
+                marginRight: 6,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { fontSize: 8, color: "grey", lineHeight: 8 }, children: "\u27A4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: icon, width: 12, height: 12, style: { marginRight: 6 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SectionHeaderText, { numberOfLines: 2, selected, children: name })
+        ]
+      },
+      name
+    );
+  }
+);
+var ItemTouchable = import_react_native_theming.styled.TouchableOpacity(
+  {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  ({ selected, sectionSelected, isLastItem, theme: theme3 }) => ({
+    padding: theme3.storyList.storyPaddingHorizontal,
+    paddingStart: theme3.storyList.storyIndent,
+    backgroundColor: selected ? theme3.storyList.storySelectedBackgroundColor : sectionSelected ? theme3.storyList.sectionActiveBackgroundColor : void 0,
+    borderBottomLeftRadius: isLastItem ? theme3.storyList.sectionBorderRadius : void 0,
+    borderBottomRightRadius: isLastItem ? theme3.storyList.sectionBorderRadius : void 0
+  })
+);
+var ListItem = ({
+  storyId,
+  kind,
+  title,
+  isLastItem,
+  onPress,
+  isSiblingSelected
+}) => {
+  const selected = useIsStorySelected(storyId);
+  const sectionSelected = useIsStorySectionSelected(kind) || isSiblingSelected;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    ItemTouchable,
+    {
+      onPress,
+      activeOpacity: 0.8,
+      testID: `Storybook.ListItem.${kind}.${title}`,
+      accessibilityLabel: `Storybook.ListItem.${title}`,
+      selected,
+      sectionSelected,
+      isLastItem,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          Icon,
+          {
+            width: 14,
+            height: 14,
+            name: selected ? "story-white" : "story-blue",
+            style: { marginRight: 6 }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StoryNameText, { selected, children: title })
+      ]
+    },
+    title
+  );
+};
+var styles = import_react_native2.StyleSheet.create({
+  sectionList: { flex: 1 },
+  sectionListContentContainer: { paddingBottom: 6 }
+});
+function keyExtractor(item, index) {
+  return item.name + index;
+}
+var RenderItem = ({
+  item,
+  changeStory
+}) => {
+  const isChildSelected = useIsChildSelected(item.stories);
+  const firstChild = findFirstChildStory(item);
+  const firstChildSelected = useIsStorySelected(firstChild?.id);
+  const [showChildren, setShowChildren] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      SectionHeader,
+      {
+        name: item.name,
+        isChildSelected,
+        onPress: () => {
+          if (firstChildSelected && showChildren) {
+            setShowChildren(false);
+          } else if (!showChildren && firstChild) {
+            setShowChildren(true);
+            changeStory(firstChild.id);
+          } else if (showChildren && !firstChildSelected && firstChild) {
+            changeStory(firstChild.id);
+          }
+        },
+        icon: item.children.length ? "folder" : "grid",
+        expanded: showChildren
+      }
+    ),
+    showChildren && item.stories?.map((story, idx) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ListItem,
+      {
+        storyId: story.id,
+        title: story.name,
+        kind: item.name,
+        isSiblingSelected: isChildSelected,
+        isLastItem: idx === item.stories.length - 1,
+        onPress: () => changeStory(story.id)
+      },
+      story.id
+    )),
+    showChildren && item.children?.map((child, idx) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { marginLeft: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderItem, { item: child, changeStory }) }, `${child.title}-${idx}`))
+  ] });
+};
+var StoryListView = ({ storyIndex }) => {
+  const originalData = (0, import_react3.useMemo)(() => getNestedStories(storyIndex), [storyIndex]);
+  const [data, setData] = (0, import_react3.useState)(originalData);
+  const theme3 = (0, import_react_native_theming.useTheme)();
+  const handleChangeSearchText = (text) => {
+    const query = text.trim();
+    if (!query) {
+      setData(originalData);
+      return;
+    }
+    setData(filterNestedStories(originalData, query));
+  };
+  const changeStory = (storyId) => {
+    global.__STORYBOOK_ADDONS_CHANNEL__.emit(import_core_events.default.SET_CURRENT_STORY, { storyId });
+  };
+  const renderItem = import_react3.default.useCallback(({ item }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderItem, { item, changeStory });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { flex: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      SearchBar,
+      {
+        testID: "Storybook.ListView.SearchBar",
+        onChangeText: handleChangeSearchText,
+        placeholder: "Find by name"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native2.FlatList,
+      {
+        style: styles.sectionList,
+        contentContainerStyle: [
+          styles.sectionListContentContainer,
+          {
+            paddingVertical: theme3.panel.paddingVertical,
+            paddingHorizontal: theme3.panel.paddingHorizontal
+          }
+        ],
+        testID: "Storybook.ListView",
+        renderItem,
+        keyExtractor,
+        data
+      }
+    )
+  ] });
+};
+var StoryListView_default = import_react3.default.memo(StoryListView);
+
+// src/components/StoryView/StoryView.tsx
+var import_react5 = __toESM(require("react"));
+var import_react_native_theming2 = require("@storybook/react-native-theming");
+var import_react_native4 = require("react-native");
+
+// src/components/StoryView/ErrorBoundary.tsx
+var import_react4 = __toESM(require("react"));
+var import_react_native3 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react4.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_error) {
+    return { hasError: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.warn(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { children: "Something went wrong rendering your story" });
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/StoryView/StoryView.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function dismissOnStartResponder() {
+  import_react_native4.Keyboard.dismiss();
+  return false;
+}
+var StoryView = () => {
+  const context = useStoryContext();
+  const id = context?.id;
+  const { backgroundColor } = (0, import_react_native_theming2.useTheme)();
+  if (context && context.unboundStoryFn) {
+    const { unboundStoryFn: StoryComponent } = context;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_react_native4.View,
+      {
+        style: { flex: 1, backgroundColor },
+        testID: id,
+        onStartShouldSetResponder: dismissOnStartResponder,
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorBoundary, { children: StoryComponent && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StoryComponent, { ...context }) })
+      },
+      id
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: { flex: 1, padding: 16, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { children: "Please open the sidebar and select a story to preview." }) });
+};
+var StoryView_default = import_react5.default.memo(StoryView);
+
+// src/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx
+var import_react6 = __toESM(require("react"));
+var import_react_native5 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AbsolutePositionedKeyboardAwareView = ({
+  onLayout,
+  previewDimensions: { width, height },
+  children
+}) => {
+  const onLayoutHandler = ({ nativeEvent }) => {
+    const { height: layoutHeight, width: layoutWidth } = nativeEvent.layout;
+    if (layoutHeight !== height || layoutWidth !== width) {
+      onLayout({
+        height: layoutHeight,
+        width: layoutWidth
+      });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: styles2.container, onLayout: onLayoutHandler, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_native5.View,
+    {
+      style: width === 0 ? styles2.container : [styles2.absolute, { position: "absolute", width, height }],
+      children
+    }
+  ) });
+};
+var styles2 = import_react_native5.StyleSheet.create({
+  absolute: { position: "absolute" },
+  container: { flex: 1 }
+});
+var absolute_positioned_keyboard_aware_view_default = import_react6.default.memo(AbsolutePositionedKeyboardAwareView);
+
+// src/components/OnDeviceUI/OnDeviceUI.tsx
+var import_react_native_theming11 = require("@storybook/react-native-theming");
+var import_react_native15 = require("react-native");
+var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
+
+// src/components/OnDeviceUI/Panel.tsx
+var import_react7 = __toESM(require("react"));
+var import_react_native6 = require("react-native");
+var import_react_native_theming3 = require("@storybook/react-native-theming");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Container = (0, import_react_native_theming3.styled)(import_react_native6.Animated.View)(({ theme: theme3, edge }) => ({
+  backgroundColor: theme3.panel.backgroundColor,
+  borderTopWidth: edge === "top" ? theme3.panel.borderWidth : void 0,
+  borderStartWidth: edge === "left" ? theme3.panel.borderWidth : void 0,
+  borderEndWidth: edge === "right" ? theme3.panel.borderWidth : void 0,
+  borderColor: theme3.panel.borderColor
+}));
+var Panel = ({ edge, children, style }) => {
+  const containerStyle = import_react_native6.StyleSheet.flatten([
+    edge === "top" ? void 0 : import_react_native6.StyleSheet.absoluteFillObject,
+    style
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Container, { edge, style: containerStyle, children });
+};
+var Panel_default = import_react7.default.memo(Panel);
+
+// src/components/OnDeviceUI/addons/Addons.tsx
+var import_manager_api = require("@storybook/manager-api");
+var import_react_native_theming7 = require("@storybook/react-native-theming");
+var import_types = __toESM(require_dist());
+var import_react11 = __toESM(require("react"));
+var import_react_native9 = require("react-native");
+
+// src/components/OnDeviceUI/addons/List.tsx
+var import_react9 = __toESM(require("react"));
+
+// src/components/Shared/tabs.tsx
+var import_react8 = __toESM(require("react"));
+var import_react_native7 = require("react-native");
+var import_react_native_theming4 = require("@storybook/react-native-theming");
+var import_react_native_theming5 = require("@storybook/react-native-theming");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var TabButtonText = import_react_native_theming4.styled.Text(({ theme: theme3, active }) => ({
+  color: active ? theme3.tabs.activeTextColor : theme3.tabs.inactiveTextColor,
+  paddingVertical: theme3.tabs.paddingVertical,
+  paddingHorizontal: theme3.tabs.paddingHorizontal,
+  fontSize: theme3.tabs.fontSize,
+  fontWeight: theme3.tabs.fontWeight
+}));
+var hitSlop = { top: 8, left: 0, right: 0, bottom: 20 };
+var TabButtonTouchable = import_react_native_theming4.styled.TouchableOpacity(({ theme: theme3, active }) => ({
+  borderWidth: theme3.tabs.borderWidth,
+  borderColor: active ? theme3.tabs.activeBorderColor : theme3.tabs.inactiveBorderColor,
+  borderRadius: theme3.tabs.borderRadius,
+  backgroundColor: active ? theme3.tabs.activeBackgroundColor : theme3.tabs.inactiveBackgroundColor
+}));
+var TabButton = import_react8.default.memo(({ onPress, id, active, children, testID }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    TabButtonTouchable,
+    {
+      active,
+      testID,
+      onPress: () => onPress(id),
+      activeOpacity: 0.8,
+      hitSlop,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabButtonText, { active, children })
+    }
+  );
+});
+var TabBar = import_react8.default.memo(({ scrollable = false, style, children }) => {
+  const theme3 = (0, import_react_native_theming5.useTheme)();
+  if (scrollable) {
+    children = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_react_native7.ScrollView,
+      {
+        showsHorizontalScrollIndicator: false,
+        horizontal: true,
+        contentContainerStyle: { paddingHorizontal: theme3.tokens.spacing2 },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, { style, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabBarContainer, { children }) });
+});
+var TabBarContainer = import_react_native_theming4.styled.View(() => ({
+  flexDirection: "row",
+  paddingVertical: 6,
+  justifyItems: "center"
+}));
+
+// src/components/OnDeviceUI/addons/List.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var AddonList = ({ panels, addonSelected, onPressAddon }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TabBar, { scrollable: true, children: Object.values(panels).map(({ id, title }) => {
+    let resolvedTitle = typeof title === "function" ? title({}) : title;
+    if (typeof resolvedTitle === "string") {
+      resolvedTitle = resolvedTitle.toUpperCase();
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      TabButton,
+      {
+        active: id === addonSelected,
+        id,
+        onPress: () => onPressAddon(id),
+        children: resolvedTitle
+      },
+      id
+    );
+  }) });
+};
+var List_default = import_react9.default.memo(AddonList);
+
+// src/components/OnDeviceUI/addons/Wrapper.tsx
+var import_react_native_theming6 = require("@storybook/react-native-theming");
+var import_react10 = __toESM(require("react"));
+var import_react_native8 = require("react-native");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Container2 = import_react_native_theming6.styled.View(({ selected }) => ({
+  display: selected ? "flex" : "none",
+  flex: 1
+}));
+var Wrapper = ({ panels, addonSelected }) => {
+  useUpdateOnStoryChanged();
+  const theme3 = (0, import_react_native_theming6.useTheme)();
+  const addonKeys = Object.keys(panels);
+  const content = addonKeys.map((id) => {
+    const selected = addonSelected === id;
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Container2, { selected, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.ScrollView, { contentContainerStyle: { padding: theme3.panel.paddingHorizontal }, children: panels[id].render({ active: selected, key: id }) }) }, id);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: content });
+};
+var Wrapper_default = import_react10.default.memo(Wrapper);
+
+// src/components/OnDeviceUI/addons/Addons.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Text4 = import_react_native_theming7.styled.Text(({ theme: theme3 }) => ({
+  marginTop: theme3.tokens.spacing4
+}));
+var Addons = ({ active }) => {
+  const panels = import_manager_api.addons.getElements(import_types.Addon_TypesEnum.PANEL);
+  const [addonSelected, setAddonSelected] = useSelectedAddon(Object.keys(panels)[0]);
+  const context = useStoryContext();
+  const id = context?.id;
+  if (!id) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: { alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text4, { children: "No Story Selected" }) });
+  }
+  if (Object.keys(panels).length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: { alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text4, { children: "No addons loaded." }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: { flex: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      List_default,
+      {
+        onPressAddon: setAddonSelected,
+        panels,
+        addonSelected: active ? addonSelected : null
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Wrapper_default, { addonSelected: active ? addonSelected : null, panels })
+  ] });
+};
+var Addons_default = import_react11.default.memo(Addons);
+
+// src/components/OnDeviceUI/addons/AddonsSkeleton.tsx
+var import_react12 = __toESM(require("react"));
+var import_react_native_theming8 = require("@storybook/react-native-theming");
+var import_react_native10 = require("react-native");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var AddonsSkeleton = import_react12.default.memo(function AddonsSkeleton2({ visible }) {
+  const progress = import_react12.default.useRef(new import_react_native10.Animated.Value(visible ? 1 : 0));
+  import_react12.default.useEffect(() => {
+    import_react_native10.Animated.timing(progress.current, {
+      toValue: visible ? 1 : 0,
+      duration: ANIMATION_DURATION_TRANSITION,
+      useNativeDriver: true,
+      easing: import_react_native10.Easing.inOut(import_react_native10.Easing.cubic)
+    }).start();
+  }, [visible]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(AddonsSkeletonContainer, { pointerEvents: "none", style: { opacity: progress.current }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabsSkeleton, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AddonsContentSkeleton, {})
+  ] });
+});
+var TabSkeleton = import_react_native_theming8.styled.View(({ theme: theme3, active }) => ({
+  opacity: active ? 1 : 0.5,
+  backgroundColor: active ? theme3.tabs.activeBackgroundColor : theme3.tokens.color.grey200,
+  borderRadius: theme3.tokens.borderRadius.round,
+  width: active ? 100 : 70,
+  height: 30,
+  marginRight: 12
+}));
+var BoxSkeleton = import_react_native_theming8.styled.View(
+  ({ theme: theme3, width, height, marginBottom }) => ({
+    backgroundColor: theme3.tokens.color.blue200,
+    borderRadius: theme3.tokens.borderRadius.large,
+    height,
+    marginBottom,
+    width
+  })
+);
+function AddonsFieldSkeleton({ long = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { style: { marginBottom: 32 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BoxSkeleton, { width: 75, height: 10, marginBottom: 12 }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BoxSkeleton, { width: long ? 200 : 120, height: 15 })
+  ] });
+}
+function AddonsContentSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AddonsFieldSkeleton, { long: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AddonsFieldSkeleton, { long: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AddonsFieldSkeleton, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AddonsFieldSkeleton, {})
+  ] });
+}
+function TabsSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { style: { flexDirection: "row", marginBottom: 16 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabSkeleton, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabSkeleton, { active: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabSkeleton, {})
+  ] });
+}
+var AddonsSkeletonContainer = (0, import_react_native_theming8.styled)(import_react_native10.Animated.View)(
+  ({ theme: theme3 }) => ({
+    ...import_react_native10.StyleSheet.absoluteFillObject,
+    flex: 1,
+    backgroundColor: theme3.panel.backgroundColor,
+    borderTopWidth: theme3.panel.borderWidth,
+    borderColor: theme3.panel.borderColor,
+    padding: theme3.panel.paddingHorizontal,
+    overflow: "hidden"
+  })
+);
+
+// src/components/OnDeviceUI/animation.ts
+var import_react_native11 = require("react-native");
+
+// src/components/OnDeviceUI/navigation/constants.ts
+var SIDEBAR = -1;
+var CANVAS = 0;
+var ADDONS = 1;
+
+// src/components/OnDeviceUI/animation.ts
+var RTL_SCALE = import_react_native11.I18nManager.isRTL ? -1 : 1;
+var PREVIEW_SCALE = 0.3;
+var PREVIEW_SCALE_WIDE = 0.7;
+var PREVIEW_SCALE_SHRINK = 0.9;
+var SCALE_OFFSET = 0.025;
+var TRANSLATE_Y_OFFSET = 12;
+var panelWidth = (width, wide) => {
+  const scale = wide ? PREVIEW_SCALE_WIDE : PREVIEW_SCALE;
+  return width * (1 - scale - SCALE_OFFSET);
+};
+var getSidebarPanelPosition = (animatedValue, previewWidth, wide) => {
+  return [
+    {
+      transform: [
+        {
+          translateX: animatedValue.interpolate({
+            inputRange: [SIDEBAR, CANVAS],
+            outputRange: [0, (-panelWidth(previewWidth, wide) - 1) * RTL_SCALE]
+          })
+        }
+      ],
+      width: panelWidth(previewWidth, wide)
+    }
+  ];
+};
+var getAddonPanelPosition = (animatedValue, previewWidth, wide) => {
+  return [
+    {
+      transform: [
+        {
+          translateX: animatedValue.interpolate({
+            inputRange: [CANVAS, ADDONS],
+            outputRange: [
+              previewWidth * RTL_SCALE,
+              (previewWidth - panelWidth(previewWidth, wide)) * RTL_SCALE
+            ]
+          })
+        }
+      ],
+      width: panelWidth(previewWidth, wide)
+    }
+  ];
+};
+var getPreviewStyle = ({
+  animatedValue,
+  previewDimensions: { width: previewWidth, height: previewHeight },
+  wide,
+  insets,
+  tabOpen,
+  lastTabOpen
+}) => {
+  const scale = (wide ? PREVIEW_SCALE_WIDE : PREVIEW_SCALE) * PREVIEW_SCALE_SHRINK;
+  const scaledPreviewWidth = previewWidth * scale;
+  const scaledPreviewHeight = previewHeight * scale;
+  const nonPanelWidth = previewWidth - panelWidth(previewWidth, wide);
+  const translateXOffset = (nonPanelWidth - scaledPreviewWidth) / 2;
+  const translateX = (previewWidth / 2 - previewWidth * scale / 2 - translateXOffset) * RTL_SCALE;
+  const translateY = -(previewHeight / 2 - scaledPreviewHeight / 2) + insets.top + TRANSLATE_Y_OFFSET;
+  const skipPreview = lastTabOpen !== CANVAS && tabOpen !== CANVAS;
+  return {
+    transform: [
+      {
+        translateX: animatedValue.interpolate({
+          inputRange: [SIDEBAR, CANVAS, ADDONS],
+          outputRange: [translateX, 0, -translateX]
+        })
+      },
+      {
+        translateY: animatedValue.interpolate({
+          inputRange: [SIDEBAR, CANVAS, ADDONS],
+          outputRange: [translateY, skipPreview ? translateY : 0, translateY]
+        })
+      },
+      {
+        scale: animatedValue.interpolate({
+          inputRange: [SIDEBAR, CANVAS, ADDONS],
+          outputRange: [scale, skipPreview ? scale : 1, scale]
+        })
+      }
+    ]
+  };
+};
+var getPreviewShadowStyle = (animatedValue) => ({
+  elevation: 8,
+  shadowColor: "#000",
+  shadowOpacity: animatedValue.interpolate({
+    inputRange: [SIDEBAR, CANVAS, ADDONS],
+    outputRange: [0.25, 0, 0.25]
+  }),
+  shadowRadius: 8,
+  shadowOffset: { width: 0, height: 0 },
+  overflow: "visible"
+});
+
+// src/components/OnDeviceUI/navigation/Navigation.tsx
+var import_react14 = __toESM(require("react"));
+var import_react_native13 = require("react-native");
+var import_react_native_safe_area_context = require("react-native-safe-area-context");
+var import_react_native_swipe_gestures = __toESM(require("react-native-swipe-gestures"));
+
+// src/components/OnDeviceUI/navigation/NavigationBar.tsx
+var import_react13 = __toESM(require("react"));
+var import_react_native_theming9 = require("@storybook/react-native-theming");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var NavigationTabBar = (0, import_react_native_theming9.styled)(TabBar)(({ theme: theme3 }) => ({
+  paddingHorizontal: theme3.tokens.spacing2,
+  backgroundColor: theme3.navigation.backgroundColor,
+  borderColor: theme3.navigation.borderColor,
+  borderTopWidth: theme3.navigation.borderWidth
+}));
+var NavigationBar = import_react13.default.memo(({ index, onPress, style }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(NavigationTabBar, { style, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    TabButton,
+    {
+      onPress,
+      testID: "BottomMenu.Sidebar",
+      id: SIDEBAR,
+      active: index === SIDEBAR,
+      children: "SIDEBAR"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TabButton, { onPress, testID: "BottomMenu.Canvas", id: CANVAS, active: index === CANVAS, children: "CANVAS" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TabButton, { onPress, testID: "BottomMenu.Addons", id: ADDONS, active: index === ADDONS, children: "ADDONS" })
+] }));
+
+// src/components/OnDeviceUI/navigation/NavigationButton.tsx
+var import_react_native12 = require("react-native");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var hitSlop2 = { top: 5, left: 5, right: 5, bottom: 5 };
+function NavigationButton({ iconName, inverseIconName, active, toggle }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.TouchableWithoutFeedback, { onPress: toggle, hitSlop: hitSlop2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { style: { marginHorizontal: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BackgroundIcon, { style: { flex: 1, opacity: 0.8 }, name: inverseIconName, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: iconName, style: { opacity: active ? 0.6 : 0.25 } }) }) }) });
+}
+function VisibilityButton() {
+  const [active, toggle] = useIsUIVisible();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    NavigationButton,
+    {
+      iconName: "layout-bottom",
+      inverseIconName: "layout-bottom-inverse",
+      active,
+      toggle: () => toggle()
+    }
+  );
+}
+function AddonsSplitButton() {
+  const [active, toggle] = useIsSplitPanelVisible();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    NavigationButton,
+    {
+      iconName: "layout-split",
+      inverseIconName: "layout-split-inverse",
+      active,
+      toggle: () => toggle()
+    }
+  );
+}
+
+// src/components/OnDeviceUI/navigation/Navigation.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var SWIPE_CONFIG = {
+  velocityThreshold: 0.2,
+  directionalOffsetThreshold: 80
+};
+var navStyle = {
+  position: "absolute",
+  left: 0,
+  right: 0,
+  bottom: 0
+};
+var Navigation = ({ tabOpen, onChangeTab, onLayout }) => {
+  const insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
+  const handleSwipeLeft = () => {
+    if (tabOpen < 1) {
+      onChangeTab(tabOpen + 1);
+    }
+  };
+  const handleSwipeRight = () => {
+    if (tabOpen > -1) {
+      onChangeTab(tabOpen - 1);
+    }
+  };
+  const [isUIVisible] = useIsUIVisible();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native13.View, { style: navStyle, onLayout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { children: isUIVisible && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_react_native_swipe_gestures.default,
+      {
+        onSwipeLeft: handleSwipeLeft,
+        onSwipeRight: handleSwipeRight,
+        config: SWIPE_CONFIG,
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          NavigationBar,
+          {
+            index: tabOpen,
+            onPress: onChangeTab,
+            style: { paddingBottom: insets.bottom }
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(NavigationShortcuts, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(VisibilityButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AddonsSplitButton, {})
+    ] })
+  ] });
+};
+var Navigation_default = import_react14.default.memo(Navigation);
+function NavigationShortcuts({ children }) {
+  const insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_native13.View,
+    {
+      style: {
+        zIndex: 100,
+        alignSelf: "center",
+        justifyContent: "center",
+        alignItems: "center",
+        flexDirection: "row-reverse",
+        position: "absolute",
+        bottom: insets.bottom + 14,
+        right: 8
+      },
+      children
+    }
+  );
+}
+
+// src/components/OnDeviceUI/OnDeviceUI.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var IS_IOS = import_react_native14.Platform.OS === "ios";
+var getExpoRoot = () => global.Expo || global.__expo || global.__exponent;
+var IS_EXPO = getExpoRoot() !== void 0;
+var IS_ANDROID = import_react_native14.Platform.OS === "android";
+var BREAKPOINT = 1024;
+var flex = { flex: 1 };
+function Preview({ animatedValue, style, children }) {
+  const theme3 = (0, import_react_native_theming11.useTheme)();
+  const containerStyle = {
+    backgroundColor: theme3.preview.backgroundColor,
+    ...getPreviewShadowStyle(animatedValue)
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Animated.View, { style: [flex, containerStyle], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.View, { style: [flex, style], children }) });
+}
+var styles3 = import_react_native14.StyleSheet.create({
+  expoAndroidContainer: { paddingTop: import_react_native14.StatusBar.currentHeight }
+});
+var Container3 = import_react_native_theming10.styled.View(({ theme: theme3 }) => ({
+  flex: 1,
+  backgroundColor: theme3.preview.containerBackgroundColor,
+  ...IS_ANDROID && IS_EXPO ? styles3.expoAndroidContainer : void 0,
+  ...import_react_native14.Platform.select({ web: { overflow: "hidden" } })
+}));
+var OnDeviceUI = ({
+  storyIndex,
+  shouldDisableKeyboardAvoidingView,
+  keyboardAvoidingViewVerticalOffset,
+  tabOpen: initialTabOpen
+}) => {
+  const [tabOpen, setTabOpen] = (0, import_react15.useState)(initialTabOpen || CANVAS);
+  const lastTabOpen = import_react15.default.useRef(tabOpen);
+  const [previewDimensions, setPreviewDimensions] = (0, import_react15.useState)(() => ({
+    width: import_react_native14.Dimensions.get("window").width,
+    height: import_react_native14.Dimensions.get("window").height
+  }));
+  const animatedValue = (0, import_react15.useRef)(new import_react_native14.Animated.Value(tabOpen));
+  const wide = (0, import_react_native15.useWindowDimensions)().width >= BREAKPOINT;
+  const insets = (0, import_react_native_safe_area_context2.useSafeAreaInsets)();
+  const handleToggleTab = import_react15.default.useCallback(
+    (newTabOpen) => {
+      if (newTabOpen === tabOpen) {
+        return;
+      }
+      lastTabOpen.current = tabOpen;
+      import_react_native14.Animated.timing(animatedValue.current, {
+        toValue: newTabOpen,
+        duration: ANIMATION_DURATION_TRANSITION,
+        easing: import_react_native14.Easing.inOut(import_react_native14.Easing.cubic),
+        useNativeDriver: true
+      }).start();
+      setTabOpen(newTabOpen);
+      if (newTabOpen === CANVAS) {
+        import_react_native14.Keyboard.dismiss();
+      }
+    },
+    [tabOpen]
+  );
+  const noSafeArea = useStoryContextParam("noSafeArea", false);
+  const previewWrapperStyles = [
+    flex,
+    getPreviewStyle({
+      animatedValue: animatedValue.current,
+      previewDimensions,
+      wide,
+      insets,
+      tabOpen,
+      lastTabOpen: lastTabOpen.current
+    })
+  ];
+  const [isUIVisible] = useIsUIVisible();
+  const [navBarHeight, setNavBarHeight] = import_react15.default.useState(insets.bottom + 40);
+  const measureNavigation = import_react15.default.useCallback(
+    ({ nativeEvent }) => {
+      const inset = insets.bottom;
+      setNavBarHeight(isUIVisible ? nativeEvent.layout.height - inset : 0);
+    },
+    [isUIVisible, insets]
+  );
+  const safeAreaMargins = {
+    paddingBottom: isUIVisible ? insets.bottom + navBarHeight : noSafeArea ? 0 : insets.bottom,
+    paddingTop: !noSafeArea ? insets.top : 0,
+    overflow: "hidden"
+  };
+  const panelSafeAreaMargins = {
+    paddingBottom: insets.bottom + navBarHeight,
+    paddingTop: insets.top
+  };
+  const keyboardVerticalOffset = -panelSafeAreaMargins.paddingBottom + (keyboardAvoidingViewVerticalOffset ?? 0);
+  const [isSplitPanelVisible] = useIsSplitPanelVisible();
+  const isPreviewInactive = tabOpen !== CANVAS;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container3, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      import_react_native14.KeyboardAvoidingView,
+      {
+        enabled: !shouldDisableKeyboardAvoidingView || isPreviewInactive,
+        behavior: IS_IOS ? "padding" : null,
+        keyboardVerticalOffset,
+        style: flex,
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          absolute_positioned_keyboard_aware_view_default,
+          {
+            onLayout: setPreviewDimensions,
+            previewDimensions,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native14.Animated.View, { style: previewWrapperStyles, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Preview, { style: safeAreaMargins, animatedValue: animatedValue.current, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StoryView_default, {}),
+                  isSplitPanelVisible ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Panel_default, { edge: "top", style: { flex: 1 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Addons_default, { active: true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddonsSkeleton, { visible: isPreviewInactive })
+                  ] }) : null
+                ] }),
+                isPreviewInactive ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  import_react_native14.TouchableOpacity,
+                  {
+                    style: import_react_native14.StyleSheet.absoluteFillObject,
+                    onPress: () => handleToggleTab(CANVAS)
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                Panel_default,
+                {
+                  edge: "right",
+                  style: [
+                    getSidebarPanelPosition(animatedValue.current, previewDimensions.width, wide),
+                    panelSafeAreaMargins
+                  ],
+                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StoryListView_default, { storyIndex })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                Panel_default,
+                {
+                  edge: "left",
+                  style: [
+                    getAddonPanelPosition(animatedValue.current, previewDimensions.width, wide),
+                    panelSafeAreaMargins
+                  ],
+                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Addons_default, { active: tabOpen === ADDONS })
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Navigation_default, { onLayout: measureNavigation, tabOpen, onChangeTab: handleToggleTab })
+  ] }) });
+};
+var OnDeviceUI_default = import_react15.default.memo(OnDeviceUI);
+
+// src/View.tsx
+var import_deepmerge = __toESM(require("deepmerge"));
+var import_react_native16 = require("react-native");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var STORAGE_KEY = "lastOpenedStory";
+var View10 = class {
+  _storyIndex;
+  _setStory = () => {
+  };
+  _forceRerender;
+  _ready = false;
+  _preview;
+  _asyncStorageStoryId;
+  _webUrl;
+  _channel;
+  constructor(preview, channel) {
+    this._preview = preview;
+    this._channel = channel;
+  }
+  _getInitialStory = async ({
+    initialSelection,
+    shouldPersistSelection = true
+  } = {}) => {
+    if (initialSelection) {
+      if (typeof initialSelection === "string") {
+        return { storySpecifier: initialSelection, viewMode: "story" };
+      } else {
+        return {
+          storySpecifier: (0, import_csf.toId)(initialSelection.kind, initialSelection.name),
+          viewMode: "story"
+        };
+      }
+    }
+    if (shouldPersistSelection) {
+      try {
+        let value = this._asyncStorageStoryId;
+        if (!value) {
+          value = await import_async_storage.default.getItem(STORAGE_KEY);
+          this._asyncStorageStoryId = value;
+        }
+        return { storySpecifier: value ?? "*", viewMode: "story" };
+      } catch (e) {
+        console.warn("storybook-log: error reading from async storage", e);
+      }
+    }
+    return { storySpecifier: "*", viewMode: "story" };
+  };
+  // _getServerChannel = (params: Partial<Params> = {}) => {
+  //   const host = getHost(params.host || 'localhost');
+  //   const port = `:${params.port || 7007}`;
+  //   const query = params.query || '';
+  //   const websocketType = params.secured ? 'wss' : 'ws';
+  //   const url = `${websocketType}://${host}${port}/${query}`;
+  //   return createWebSocketChannel({
+  //     url,
+  //     async: true,
+  //     onError: async () => {},
+  //   });
+  // };
+  getStorybookUI = (params = {}) => {
+    const {
+      shouldPersistSelection = true,
+      onDeviceUI = true
+      /* enableWebsockets = false  */
+    } = params;
+    const initialStory = this._getInitialStory(params);
+    import_manager_api2.addons.loadAddons({
+      store: () => ({
+        fromId: (id) => this._preview.storyStore.getStoryContext(this._preview.storyStore.fromId(id)),
+        getSelection: () => {
+          return this._preview.currentSelection;
+        },
+        // @ts-ignore :) FIXME
+        // _channel: this._preview.channel,
+        // global.__STORYBOOK_ADDONS_CHANNEL__,
+        _channel: this._channel
+      })
+    });
+    const self = this;
+    syncExternalUI({
+      isUIVisible: params.isUIHidden !== void 0 ? !params.isUIHidden : void 0,
+      isSplitPanelVisible: params.isSplitPanelVisible
+    });
+    return () => {
+      const setContext = useSetStoryContext();
+      const colorScheme = (0, import_react_native16.useColorScheme)();
+      const [, forceUpdate] = (0, import_react16.useReducer)((x) => x + 1, 0);
+      const appliedTheme = (0, import_react16.useMemo)(
+        () => (0, import_deepmerge.default)(colorScheme === "dark" ? import_react_native_theming12.darkTheme : import_react_native_theming12.theme, params.theme ?? {}),
+        [colorScheme]
+      );
+      (0, import_react16.useEffect)(() => {
+        self._setStory = (newStory) => {
+          setContext(newStory);
+          if (shouldPersistSelection) {
+            import_async_storage.default.setItem(STORAGE_KEY, newStory.id).catch((e) => {
+              console.warn("storybook-log: error writing to async storage", e);
+            });
+          }
+        };
+        self._forceRerender = () => forceUpdate();
+        initialStory.then((story) => {
+          self._preview.selectionStore.selectionSpecifier = story;
+          self._preview.selectSpecifiedStory();
+        });
+      }, []);
+      if (onDeviceUI) {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native_safe_area_context3.SafeAreaProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native_theming12.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          OnDeviceUI_default,
+          {
+            storyIndex: self._storyIndex,
+            tabOpen: params.tabOpen,
+            shouldDisableKeyboardAvoidingView: params.shouldDisableKeyboardAvoidingView,
+            keyboardAvoidingViewVerticalOffset: params.keyboardAvoidingViewVerticalOffset
+          }
+        ) }) });
+      } else {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StoryView_default, {});
+      }
+    };
+  };
+};
+
+// src/executeLoadable.ts
+var import_client_logger = require("@storybook/client-logger");
+function executeLoadable(loadable) {
+  let reqs = null;
+  if (Array.isArray(loadable)) {
+    reqs = loadable;
+  } else if (loadable.keys) {
+    reqs = [loadable];
+  }
+  let exportsMap = /* @__PURE__ */ new Map();
+  if (reqs) {
+    reqs.forEach((req) => {
+      req.keys().forEach((filename) => {
+        try {
+          const fileExports = req(filename);
+          if (fileExports.default) {
+            exportsMap.set(
+              // NOTE context.resolve is not yet implemented for metro
+              // typeof req.resolve === 'function' ? req.resolve(filename) : filename,
+              filename,
+              fileExports
+            );
+          }
+        } catch (error) {
+          const errorString = error.message && error.stack ? `${error.message}
+ ${error.stack}` : error.toString();
+          import_client_logger.logger.error(`Unexpected error while loading ${filename}: ${errorString}`);
+        }
+      });
+    });
+  } else {
+    const exported = loadable();
+    if (typeof exported === "object") {
+      const csfExports = Object.entries(exported).filter(
+        ([_key, value]) => value.default != null
+      );
+      exportsMap = new Map(csfExports.map(([filePath, fileExports]) => [filePath, fileExports]));
+    }
+  }
+  return exportsMap;
+}
+global.lastExportsMap = /* @__PURE__ */ new Map();
+function executeLoadableForChanges(loadable, m) {
+  if (m?.hot?.accept) {
+    m.hot.accept();
+  }
+  const lastExportsMap = global.lastExportsMap;
+  const exportsMap = executeLoadable(loadable);
+  const added = /* @__PURE__ */ new Map();
+  Array.from(exportsMap.entries()).filter(([, fileExports]) => !!fileExports.default).filter(([fileName, fileExports]) => lastExportsMap.get(fileName) !== fileExports).forEach(([fileName, fileExports]) => added.set(fileName, fileExports));
+  const removed = /* @__PURE__ */ new Map();
+  Array.from(lastExportsMap.keys()).filter((fileName) => !exportsMap.has(fileName)).forEach((fileName) => removed.set(fileName, lastExportsMap.get(fileName)));
+  global.lastExportsMap = exportsMap;
+  return { added, removed };
+}
+
+// src/StartV6.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+import_global.global.FEATURES = {
+  storyStoreV7: false
+};
+var render = (args, context) => {
+  const { id, component: Component } = context;
+  if (!Component) {
+    throw new Error(
+      `Unable to render story ${id} as the component annotation is missing from the default export`
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Component, { ...args });
+};
+function start() {
+  const channel = new import_channels.Channel({ async: true });
+  import_manager_api3.addons.setChannel(channel);
+  channel.emit(import_core_events2.default.CHANNEL_CREATED);
+  const clientApi2 = import_global.global?.__STORYBOOK_CLIENT_API__ || new import_preview_api.ClientApi();
+  const previewView = {
+    prepareForStory: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {});
+    },
+    prepareForDocs: () => {
+    },
+    showErrorDisplay: () => {
+    },
+    showDocs: () => {
+    },
+    showMain: () => {
+    },
+    showNoPreview: () => {
+    },
+    showPreparingDocs: () => {
+    },
+    showPreparingStory: () => {
+    },
+    showStory: () => {
+    },
+    showStoryDuringRender: () => {
+    }
+  };
+  const urlStore = {
+    selection: null,
+    selectionSpecifier: null,
+    setQueryParams: () => {
+    },
+    setSelection: (selection) => {
+      console.log("setSelection");
+      preview.selectionStore.selection = selection;
+    }
+  };
+  const preview = import_global.global?.__STORYBOOK_PREVIEW__ || new import_preview_web.PreviewWithSelection(urlStore, previewView);
+  clientApi2.storyStore = preview.storyStore;
+  if (import_global.global) {
+    import_global.global.__STORYBOOK_CLIENT_API__ = clientApi2;
+    import_global.global.__STORYBOOK_ADDONS_CHANNEL__ = channel;
+    import_global.global.__STORYBOOK_PREVIEW__ = preview;
+    import_global.global.__STORYBOOK_STORY_STORE__ = preview.storyStore;
+  }
+  (0, import_preview_api.setGlobalRender)(render);
+  let initialized = false;
+  function onStoriesChanged() {
+    const storyIndex = clientApi2.getStoryIndex();
+    preview.onStoriesChanged({ storyIndex });
+    view2._storyIndex = storyIndex;
+  }
+  const view2 = new View10(preview, channel);
+  return {
+    view: view2,
+    forceReRender: () => channel.emit(import_core_events2.default.FORCE_RE_RENDER),
+    clientApi: clientApi2,
+    preview,
+    // This gets called each time the user calls configure (i.e. once per HMR)
+    // The first time, it constructs thecurrentSelection preview, subsequently it updates it
+    configure(loadable, m) {
+      clientApi2.addParameters({ renderer: "react-native" });
+      const getProjectAnnotations = () => {
+        const { added, removed } = executeLoadableForChanges(loadable, m);
+        clientApi2._loadAddedExports();
+        Array.from(added.entries()).forEach(
+          ([fileName, fileExports]) => clientApi2.facade.addStoriesFromExports(fileName, fileExports)
+        );
+        Array.from(removed.entries()).forEach(
+          ([fileName]) => clientApi2.facade.clearFilenameExports(fileName)
+        );
+        return {
+          ...clientApi2.facade.projectAnnotations,
+          renderToCanvas: (context) => {
+            view2._setStory(context.storyContext);
+          }
+        };
+      };
+      const importFn = (path) => clientApi2.importFn(path);
+      if (!initialized) {
+        preview.initialize({
+          getStoryIndex: () => {
+            const index = clientApi2.getStoryIndex();
+            view2._storyIndex = index;
+            return index;
+          },
+          importFn,
+          getProjectAnnotations
+        });
+        initialized = true;
+      } else {
+        getProjectAnnotations();
+        onStoriesChanged();
+      }
+    }
+  };
+}
+
+// src/V6.ts
+var import_react_native_theming13 = require("@storybook/react-native-theming");
+var { clientApi, configure, view } = start();
+var rawStoriesOf = clientApi.storiesOf.bind(clientApi);
+var addDecorator = clientApi.addDecorator.bind(clientApi);
+var addParameters = clientApi.addParameters.bind(clientApi);
+var addArgsEnhancer = clientApi.addArgsEnhancer.bind(clientApi);
+var addArgTypesEnhancer = clientApi.addArgTypesEnhancer.bind(clientApi);
+var raw = clientApi.raw.bind(clientApi);
+var storiesOf = (kind, m) => {
+  return rawStoriesOf(kind, m).addParameters({
+    renderer: "react-native"
+  });
+};
+var getStorybookUI = view.getStorybookUI;
+global.__STORYBOOK_STORY_STORE__ = {
+  initializationPromise: clientApi.storyStore?.initializationPromise
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addArgTypesEnhancer,
+  addArgsEnhancer,
+  addDecorator,
+  addParameters,
+  configure,
+  darkTheme,
+  getStorybookUI,
+  raw,
+  storiesOf,
+  theme
+});