@storybook/react-native 7.6.12 → 8.0.0-alpha.0

package/dist/V6.js

@@ -1,2379 +0,0 @@
-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_channels2 = require("@storybook/channels");
-var import_core_events3 = __toESM(require("@storybook/core-events"));
-var import_global = require("@storybook/global");
-var import_manager_api3 = require("@storybook/manager-api");
-var import_preview_api3 = require("@storybook/preview-api");
-var import_preview_web = require("@storybook/preview-web");
-
-// src/View.tsx
-var import_csf = require("@storybook/csf");
-var import_manager_api2 = require("@storybook/manager-api");
-var import_preview_api2 = require("@storybook/preview-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/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/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 = function(get) {
-      return get(this);
-    };
-    config.write = function(get, set, arg) {
-      return set(
-        this,
-        typeof arg === "function" ? arg(get(this)) : 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) => !!a && "v" in a && "v" in b && Object.is(a.v, b.v);
-var isEqualAtomError = (a, b) => !!a && "e" in a && "e" in b && Object.is(a.e, b.e);
-var hasPromiseAtomValue = (a) => !!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 (hasPromiseAtomValue(prevAtomState)) {
-      const next = "v" in atomState ? atomState.v instanceof Promise ? atomState.v : Promise.resolve(atomState.v) : Promise.reject(atomState.e);
-      if (prevAtomState.v !== next) {
-        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 (isEqualAtomValue(prevAtomState, nextAtomState) && prevAtomState.d === nextAtomState.d) {
-      return prevAtomState;
-    }
-    if (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 updatePromiseDependencies = () => {
-        const prevAtomState = getAtomState(atom2);
-        if (!hasPromiseAtomValue(prevAtomState) || prevAtomState.v !== promise) {
-          return;
-        }
-        const nextAtomState = setAtomValue(
-          atom2,
-          promise,
-          nextDependencies
-        );
-        if (mountedMap.has(atom2) && prevAtomState.d !== nextAtomState.d) {
-          mountDependencies(atom2, nextAtomState, prevAtomState.d);
-        }
-      };
-      const promise = new Promise((resolve, reject) => {
-        let settled = false;
-        valueOrPromise.then(
-          (v) => {
-            if (!settled) {
-              settled = true;
-              resolvePromise(promise, v);
-              resolve(v);
-              updatePromiseDependencies();
-            }
-          },
-          (e) => {
-            if (!settled) {
-              settled = true;
-              rejectPromise(promise, e);
-              reject(e);
-              updatePromiseDependencies();
-            }
-          }
-        );
-        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 (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]) => {
-        if (a === atom2) {
-          return true;
-        }
-        const aState = readAtomState(a);
-        return aState === s || isEqualAtomValue(aState, 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 getDependents = (a) => {
-      var _a;
-      const dependents = new Set((_a = mountedMap.get(a)) == null ? void 0 : _a.t);
-      pendingMap.forEach((_, pendingAtom) => {
-        var _a2;
-        if ((_a2 = getAtomState(pendingAtom)) == null ? void 0 : _a2.d.has(a)) {
-          dependents.add(pendingAtom);
-        }
-      });
-      return dependents;
-    };
-    const loop1 = (a) => {
-      getDependents(a).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) => {
-      getDependents(a).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 = !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 (!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, onMountQueue) => {
-    var _a;
-    const queue = onMountQueue || [];
-    (_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, queue);
-        }
-      }
-    });
-    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 { onMount } = atom2;
-      queue.push(() => {
-        const onUnmount = onMount((...args) => writeAtom(atom2, ...args));
-        if (onUnmount) {
-          mounted.u = onUnmount;
-        }
-      });
-    }
-    if (!onMountQueue) {
-      queue.forEach((f) => f());
-    }
-    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());
-    const maybeUnmountAtomSet = /* @__PURE__ */ new Set();
-    prevDependencies == null ? void 0 : prevDependencies.forEach((_, a) => {
-      if (depSet.has(a)) {
-        depSet.delete(a);
-        return;
-      }
-      maybeUnmountAtomSet.add(a);
-      const mounted = mountedMap.get(a);
-      if (mounted) {
-        mounted.t.delete(atom2);
-      }
-    });
-    depSet.forEach((a) => {
-      const mounted = mountedMap.get(a);
-      if (mounted) {
-        mounted.t.add(atom2);
-      } else if (mountedMap.has(atom2)) {
-        mountAtom(a, atom2);
-      }
-    });
-    maybeUnmountAtomSet.forEach((a) => {
-      const mounted = mountedMap.get(a);
-      if (mounted && canUnmountAtom(a, mounted)) {
-        unmountAtom(a);
-      }
-    });
-  };
-  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) {
-          const mounted = mountedMap.get(atom2);
-          if (mounted && atomState.d !== (prevAtomState == null ? void 0 : prevAtomState.d)) {
-            mountDependencies(atom2, atomState, prevAtomState == null ? void 0 : prevAtomState.d);
-          }
-          if (mounted && !// TODO This seems pretty hacky. Hope to fix it.
-          // Maybe we could `mountDependencies` in `setAtomState`?
-          (!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) {
-    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/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_preview_api = require("@storybook/preview-api");
-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) => {
-    const channel = import_preview_api.addons.getChannel();
-    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_channels = require("@storybook/channels");
-var import_core_events2 = __toESM(require("@storybook/core-events"));
-var import_dedent = __toESM(require("dedent"));
-var import_deepmerge = __toESM(require("deepmerge"));
-var import_react_native16 = require("react-native");
-
-// src/rn-host-detect.js
-function getByRemoteConfig(hostname) {
-  var remoteModuleConfig = window?.__fbBatchedBridgeConfig?.remoteModuleConfig;
-  if (!Array.isArray(remoteModuleConfig) || hostname !== "localhost" && hostname !== "127.0.0.1") {
-    return { hostname, passed: false };
-  }
-  var constants = (remoteModuleConfig.find(getConstants) || [])[1];
-  if (constants) {
-    var serverHost = constants.ServerHost || hostname;
-    return { hostname: serverHost.split(":")[0], passed: true };
-  }
-  return { hostname, passed: false };
-}
-function getConstants(config) {
-  return config && (config[0] === "AndroidConstants" || config[0] === "PlatformConstants");
-}
-function getByRNRequirePolyfill(hostname) {
-  var NativeModules;
-  var PlatformConstants;
-  var AndroidConstants;
-  if (typeof window === "undefined" || !window.__DEV__ || typeof window.require !== "function" || // RN >= 0.56
-  // TODO: Get NativeModules for RN >= 0.56
-  window.require.name === "metroRequire") {
-    return hostname;
-  }
-  NativeModules = window.require("NativeModules");
-  if (!NativeModules || !NativeModules.PlatformConstants && !NativeModules.AndroidConstants) {
-    return hostname;
-  }
-  PlatformConstants = NativeModules.PlatformConstants;
-  AndroidConstants = NativeModules.AndroidConstants;
-  var serverHost = (PlatformConstants ? PlatformConstants.ServerHost : AndroidConstants.ServerHost) || hostname;
-  return serverHost.split(":")[0];
-}
-function getHost(hostname) {
-  if (typeof __fbBatchedBridge !== "object" || hostname !== "localhost" && hostname !== "127.0.0.1") {
-    return hostname;
-  }
-  var result = getByRemoteConfig(hostname);
-  if (result.passed) {
-    return result.hostname;
-  }
-  return getByRNRequirePolyfill(hostname);
-}
-
-// src/View.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var STORAGE_KEY = "lastOpenedStory";
-var View10 = class {
-  _storyIndex;
-  _setStory = () => {
-  };
-  _forceRerender;
-  _ready = false;
-  _preview;
-  _asyncStorageStoryId;
-  _webUrl;
-  _storage;
-  _channel;
-  _idToPrepared = {};
-  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 && this._storage != null) {
-          value = await this._storage.getItem(STORAGE_KEY);
-          this._asyncStorageStoryId = value;
-        }
-        const exists = value && Object.keys(this._storyIndex.entries).includes(value);
-        if (!exists)
-          console.log("Storybook: could not find persisted story");
-        return { storySpecifier: exists ? value : "*", viewMode: "story" };
-      } catch (e) {
-        console.warn("storybook-log: error reading from async storage", e);
-      }
-    }
-    return { storySpecifier: "*", viewMode: "story" };
-  };
-  _getServerChannel = (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 (0, import_channels.createWebSocketChannel)({
-      url,
-      async: true,
-      onError: async () => {
-      }
-    });
-  };
-  createPreparedStoryMapping = async () => {
-    await Promise.all(
-      Object.keys(this._storyIndex.entries).map(async (storyId) => {
-        this._idToPrepared[storyId] = await this._preview.storyStore.loadStory({ storyId });
-      })
-    );
-    console.log("Storybook: Finished building story index");
-  };
-  getStorybookUI = (params = {}) => {
-    const {
-      shouldPersistSelection = true,
-      onDeviceUI = true,
-      enableWebsockets = false,
-      storage
-    } = params;
-    this._storage = storage;
-    const initialStory = this._getInitialStory(params);
-    if (enableWebsockets) {
-      const channel = this._getServerChannel(params);
-      import_manager_api2.addons.setChannel(channel);
-      import_preview_api2.addons.setChannel(channel);
-      this._channel = channel;
-      this._preview.channel = channel;
-      this._preview.setupListeners();
-      channel.emit(import_core_events2.default.CHANNEL_CREATED);
-      this._preview.initializeWithStoryIndex(this._storyIndex);
-    }
-    import_manager_api2.addons.loadAddons({
-      store: () => ({
-        fromId: (id) => {
-          if (!this._ready) {
-            throw new Error("Storybook is not ready yet");
-          }
-          return this._preview.storyStore.getStoryContext(this._idToPrepared[id]);
-        },
-        getSelection: () => {
-          return this._preview.currentSelection;
-        },
-        _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 [ready, setReady] = (0, import_react16.useState)(false);
-      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)(() => {
-        this.createPreparedStoryMapping().then(() => {
-          this._ready = true;
-          setReady(true);
-        }).catch((e) => console.error(e));
-        self._setStory = (newStory) => {
-          setContext(newStory);
-          if (shouldPersistSelection && !storage) {
-            console.warn(import_dedent.default`Please set storage in getStorybookUI like this:
-              const StorybookUIRoot = view.getStorybookUI({
-                storage: {
-                  getItem: AsyncStorage.getItem,
-                  setItem: AsyncStorage.setItem,
-                },
-              });
-            `);
-          }
-          if (shouldPersistSelection && !!this._storage) {
-            this._storage.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 (!ready) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_react_native16.View,
-          {
-            style: {
-              ...import_react_native16.StyleSheet.absoluteFillObject,
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.ActivityIndicator, { animating: true, size: "large" })
-          }
-        );
-      }
-      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_channels2.Channel({ async: true });
-  import_manager_api3.addons.setChannel(channel);
-  channel.emit(import_core_events3.default.CHANNEL_CREATED);
-  const clientApi2 = import_global.global?.__STORYBOOK_CLIENT_API__ || new import_preview_api3.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_api3.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_events3.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
-});