@youversion/platform-react-ui 0.4.1 → 0.4.3

package/dist/index.cjs

@@ -39,8 +39,10 @@ __export(index_exports, {
   BOOK_IDS: () => BOOK_IDS,
   BibleChapterPicker: () => BibleChapterPicker,
   BibleClient: () => BibleClient,
-  BibleSDKProvider: () => import_platform_react_hooks4.BibleSDKProvider,
+  BibleReader: () => BibleReader,
+  BibleSDKProvider: () => import_platform_react_hooks6.BibleSDKProvider,
   BibleTextView: () => BibleTextView,
+  BibleVersionPicker: () => BibleVersionPicker,
   HighlightsClient: () => HighlightsClient,
   LanguagesClient: () => LanguagesClient,
   MemoryStorageStrategy: () => MemoryStorageStrategy,
@@ -12614,7 +12616,7 @@ var ApiClient = class {
   /**
    * Creates an instance of ApiClient.
    *
-   * @param config - The API configuration object containing baseUrl, timeout, and appId.
+   * @param config - The API configuration object containing baseUrl, timeout, and appKey.
    */
   constructor(config2) {
     __publicField(this, "baseURL");
@@ -12622,14 +12624,19 @@ var ApiClient = class {
     __publicField(this, "defaultHeaders");
     __publicField(this, "config");
     this.config = {
-      version: config2.version || "v1",
       ...config2
     };
-    this.baseURL = config2.baseUrl || "https://api-dev.youversion.com";
+    const apiHost = config2.apiHost ?? process.env.YVP_API_HOST ?? "api.youversion.com";
+    if (!apiHost) {
+      throw new Error(
+        "ApiClient requires a host name. Provide an apiHost in the config or set the YVP_API_HOST environment variable."
+      );
+    }
+    this.baseURL = "https://" + apiHost;
     this.timeout = config2.timeout || 1e4;
     this.defaultHeaders = {
       "Content-Type": "application/json",
-      "X-YVP-App-Key": this.config.appId,
+      "X-YVP-App-Key": this.config.appKey,
       "X-YVP-Installation-Id": this.config.installationId || "web-sdk-default"
     };
   }
@@ -12768,9 +12775,6 @@ var BibleClient = class {
     __publicField(this, "booleanSchema", external_exports.boolean());
     this.client = client;
   }
-  get rootPath() {
-    return `/${this.client.config.version}`;
-  }
   /**
    * Fetches a collection of Bible versions filtered by language ranges.
    *
@@ -12786,7 +12790,7 @@ var BibleClient = class {
     if (license_id !== void 0) {
       params.license_id = license_id;
     }
-    return this.client.get(`${this.rootPath}/bibles`, params);
+    return this.client.get(`/v1/bibles`, params);
   }
   /**
    * Fetches a Bible version by its ID.
@@ -12795,7 +12799,7 @@ var BibleClient = class {
    */
   async getVersion(id) {
     this.versionIdSchema.parse(id);
-    return this.client.get(`${this.rootPath}/bibles/${id}`);
+    return this.client.get(`/v1/bibles/${id}`);
   }
   /**
    * Fetches all books for a given Bible version.
@@ -12805,7 +12809,7 @@ var BibleClient = class {
    */
   async getBooks(versionId, canon) {
     this.versionIdSchema.parse(versionId);
-    return this.client.get(`${this.rootPath}/bibles/${versionId}/books`, {
+    return this.client.get(`/v1/bibles/${versionId}/books`, {
       ...canon && { canon }
     });
   }
@@ -12818,7 +12822,7 @@ var BibleClient = class {
   async getBook(versionId, book) {
     this.versionIdSchema.parse(versionId);
     this.bookSchema.parse(book);
-    return this.client.get(`${this.rootPath}/bibles/${versionId}/books/${book}`);
+    return this.client.get(`/v1/bibles/${versionId}/books/${book}`);
   }
   /**
    * Fetches all chapters for a specific book in a version.
@@ -12830,7 +12834,7 @@ var BibleClient = class {
     this.versionIdSchema.parse(versionId);
     this.bookSchema.parse(book);
     return this.client.get(
-      `${this.rootPath}/bibles/${versionId}/books/${book}/chapters`
+      `/v1/bibles/${versionId}/books/${book}/chapters`
     );
   }
   /**
@@ -12845,7 +12849,7 @@ var BibleClient = class {
     this.bookSchema.parse(book);
     this.chapterSchema.parse(chapter);
     return this.client.get(
-      `${this.rootPath}/bibles/${versionId}/books/${book}/chapters/${chapter}`
+      `/v1/bibles/${versionId}/books/${book}/chapters/${chapter}`
     );
   }
   /**
@@ -12860,7 +12864,7 @@ var BibleClient = class {
     this.bookSchema.parse(book);
     this.chapterSchema.parse(chapter);
     return this.client.get(
-      `${this.rootPath}/bibles/${versionId}/books/${book}/chapters/${chapter}/verses`
+      `/v1/bibles/${versionId}/books/${book}/chapters/${chapter}/verses`
     );
   }
   /**
@@ -12877,7 +12881,7 @@ var BibleClient = class {
     this.chapterSchema.parse(chapter);
     this.verseSchema.parse(verse);
     return this.client.get(
-      `${this.rootPath}/bibles/${versionId}/books/${book}/chapters/${chapter}/verses/${verse}`
+      `/v1/bibles/${versionId}/books/${book}/chapters/${chapter}/verses/${verse}`
     );
   }
   /**
@@ -12918,10 +12922,7 @@ var BibleClient = class {
     if (include_notes !== void 0) {
       params.include_notes = include_notes;
     }
-    return this.client.get(
-      `${this.rootPath}/bibles/${versionId}/passages/${usfm}`,
-      params
-    );
+    return this.client.get(`/v1/bibles/${versionId}/passages/${usfm}`, params);
   }
   /**
    * Fetches the indexing structure for a Bible version.
@@ -12930,14 +12931,14 @@ var BibleClient = class {
    */
   async getIndex(versionId) {
     this.versionIdSchema.parse(versionId);
-    return this.client.get(`${this.rootPath}/bibles/${versionId}/index`);
+    return this.client.get(`/v1/bibles/${versionId}/index`);
   }
   /**
    * Fetches the verse of the day calendar for an entire year.
    * @returns A collection of VOTD objects for all days of the year.
    */
   async getAllVOTDs() {
-    return this.client.get(`${this.rootPath}/verse_of_the_days`);
+    return this.client.get(`/v1/verse_of_the_days`);
   }
   /**
    * Fetches the passage_id for the Verse Of The Day.
@@ -12955,7 +12956,7 @@ var BibleClient = class {
   async getVOTD(day) {
     const daySchema = external_exports.number().int().min(1).max(366);
     daySchema.parse(day);
-    return this.client.get(`${this.rootPath}/verse_of_the_days/${day}`);
+    return this.client.get(`/v1/verse_of_the_days/${day}`);
   }
 };
 var LanguagesClient = class {
@@ -12972,9 +12973,6 @@ var LanguagesClient = class {
     __publicField(this, "countrySchema", external_exports.string().trim().length(2, "Country code must be a 2-character ISO 3166-1 alpha-2 code").toUpperCase());
     this.client = client;
   }
-  get rootPath() {
-    return `/${this.client.config.version}`;
-  }
   /**
    * Fetches a collection of languages supported in the Platform.
    * @param options Query parameters for pagination and filtering (country is required).
@@ -12992,7 +12990,7 @@ var LanguagesClient = class {
     if (options.page_token !== void 0) {
       params.page_token = options.page_token;
     }
-    return this.client.get(`${this.rootPath}/languages`, params);
+    return this.client.get(`/v1/languages`, params);
   }
   /**
    * Fetches details about a specific language in the Platform.
@@ -13001,7 +12999,7 @@ var LanguagesClient = class {
    */
   async getLanguage(languageId) {
     this.languageIdSchema.parse(languageId);
-    return this.client.get(`${this.rootPath}/languages/${languageId}`);
+    return this.client.get(`/v1/languages/${languageId}`);
   }
 };
 var _a;
@@ -13018,11 +13016,11 @@ var YouVersionPlatformConfiguration = (_a = class {
     localStorage.setItem("x-yvp-installation-id", newId);
     return newId;
   }
-  static get appId() {
-    return this._appId;
+  static get appKey() {
+    return this._appKey;
   }
-  static set appId(value) {
-    this._appId = value;
+  static set appKey(value) {
+    this._appKey = value;
   }
   static get installationId() {
     if (!this._installationId) {
@@ -13060,7 +13058,7 @@ var YouVersionPlatformConfiguration = (_a = class {
   static set previewUserInfo(value) {
     this._previewUserInfo = value;
   }
-}, __publicField(_a, "_appId", null), __publicField(_a, "_installationId", null), __publicField(_a, "_accessToken", null), __publicField(_a, "_apiHost", "api-dev.youversion.com"), __publicField(_a, "_isPreviewMode", false), __publicField(_a, "_previewUserInfo", null), _a);
+}, __publicField(_a, "_appKey", null), __publicField(_a, "_installationId", null), __publicField(_a, "_accessToken", null), __publicField(_a, "_apiHost", "api.youversion.com"), __publicField(_a, "_isPreviewMode", false), __publicField(_a, "_previewUserInfo", null), _a);
 var HighlightsClient = class {
   /**
    * Creates a new HighlightsClient instance.
@@ -13073,9 +13071,6 @@ var HighlightsClient = class {
     __publicField(this, "colorSchema", external_exports.string().regex(/^[0-9a-f]{6}$/i, "Color must be a 6-character hex string without #"));
     this.client = client;
   }
-  get rootPath() {
-    return `/${this.client.config.version}`;
-  }
   /**
    * Gets the authentication token, either from the provided parameter or from the platform configuration.
    * @param lat Optional explicit long access token. If not provided, retrieves from YouVersionPlatformConfiguration.
@@ -13145,7 +13140,7 @@ var HighlightsClient = class {
       this.validatePassageId(options.passage_id);
       params.passage_id = options.passage_id;
     }
-    return this.client.get(`${this.rootPath}/highlights`, params);
+    return this.client.get(`/v1/highlights`, params);
   }
   /**
    * Creates or updates a highlight on a passage.
@@ -13160,7 +13155,7 @@ var HighlightsClient = class {
     this.validatePassageId(data.passage_id);
     this.validateColor(data.color);
     const token = this.getAuthToken(lat);
-    return this.client.post(`${this.rootPath}/highlights`, data, { lat: token });
+    return this.client.post(`/v1/highlights`, data, { lat: token });
   }
   /**
    * Clears highlights for a passage.
@@ -13180,7 +13175,7 @@ var HighlightsClient = class {
       this.validateVersionId(options.version_id);
       params.version_id = options.version_id;
     }
-    await this.client.delete(`${this.rootPath}/highlights/${passageId}`, params);
+    await this.client.delete(`/v1/highlights/${passageId}`, params);
   }
 };
 var AuthClient = class {
@@ -13464,13 +13459,13 @@ var YouVersionAPI = class {
       Accept: "application/json",
       "Content-Type": "application/json"
     };
-    const appId = YouVersionPlatformConfiguration.appId;
-    if (appId) {
-      headers["X-App-Id"] = appId;
+    const appKey = YouVersionPlatformConfiguration.appKey;
+    if (appKey) {
+      headers["X-YVP-App-Key"] = appKey;
     }
     const installationId = YouVersionPlatformConfiguration.installationId;
     if (installationId) {
-      headers["x-yvp-installation-id"] = installationId;
+      headers["X-YVP-Installation-ID"] = installationId;
     }
     const request = new Request(url2.toString(), {
       headers
@@ -13482,15 +13477,15 @@ var URLBuilder = class {
   static get baseURL() {
     return new URL(`https://${YouVersionPlatformConfiguration.apiHost}`);
   }
-  static authURL(appId, requiredPermissions = /* @__PURE__ */ new Set(), optionalPermissions = /* @__PURE__ */ new Set()) {
-    if (typeof appId !== "string" || appId.trim().length === 0) {
-      throw new Error("appId must be a non-empty string");
+  static authURL(appKey, requiredPermissions = /* @__PURE__ */ new Set(), optionalPermissions = /* @__PURE__ */ new Set()) {
+    if (typeof appKey !== "string" || appKey.trim().length === 0) {
+      throw new Error("appKey must be a non-empty string");
     }
     try {
       const url2 = new URL(this.baseURL);
       url2.pathname = "/auth/login";
       const searchParams = new URLSearchParams();
-      searchParams.append("app_id", appId);
+      searchParams.append("APP_KEY", appKey);
       searchParams.append("language", "en");
       if (requiredPermissions.size > 0) {
         const requiredList = Array.from(requiredPermissions).map((p) => p.toString());
@@ -13552,11 +13547,11 @@ var YouVersionAPIUsers = class {
     if (!optionalPermissions || !(optionalPermissions instanceof Set)) {
       throw new Error("Invalid optionalPermissions: must be a Set");
     }
-    const appId = YouVersionPlatformConfiguration.appId;
-    if (!appId) {
-      throw new Error("YouVersionPlatformConfiguration.appId must be set before calling signIn");
+    const appKey = YouVersionPlatformConfiguration.appKey;
+    if (!appKey) {
+      throw new Error("YouVersionPlatformConfiguration.appKey must be set before calling signIn");
     }
-    const url2 = URLBuilder.authURL(appId, requiredPermissions, optionalPermissions);
+    const url2 = URLBuilder.authURL(appKey, requiredPermissions, optionalPermissions);
     const strategy = AuthenticationStrategyRegistry.get();
     const callbackUrl = await strategy.authenticate(url2);
     const result = new SignInWithYouVersionResult(callbackUrl);
@@ -14202,7 +14197,7 @@ function Root3({
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 Accordion,
                 {
-                  className: "yv:relative yv:overflow-y-auto yv:bg-background yv:mx-6 yv:shadow-[inset_0_-16px_16px_-12px_rgba(0,0,0,0.1)]",
+                  className: "yv:relative yv:overflow-y-auto yv:bg-background yv:mx-6",
                   type: "single",
                   collapsible: true,
                   defaultValue: defaultBook || book || "GEN",
@@ -14270,204 +14265,929 @@ function Trigger3({ asChild = true, children, ...props }) {
   const { books, loading } = (0, import_platform_react_hooks.useBooks)(versionId);
   const currentBook = books?.data?.find((bookItem) => bookItem.id === book);
   const buttonText = loading ? "Loading..." : `${currentBook?.title || "Select a chapter"}${chapter ? ` ${chapter}` : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverTrigger, { asChild, ...props, children: children || /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: background === "light" ? "outline" : "default", children: buttonText }) });
+  const content = typeof children === "function" ? children({ book, chapter, currentBook, loading }) : children || /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: background === "light" ? "outline" : "default", children: buttonText });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverTrigger, { asChild, ...props, children: content });
 }
 var BibleChapterPicker = Object.assign({}, { Root: Root3, Trigger: Trigger3 });
 
-// src/components/SignInButton.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_lucide_react3 = require("lucide-react");
-
-// src/providers/YVPProvider.tsx
-var import_react3 = require("react");
+// src/components/bible-reader.tsx
+var import_react4 = require("react");
+var import_react_use_controllable_state3 = require("@radix-ui/react-use-controllable-state");
+var import_platform_react_hooks4 = require("@youversion/platform-react-hooks");
 
-// src/providers/YVPErrorBoundary.tsx
+// src/components/bible-version-picker.tsx
 var import_react2 = require("react");
+var import_react_use_controllable_state2 = require("@radix-ui/react-use-controllable-state");
+var import_platform_react_hooks2 = require("@youversion/platform-react-hooks");
+
+// src/components/ui/item.tsx
+var React6 = require("react");
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var YVPErrorBoundary = class extends import_react2.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-  static getDerivedStateFromError(error46) {
-    return { hasError: true, error: error46 };
-  }
-  componentDidCatch(error46, errorInfo) {
-    const { onError } = this.props;
-    if (onError) {
-      onError(error46, errorInfo);
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: cn("yv:group/item-group yv:flex yv:flex-col", className),
+      ...props
     }
-    if (process.env.NODE_ENV === "development") {
-      console.error("YVP Error Boundary caught error:", error46, errorInfo);
+  );
+}
+var itemVariants = (0, import_class_variance_authority3.cva)(
+  "yv:group/item yv:flex yv:items-center yv:border yv:border-transparent yv:text-sm yv:rounded-md yv:transition-colors yv:[a]:hover:bg-accent/50 yv:[a]:transition-colors yv:duration-100 yv:flex-wrap yv:outline-none yv:focus-visible:border-ring yv:focus-visible:ring-ring/50 yv:focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "yv:bg-transparent",
+        outline: "yv:border-border",
+        muted: "yv:bg-muted/50"
+      },
+      size: {
+        default: "yv:p-4 yv:gap-4 yv:",
+        sm: "yv:py-3 yv:px-4 yv:gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
   }
-  render() {
-    const { hasError, error: error46 } = this.state;
-    const { children, fallback } = this.props;
-    const isDevelopment = process.env.NODE_ENV === "development";
-    if (hasError) {
-      if (fallback) {
-        return fallback;
+);
+function Item2({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot2.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = (0, import_class_variance_authority3.cva)(
+  "yv:flex yv:shrink-0 yv:items-center yv:justify-center yv:gap-2 yv:group-has-[[data-slot=item-description]]/item:self-start yv:[&_svg]:pointer-events-none yv:group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "yv:bg-transparent",
+        icon: "yv:size-8 yv:border yv:rounded-sm yv:bg-muted yv:[&_svg:not([class*=size-])]:size-4",
+        image: "yv:size-10 yv:rounded-sm yv:overflow-hidden yv:[&_img]:size-full yv:[&_img]:object-cover"
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { padding: "20px", textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { children: "Something went wrong" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "We encountered an error while loading YouVersion Platform components." }),
-        isDevelopment && error46 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("details", { style: { marginTop: "10px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("summary", { children: "Error details (development only)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { style: { textAlign: "left", overflow: "auto" }, children: error46.toString() })
-        ] })
-      ] });
+    },
+    defaultVariants: {
+      variant: "default"
     }
-    return children;
   }
-};
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn(
+        "yv:flex yv:flex-1 yv:flex-col yv:gap-1 yv:[&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn(
+        "yv:flex yv:w-fit yv:items-center yv:gap-2 yv:text-sm yv:leading-snug yv:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn(
+        "yv:text-muted-foreground yv:line-clamp-2 yv:text-sm yv:leading-normal yv:font-normal yv:text-balance",
+        "yv:[&>a:hover]:text-primary yv:[&>a]:underline yv:[&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
-// src/providers/YVPProvider.tsx
+// src/components/bible-version-picker.tsx
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/ui/badge.tsx
+var React7 = require("react");
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var YVPContext = (0, import_react3.createContext)(null);
-function YVPProvider({
-  config: config2,
-  children,
-  errorFallback,
-  onError,
-  theme = "light"
-}) {
-  const [authState, setAuthState] = (0, import_react3.useState)({
-    isAuthenticated: false,
-    isLoading: false,
-    accessToken: null,
-    result: null,
-    error: null
-  });
-  (0, import_react3.useEffect)(() => {
-    const initializeAuth = () => {
-      YouVersionPlatformConfiguration.appId = config2.appId;
-      YouVersionPlatformConfiguration.installationId = config2.installationId ?? null;
-      const strategy = new WebAuthenticationStrategy({
-        redirectUri: config2.redirectUri || ""
-      });
-      AuthenticationStrategyRegistry.register(strategy);
-      const existingToken = YouVersionPlatformConfiguration.accessToken;
-      if (existingToken) {
-        setAuthState({
-          isAuthenticated: true,
-          isLoading: false,
-          accessToken: existingToken,
-          result: null,
-          error: null
-        });
-        return;
-      }
-      WebAuthenticationStrategy.handleCallback();
-      const storedCallback = WebAuthenticationStrategy.getStoredCallback();
-      if (storedCallback) {
-        try {
-          const result = new SignInWithYouVersionResult(storedCallback);
-          const { accessToken, errorMsg } = result;
-          if (accessToken) {
-            YouVersionPlatformConfiguration.setAccessToken(accessToken);
-          }
-          setAuthState({
-            isAuthenticated: !!accessToken,
-            isLoading: false,
-            accessToken: accessToken ?? null,
-            result,
-            error: errorMsg ? new Error(errorMsg) : null
-          });
-        } catch (error46) {
-          setAuthState({
-            isAuthenticated: false,
-            isLoading: false,
-            accessToken: null,
-            result: null,
-            error: error46
-          });
-        }
-      } else {
-        setAuthState({
-          isAuthenticated: false,
-          isLoading: false,
-          accessToken: null,
-          result: null,
-          error: null
-        });
+var badgeVariants = (0, import_class_variance_authority4.cva)(
+  "yv:inline-flex yv:items-center yv:justify-center yv:rounded-full yv:border yv:px-2 yv:py-0.5 yv:text-xs yv:font-medium yv:w-fit yv:whitespace-nowrap yv:shrink-0 yv:[&>svg]:size-3 yv:gap-1 yv:[&>svg]:pointer-events-none yv:focus-visible:border-ring yv:focus-visible:ring-ring/50 yv:focus-visible:ring-[3px] yv:aria-invalid:ring-destructive/20 yv:dark:aria-invalid:ring-destructive/40 yv:aria-invalid:border-destructive yv:transition-[color,box-shadow] yv:overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "yv:border-transparent yv:bg-primary yv:text-primary-foreground yv:[a&]:hover:bg-primary/90",
+        secondary: "yv:border-transparent yv:bg-muted yv:text-muted-foreground yv:[a&]:hover:bg-muted/90",
+        destructive: "yv:border-transparent yv:bg-destructive yv:text-white yv:[a&]:hover:bg-destructive/90 yv:focus-visible:ring-destructive/20 yv:dark:focus-visible:ring-destructive/40 yv:dark:bg-destructive/60",
+        outline: "yv:text-foreground yv:[a&]:hover:bg-accent yv:[a&]:hover:text-accent-foreground"
       }
-    };
-    initializeAuth();
-  }, [config2.appId, config2.installationId, config2.redirectUri]);
-  const signOut = (0, import_react3.useCallback)(() => {
-    YouVersionPlatformConfiguration.setAccessToken(null);
-    setAuthState({
-      isAuthenticated: false,
-      isLoading: false,
-      accessToken: null,
-      result: null,
-      error: null
-    });
-  }, []);
-  const fetchUserInfo = (0, import_react3.useCallback)(async () => {
-    if (!authState.isAuthenticated || !authState.accessToken) {
-      throw new Error("User is not authenticated");
+    },
+    defaultVariants: {
+      variant: "default"
     }
-    return YouVersionAPIUsers.userInfo(authState.accessToken);
-  }, [authState.isAuthenticated, authState.accessToken]);
-  const value = {
-    config: config2,
-    client: ApiClient,
-    auth: authState,
-    signOut,
-    fetchUserInfo
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(YVPErrorBoundary, { fallback: errorFallback, onError, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(YVPContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "yv:contents", "data-yv-sdk": true, "data-yv-theme": theme, children }) }) });
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot3.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
 }
-function useYVP() {
-  const context = (0, import_react3.useContext)(YVPContext);
+
+// src/components/bible-version-picker.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var BibleVersionPickerContext = (0, import_react2.createContext)(null);
+function useBibleVersionPickerContext() {
+  const context = (0, import_react2.useContext)(BibleVersionPickerContext);
   if (!context) {
-    throw new Error("useYVP must be used within a YVPProvider");
+    throw new Error("BibleVersionPicker components must be used within BibleVersionPicker.Root");
   }
   return context;
 }
-
-// src/hooks/useAuthentication.ts
-var import_react4 = require("react");
-function useAuthentication() {
-  const { auth, signOut, fetchUserInfo, client: _client } = useYVP();
-  const signIn = (0, import_react4.useCallback)(
-    async (requiredPermissions = [], optionalPermissions = []) => {
-      return await YouVersionAPIUsers.signIn(
-        new Set(requiredPermissions),
-        new Set(optionalPermissions)
-      );
-    },
-    []
+function Root4({
+  versionId: controlledVersionId,
+  onVersionChange,
+  background = "light",
+  side = "top",
+  children
+}) {
+  const [versionId, setVersionIdState] = (0, import_react_use_controllable_state2.useControllableState)({
+    prop: controlledVersionId,
+    defaultProp: controlledVersionId,
+    onChange: onVersionChange
+  });
+  const [selectedLanguageId, setSelectedLanguageId] = (0, import_react2.useState)("en");
+  const [searchQuery, setSearchQuery] = (0, import_react2.useState)("");
+  const [isLanguagesOpen, setIsLanguagesOpen] = (0, import_react2.useState)(false);
+  const { languages: hookLanguages } = (0, import_platform_react_hooks2.useLanguages)({ country: "US" });
+  const languages = (0, import_react2.useMemo)(() => {
+    if (hookLanguages?.data && hookLanguages.data.length > 0) {
+      return hookLanguages.data.map((lang) => ({
+        id: lang.id || "",
+        englishName: lang.display_names?.en || lang.language,
+        name: lang.display_names?.[lang.id] || lang.language
+      }));
+    }
+    return [];
+  }, [hookLanguages?.data]);
+  const { versions } = (0, import_platform_react_hooks2.useVersions)(selectedLanguageId);
+  const filteredVersions = (0, import_platform_react_hooks2.useFilteredVersions)(
+    versions?.data || [],
+    searchQuery,
+    selectedLanguageId
   );
-  return {
-    auth,
-    signIn,
-    signOut,
-    fetchUserInfo
-  };
+  const contextValue = {
+    versionId,
+    setVersionId: setVersionIdState,
+    background,
+    side,
+    languages,
+    selectedLanguageId,
+    setSelectedLanguageId,
+    searchQuery,
+    setSearchQuery,
+    filteredVersions,
+    isLanguagesOpen,
+    setIsLanguagesOpen
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BibleVersionPickerContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Popover, { children }) });
+}
+function Trigger4({ asChild = true, children, ...props }) {
+  const { versionId, background } = useBibleVersionPickerContext();
+  const { version: version2, loading } = (0, import_platform_react_hooks2.useVersion)(versionId);
+  const content = typeof children === "function" ? children({ version: version2, loading }) : children || /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    Button,
+    {
+      variant: background === "light" ? "outline" : "default",
+      className: "yv:cursor-pointer",
+      children: version2?.local_abbreviation || "Select"
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverTrigger, { asChild, ...props, children: content });
 }
-
-// src/components/youversion-logo.tsx
-var React8 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function YouVersionLogo(props) {
+function Content3() {
+  const {
+    searchQuery,
+    setSearchQuery,
+    filteredVersions,
+    versionId,
+    setVersionId,
+    background,
+    side,
+    setIsLanguagesOpen,
+    isLanguagesOpen,
+    languages,
+    selectedLanguageId,
+    setSelectedLanguageId
+  } = useBibleVersionPickerContext();
+  const closeRef = (0, import_react2.useRef)(null);
+  const handleSelectLanguage = (languageId) => {
+    setSelectedLanguageId(languageId);
+    setIsLanguagesOpen(false);
+  };
+  const handleSelectVersion = (versionId2) => {
+    setVersionId(versionId2);
+    setIsLanguagesOpen(false);
+    closeRef.current?.click();
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "svg",
+    PopoverContent,
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 26 26",
-      role: "img",
-      "aria-label": "YouVersion",
-      ...props,
+      "data-yv-sdk": true,
+      "data-yv-theme": background === "dark" ? "dark" : "light",
+      side,
+      className: "yv:flex yv:flex-col yv:bg-background yv:p-0 yv:h-[66vh] yv:max-h-[66vh] yv:w-96 yv:sm:w-sm yv:overflow-hidden yv:rounded-2xl yv:border-0 yv:shadow-lg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "mask",
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "div",
           {
-            id: "youversion-logo-mask",
-            width: 26,
+            className: `yv:h-[66vh] yv:absolute yv:inset-0 yv:flex yv:flex-col yv:transition-all yv:duration-300 yv:rounded-2xl yv:origin-center ${isLanguagesOpen ? "yv:opacity-0 yv:pointer-events-none yv:blur-sm yv:scale-95" : "yv:opacity-100 yv:pointer-events-auto yv:blur-none yv:scale-100"}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: "yv:bg-muted yv:py-3 yv:w-full yv:rounded-t-2xl yv:px-4 yv:border-b yv:border-border yv:flex yv:flex-row yv:justify-between yv:items-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "yv:flex yv:flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "yv:font-bold yv:text-base yv:line-clamp-1", children: "Bible Versions" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "yv:flex yv:items-center yv:gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    Button,
+                    {
+                      "aria-label": "Select language",
+                      className: "yv:bg-card yv:border yv:border-transparent yv:hover:bg-card yv:hover:border-border",
+                      size: "sm",
+                      onClick: () => setIsLanguagesOpen(true),
+                      variant: "secondary",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Globe, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "yv:text-sm yv:font-medium yv:line-clamp-1", children: languages.find((language) => language.id === selectedLanguageId)?.englishName }),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                          Badge,
+                          {
+                            variant: "secondary",
+                            className: "yv:h-5 yv:min-w-5 yv:rounded-full yv:px-1 yv:font-mono yv:tabular-nums",
+                            children: filteredVersions.length
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    Button,
+                    {
+                      ref: closeRef,
+                      variant: "ghost",
+                      size: "icon",
+                      className: "yv:w-8 yv:h-8 yv:text-muted-foreground",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.X, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "yv:sr-only", children: "Close version selector" })
+                      ]
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "yv:flex-1 yv:overflow-y-auto yv:py-2", children: filteredVersions && filteredVersions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemGroup, { children: filteredVersions.map((version2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                Item2,
+                {
+                  className: cn(
+                    "yv:hover:bg-muted yv:rounded-[8px]",
+                    versionId === version2.id ? "yv:bg-muted" : ""
+                  ),
+                  size: "sm",
+                  variant: "default",
+                  role: "listitem",
+                  asChild: true,
+                  "aria-label": version2.title,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "yv:w-full",
+                      onClick: () => handleSelectVersion(version2.id),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                          ItemMedia,
+                          {
+                            variant: "icon",
+                            className: "yv:rounded-[8px] yv:size-12 yv:border-border",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "yv:font-serif yv:font-bold", children: version2.local_abbreviation })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemContent, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemTitle, { className: "yv:line-clamp-2", children: version2.title }) })
+                      ]
+                    }
+                  )
+                },
+                version2.id
+              )) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "yv:w-full yv:flex yv:items-center yv:justify-center yv:py-8 yv:text-center yv:text-muted-foreground yv:text-sm", children: "No versions found" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { className: "yv:bg-muted yv:border-t yv:border-border yv:p-4 yv:w-full yv:rounded-b-2xl yv:flex yv:gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "yv:flex-1 yv:relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  import_lucide_react3.Search,
+                  {
+                    size: 13,
+                    className: "yv:absolute yv:left-3 yv:top-1/2 yv:-translate-y-1/2 yv:text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  Input,
+                  {
+                    className: "yv:rounded-3xl yv:bg-background yv:pl-9 yv:py-3 yv:border-border",
+                    type: "text",
+                    placeholder: "Search",
+                    value: searchQuery,
+                    onChange: (e) => setSearchQuery(e.target.value)
+                  }
+                )
+              ] }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "div",
+          {
+            className: `yv:h-[66vh] yv:absolute yv:inset-0 yv:flex yv:flex-col yv:transition-all yv:duration-300 yv:rounded-2xl yv:origin-center ${isLanguagesOpen ? "yv:opacity-100 yv:pointer-events-auto yv:blur-none yv:scale-100" : "yv:opacity-0 yv:pointer-events-none yv:blur-sm yv:scale-95"}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: "yv:bg-muted yv:py-3 yv:w-full yv:rounded-t-2xl yv:px-4 yv:border-b yv:border-border yv:grid yv:grid-cols-[auto_1fr] yv:gap-2 yv:items-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                  Button,
+                  {
+                    onClick: () => setIsLanguagesOpen(false),
+                    variant: "ghost",
+                    size: "icon",
+                    className: "yv:w-8 yv:h-8 yv:text-muted-foreground",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ArrowLeft, { size: 16 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "yv:sr-only", children: "Close Language selector" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "yv:font-bold yv:text-base", children: "Select Language" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemGroup, { className: "yv:overflow-y-auto yv:py-2", children: languages.map((language) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                Item2,
+                {
+                  className: "yv:hover:bg-muted yv:rounded-[8px]",
+                  size: "sm",
+                  role: "listitem",
+                  "aria-label": language.englishName,
+                  asChild: true,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "yv:w-full", onClick: () => handleSelectLanguage(language.id), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemContent, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemTitle, { className: "yv:line-clamp-2", children: language.englishName }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemContent, { className: "flex-none text-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ItemDescription, { children: language.name }) })
+                  ] })
+                },
+                language.id
+              )) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var BibleVersionPicker = Object.assign({}, { Root: Root4, Trigger: Trigger4, Content: Content3 });
+
+// src/components/verse.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_isomorphic_dompurify = __toESM(require("isomorphic-dompurify"), 1);
+var import_platform_react_hooks3 = require("@youversion/platform-react-hooks");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var NON_BREAKING_SPACE = "\xA0";
+var DOMPURIFY_CONFIG = {
+  ALLOWED_ATTR: ["class", "style", "id"],
+  ALLOW_DATA_ATTR: true
+};
+function yvDomTransformer(html) {
+  if (!window || !("DOMParser" in window)) {
+    return html;
+  }
+  const sanitizedHtml = import_isomorphic_dompurify.default.sanitize(html, DOMPURIFY_CONFIG);
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(sanitizedHtml, "text/html");
+  const paragraphs = doc.querySelectorAll(".yv-vlbl");
+  paragraphs.forEach((p) => {
+    const text = p.textContent || "";
+    if (!text.endsWith(NON_BREAKING_SPACE)) {
+      p.textContent = text + NON_BREAKING_SPACE;
+    }
+  });
+  const tables = doc.querySelectorAll("table");
+  tables.forEach((table) => {
+    const rows = table.querySelectorAll("tr");
+    if (rows.length === 0) return;
+    let maxColumns = 0;
+    rows.forEach((row) => {
+      const cells = row.querySelectorAll("td, th");
+      let rowColumnCount = 0;
+      cells.forEach((cell) => {
+        if (cell instanceof HTMLTableCellElement) {
+          const colspan = parseInt(cell.getAttribute("colspan") || "1", 10);
+          rowColumnCount += colspan;
+        } else {
+          rowColumnCount += 1;
+        }
+      });
+      maxColumns = Math.max(maxColumns, rowColumnCount);
+    });
+    if (maxColumns > 1) {
+      rows.forEach((row) => {
+        const cells = row.querySelectorAll("td, th");
+        if (cells.length === 1) {
+          const cell = cells[0];
+          if (cell instanceof HTMLTableCellElement) {
+            const existingColspan = parseInt(cell.getAttribute("colspan") || "1", 10);
+            if (existingColspan < maxColumns) {
+              cell.setAttribute("colspan", maxColumns.toString());
+            }
+          }
+        }
+      });
+    }
+  });
+  const modifiedHtml = doc.body.innerHTML;
+  return modifiedHtml;
+}
+var Verse = {
+  /**
+   * Renders a single verse with superscript number and text.
+   *
+   * @param props - The verse properties.
+   * @param props.number - The verse number.
+   * @param props.text - The verse text.
+   * @param props.size - The size variant. Defaults to 'default'.
+   * @returns The rendered verse element.
+   */
+  Text: ({ number: number4, text, size = "default" }) => {
+    if (size === "lg") {
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "yv:[&>p]:inline-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("sup", { className: "yv:text-muted-foreground yv:align-super yv:text-[0.6em]", children: number4 }),
+        "\xA0",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "yv:font-serif! yv:text-xl yv:text-primary", children: text }),
+        "\xA0"
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "yv:[&>p]:inline-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("sup", { className: "yv:text-muted-foreground yv:align-super yv:text-[0.6em]", children: number4 }),
+      "\xA0",
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "yv:text-primary", children: text }),
+      "\xA0"
+    ] });
+  },
+  Html: ({
+    html,
+    fontFamily,
+    fontSize,
+    lineHeight,
+    showVerseNumbers = true
+  }) => {
+    const [transformedHtml, setTransformedHtml] = import_react3.default.useState(html);
+    import_react3.default.useEffect(() => {
+      setTransformedHtml(yvDomTransformer(html));
+    }, [html]);
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "section",
+      {
+        style: {
+          ...fontFamily ? { "--yv-reader-font-family": fontFamily } : {},
+          ...fontSize ? { "--yv-reader-font-size": `${fontSize}px` } : {},
+          ...lineHeight ? { "--yv-reader-line-height": lineHeight } : {}
+        },
+        "data-show-verse-numbers": showVerseNumbers,
+        "data-slot": "yv-bible-renderer",
+        dangerouslySetInnerHTML: { __html: transformedHtml }
+      }
+    );
+  }
+};
+var BibleTextView = ({
+  reference,
+  fontFamily,
+  fontSize,
+  lineHeight,
+  versionId,
+  showVerseNumbers
+}) => {
+  const { passage, loading, error: error46 } = (0, import_platform_react_hooks3.usePassage)({
+    versionId,
+    usfm: reference,
+    include_headings: true,
+    include_notes: true
+  });
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Verse.Html,
+      {
+        html: "<span>Loading...</span>",
+        fontFamily,
+        fontSize,
+        lineHeight,
+        showVerseNumbers
+      }
+    );
+  }
+  if (error46) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Verse.Html,
+      {
+        html: '<span class="wj">We have run into an error...</span>',
+        fontFamily,
+        fontSize,
+        lineHeight,
+        showVerseNumbers
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Verse.Html,
+    {
+      html: passage?.content || "",
+      fontFamily,
+      fontSize,
+      lineHeight,
+      showVerseNumbers
+    }
+  );
+};
+
+// src/components/bible-reader.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var BibleReaderContext = (0, import_react4.createContext)(null);
+function useBibleReaderContext() {
+  const context = (0, import_react4.useContext)(BibleReaderContext);
+  if (!context) {
+    throw new Error("BibleReader components must be used within BibleReader.Root");
+  }
+  return context;
+}
+function Root5({
+  book: controlledBook,
+  defaultBook = "JHN",
+  onBookChange,
+  chapter: controlledChapter,
+  defaultChapter = "1",
+  onChapterChange,
+  versionId: controlledVersionId,
+  defaultVersionId = 111,
+  onVersionChange,
+  fontFamily,
+  fontSize = 16,
+  lineHeight,
+  showVerseNumbers = true,
+  background = "light",
+  children
+}) {
+  const [book, setBook] = (0, import_react_use_controllable_state3.useControllableState)({
+    prop: controlledBook,
+    defaultProp: defaultBook,
+    onChange: onBookChange
+  });
+  const [chapter, setChapter] = (0, import_react_use_controllable_state3.useControllableState)({
+    prop: controlledChapter,
+    defaultProp: defaultChapter,
+    onChange: onChapterChange
+  });
+  const [versionId, setVersionId] = (0, import_react_use_controllable_state3.useControllableState)({
+    prop: controlledVersionId,
+    defaultProp: defaultVersionId,
+    onChange: onVersionChange
+  });
+  const contextValue = {
+    book,
+    chapter,
+    versionId,
+    setBook,
+    setChapter,
+    setVersionId,
+    fontFamily,
+    fontSize,
+    lineHeight,
+    showVerseNumbers,
+    background
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BibleReaderContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      "data-yv-sdk": true,
+      "data-yv-theme": background === "dark" ? "dark" : "light",
+      className: "yv:flex yv:flex-col yv:h-full yv:bg-background yv:text-foreground",
+      children
+    }
+  ) });
+}
+function Content4() {
+  const { book, chapter, versionId, fontFamily, fontSize, lineHeight, showVerseNumbers } = useBibleReaderContext();
+  const { books } = (0, import_platform_react_hooks4.useBooks)(versionId);
+  const { version: version2 } = (0, import_platform_react_hooks4.useVersion)(versionId);
+  const bookData = (0, import_react4.useMemo)(() => {
+    return books?.data?.find((b) => b.id === book);
+  }, [books?.data, book]);
+  const usfmReference = `${book}.${chapter}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("main", { className: "yv:*:max-w-lg yv:flex yv:flex-col yv:items-center yv:gap-6 yv:overflow-y-auto yv:px-6 yv:max-sm:px-4 yv:py-12 yv:h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("h1", { className: "yv:flex yv:gap-2 yv:flex-col yv:justify-center yv:items-center yv:font-serif yv:text-muted-foreground yv:font-medium", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "span",
+        {
+          className: cn(
+            "yv:leading-none yv:block yv:text-2xl yv:transition-[filter]",
+            !bookData?.title && "yv:blur-sm"
+          ),
+          children: bookData?.title || "Loading..."
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "yv:leading-none yv:block yv:ml-2 yv:text-[2.5rem] yv:font-normal", children: chapter || "-" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      BibleTextView,
+      {
+        reference: usfmReference,
+        versionId,
+        fontFamily,
+        fontSize,
+        lineHeight,
+        showVerseNumbers
+      }
+    ),
+    version2?.copyright_short && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("footer", { style: { fontSize }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "yv:text-balance yv:text-[0.75em] yv:text-center yv:text-muted-foreground", children: version2.copyright_short }) })
+  ] });
+}
+function Toolbar({ border = "top" }) {
+  const { book, chapter, versionId, setBook, setChapter, setVersionId, background } = useBibleReaderContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "section",
+    {
+      className: cn(
+        "yv:flex yv:justify-center yv:gap-2 yv:p-4 yv:bg-background yv:border-border",
+        border === "top" && "yv:border-t",
+        border === "bottom" && "yv:border-b"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "yv:grid yv:w-full yv:grid-cols-2 yv:items-center yv:max-w-lg yv:gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          BibleChapterPicker.Root,
+          {
+            book,
+            chapter,
+            onBookChange: setBook,
+            onChapterChange: setChapter,
+            versionId,
+            background,
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BibleChapterPicker.Trigger, { "aria-label": "Change Bible book and chapter", children: ({ chapter: chapter2, currentBook, loading }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { variant: "secondary", className: "yv:rounded-r-none", disabled: loading, children: loading ? "Loading..." : `${currentBook?.title || "Select"} ${chapter2 || ""}` }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          BibleVersionPicker.Root,
+          {
+            versionId,
+            onVersionChange: setVersionId,
+            background,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BibleVersionPicker.Trigger, { "aria-label": "Change Bible version", children: ({ version: version2, loading }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { variant: "secondary", className: "yv:rounded-l-none", disabled: loading, children: loading ? "Loading..." : version2?.local_abbreviation || "Select version" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BibleVersionPicker.Content, {})
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+var BibleReader = Object.assign({}, { Root: Root5, Content: Content4, Toolbar });
+
+// src/components/SignInButton.tsx
+var import_react8 = __toESM(require("react"), 1);
+var import_lucide_react4 = require("lucide-react");
+
+// src/providers/YVPProvider.tsx
+var import_react6 = require("react");
+
+// src/providers/YVPErrorBoundary.tsx
+var import_react5 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var YVPErrorBoundary = class extends import_react5.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error46) {
+    return { hasError: true, error: error46 };
+  }
+  componentDidCatch(error46, errorInfo) {
+    const { onError } = this.props;
+    if (onError) {
+      onError(error46, errorInfo);
+    }
+    if (process.env.NODE_ENV === "development") {
+      console.error("YVP Error Boundary caught error:", error46, errorInfo);
+    }
+  }
+  render() {
+    const { hasError, error: error46 } = this.state;
+    const { children, fallback } = this.props;
+    const isDevelopment = process.env.NODE_ENV === "development";
+    if (hasError) {
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { padding: "20px", textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { children: "Something went wrong" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: "We encountered an error while loading YouVersion Platform components." }),
+        isDevelopment && error46 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("details", { style: { marginTop: "10px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("summary", { children: "Error details (development only)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pre", { style: { textAlign: "left", overflow: "auto" }, children: error46.toString() })
+        ] })
+      ] });
+    }
+    return children;
+  }
+};
+
+// src/providers/YVPProvider.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var YVPContext = (0, import_react6.createContext)(null);
+function YVPProvider({
+  config: config2,
+  children,
+  errorFallback,
+  onError,
+  theme = "light"
+}) {
+  const [authState, setAuthState] = (0, import_react6.useState)({
+    isAuthenticated: false,
+    isLoading: false,
+    accessToken: null,
+    result: null,
+    error: null
+  });
+  (0, import_react6.useEffect)(() => {
+    const initializeAuth = () => {
+      YouVersionPlatformConfiguration.appKey = config2.appKey;
+      YouVersionPlatformConfiguration.installationId = config2.installationId ?? null;
+      const strategy = new WebAuthenticationStrategy({
+        redirectUri: config2.redirectUri || ""
+      });
+      AuthenticationStrategyRegistry.register(strategy);
+      const existingToken = YouVersionPlatformConfiguration.accessToken;
+      if (existingToken) {
+        setAuthState({
+          isAuthenticated: true,
+          isLoading: false,
+          accessToken: existingToken,
+          result: null,
+          error: null
+        });
+        return;
+      }
+      WebAuthenticationStrategy.handleCallback();
+      const storedCallback = WebAuthenticationStrategy.getStoredCallback();
+      if (storedCallback) {
+        try {
+          const result = new SignInWithYouVersionResult(storedCallback);
+          const { accessToken, errorMsg } = result;
+          if (accessToken) {
+            YouVersionPlatformConfiguration.setAccessToken(accessToken);
+          }
+          setAuthState({
+            isAuthenticated: !!accessToken,
+            isLoading: false,
+            accessToken: accessToken ?? null,
+            result,
+            error: errorMsg ? new Error(errorMsg) : null
+          });
+        } catch (error46) {
+          setAuthState({
+            isAuthenticated: false,
+            isLoading: false,
+            accessToken: null,
+            result: null,
+            error: error46
+          });
+        }
+      } else {
+        setAuthState({
+          isAuthenticated: false,
+          isLoading: false,
+          accessToken: null,
+          result: null,
+          error: null
+        });
+      }
+    };
+    initializeAuth();
+  }, [config2.appKey, config2.installationId, config2.redirectUri]);
+  const signOut = (0, import_react6.useCallback)(() => {
+    YouVersionPlatformConfiguration.setAccessToken(null);
+    setAuthState({
+      isAuthenticated: false,
+      isLoading: false,
+      accessToken: null,
+      result: null,
+      error: null
+    });
+  }, []);
+  const fetchUserInfo = (0, import_react6.useCallback)(async () => {
+    if (!authState.isAuthenticated || !authState.accessToken) {
+      throw new Error("User is not authenticated");
+    }
+    return YouVersionAPIUsers.userInfo(authState.accessToken);
+  }, [authState.isAuthenticated, authState.accessToken]);
+  const value = {
+    config: config2,
+    client: ApiClient,
+    auth: authState,
+    signOut,
+    fetchUserInfo
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(YVPErrorBoundary, { fallback: errorFallback, onError, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(YVPContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "yv:contents", "data-yv-sdk": true, "data-yv-theme": theme, children }) }) });
+}
+function useYVP() {
+  const context = (0, import_react6.useContext)(YVPContext);
+  if (!context) {
+    throw new Error("useYVP must be used within a YVPProvider");
+  }
+  return context;
+}
+
+// src/hooks/useAuthentication.ts
+var import_react7 = require("react");
+function useAuthentication() {
+  const { auth, signOut, fetchUserInfo, client: _client } = useYVP();
+  const signIn = (0, import_react7.useCallback)(
+    async (requiredPermissions = [], optionalPermissions = []) => {
+      return await YouVersionAPIUsers.signIn(
+        new Set(requiredPermissions),
+        new Set(optionalPermissions)
+      );
+    },
+    []
+  );
+  return {
+    auth,
+    signIn,
+    signOut,
+    fetchUserInfo
+  };
+}
+
+// src/components/youversion-logo.tsx
+var React11 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function YouVersionLogo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 26 26",
+      role: "img",
+      "aria-label": "YouVersion",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "mask",
+          {
+            id: "youversion-logo-mask",
+            width: 26,
             height: 26,
             x: 0,
             y: 0,
@@ -14475,7 +15195,7 @@ function YouVersionLogo(props) {
             style: {
               maskType: "alpha"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "path",
               {
                 fill: "url(#youversion-logo-gradient-a)",
@@ -14486,9 +15206,9 @@ function YouVersionLogo(props) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { mask: "url(#youversion-logo-mask)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "url(#youversion-logo-gradient-c)", d: "M0 0h26v26H0z" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { mask: "url(#youversion-logo-mask)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fill: "url(#youversion-logo-gradient-c)", d: "M0 0h26v26H0z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "path",
             {
               fill: "#FEF5EB",
@@ -14497,8 +15217,8 @@ function YouVersionLogo(props) {
               clipRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#FF3D4D", d: "M4.774 20.468h4.073v3.055l-2.036-1.019-2.037 1.019v-3.055Z" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fill: "#FF3D4D", d: "M4.774 20.468h4.073v3.055l-2.036-1.019-2.037 1.019v-3.055Z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "path",
             {
               fill: "#FEF5EB",
@@ -14506,8 +15226,8 @@ function YouVersionLogo(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "linearGradient",
             {
               id: "youversion-logo-gradient-a",
@@ -14517,12 +15237,12 @@ function YouVersionLogo(props) {
               y2: 26,
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("stop", { stopColor: "#C93D34" }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("stop", { stopColor: "#C93D34" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "linearGradient",
             {
               id: "youversion-logo-gradient-c",
@@ -14532,8 +15252,8 @@ function YouVersionLogo(props) {
               y2: 26,
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("stop", { stopColor: "#C93D34" }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("stop", { stopColor: "#C93D34" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
               ]
             }
           )
@@ -14544,8 +15264,8 @@ function YouVersionLogo(props) {
 }
 
 // src/components/SignInButton.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var SignInButton = import_react5.default.forwardRef(
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var SignInButton = import_react8.default.forwardRef(
   ({
     background = "light",
     className,
@@ -14561,7 +15281,7 @@ var SignInButton = import_react5.default.forwardRef(
     ...props
   }, ref) => {
     const { signIn, auth } = useAuthentication();
-    const [localLoading, setLocalLoading] = import_react5.default.useState(false);
+    const [localLoading, setLocalLoading] = import_react8.default.useState(false);
     const handleClick = async (e) => {
       e.preventDefault();
       if (onClick) {
@@ -14586,9 +15306,9 @@ var SignInButton = import_react5.default.forwardRef(
     if (size === "short") {
       buttonCopy = "Sign in";
     }
-    const loadingSpinner = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.Loader2, { className: "yv:z-20 yv:absolute yv:left-1/2 yv:top-1/2 yv:animate-spin yv:-translate-x-1/2 yv:-translate-y-1/2 yv:fill-primary-foreground yv:text-primary" });
+    const loadingSpinner = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Loader2, { className: "yv:z-20 yv:absolute yv:left-1/2 yv:top-1/2 yv:animate-spin yv:-translate-x-1/2 yv:-translate-y-1/2 yv:fill-primary-foreground yv:text-primary" });
     if (size === "icon") {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         Button,
         {
           ...props,
@@ -14611,13 +15331,13 @@ var SignInButton = import_react5.default.forwardRef(
           variant: background === "light" ? "outline" : "default",
           children: [
             buttonLoading ? loadingSpinner : null,
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(YouVersionLogo, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "yv:sr-only", children: buttonCopy })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(YouVersionLogo, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "yv:sr-only", children: buttonCopy })
           ]
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       Button,
       {
         ...props,
@@ -14640,7 +15360,7 @@ var SignInButton = import_react5.default.forwardRef(
         variant: background === "light" ? "outline" : "default",
         children: [
           buttonLoading ? loadingSpinner : null,
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(YouVersionLogo, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(YouVersionLogo, {}),
           buttonCopy
         ]
       }
@@ -14650,12 +15370,12 @@ var SignInButton = import_react5.default.forwardRef(
 SignInButton.displayName = "SignInButton";
 
 // src/components/verse-of-the-day.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 
 // src/components/icons/votd.tsx
-var import_react6 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var SvgComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+var import_react9 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var SvgComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "svg",
   {
     width: "44",
@@ -14665,8 +15385,8 @@ var SvgComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: "Sun" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: "Sun" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -14680,8 +15400,8 @@ var SvgComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
 );
 
 // src/components/icons/share.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var SvgComponent2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var SvgComponent2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14691,14 +15411,14 @@ var SvgComponent2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "path",
         {
           fill: "currentColor",
           d: "M16.121 9.187a1 1 0 0 1-1.414 0L13 7.48V15a1 1 0 1 1-2 0V7.348L9.121 9.227a1 1 0 1 1-1.414-1.414l3.52-3.52a1 1 0 0 1 1.414 0l3.48 3.48a1 1 0 0 1 0 1.414Z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -14710,8 +15430,8 @@ var SvgComponent2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
 );
 
 // src/components/bible-app-logo-lockup.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14721,8 +15441,8 @@ var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: "Bible App" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: "Bible App" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "mask",
         {
           id: "bible-app-logo-lockup-mask",
@@ -14734,7 +15454,7 @@ var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           style: {
             maskType: "alpha"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "path",
             {
               fill: "url(#bible-app-logo-lockup-gradient-a)",
@@ -14745,9 +15465,9 @@ var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("g", { mask: "url(#bible-app-logo-lockup-mask)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { fill: "url(#bible-app-logo-lockup-gradient-c)", d: "M63.562 0H80v16.438H63.562z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { mask: "url(#bible-app-logo-lockup-mask)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { fill: "url(#bible-app-logo-lockup-gradient-c)", d: "M63.562 0H80v16.438H63.562z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "path",
           {
             fill: "#FEF5EB",
@@ -14756,18 +15476,18 @@ var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { fill: "#FF3D4D", d: "M66.58 12.94h2.575v1.932l-1.287-.644-1.288.644v-1.931Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("g", { fill: "#FEF5EB", clipPath: "url(#bible-app-logo-lockup-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M70.602 5.614c.173.105.374.156.603.156.219 0 .42-.055.593-.17.178-.113.31-.273.407-.474.1-.206.146-.439.146-.694a1.57 1.57 0 0 0-.142-.694 1.05 1.05 0 0 0-.402-.452 1.135 1.135 0 0 0-.598-.156c-.219 0-.42.055-.598.17a1.15 1.15 0 0 0-.406.474 1.626 1.626 0 0 0-.142.694c0 .265.046.498.142.694.091.197.223.347.397.452Zm-.096-1.16c0-.232.027-.438.087-.616a.906.906 0 0 1 .246-.406.512.512 0 0 1 .356-.142c.133 0 .247.046.357.137.11.091.196.224.26.402.069.174.1.379.1.616 0 .233-.032.439-.09.617a.951.951 0 0 1-.248.41.516.516 0 0 1-.356.142.537.537 0 0 1-.356-.137.95.95 0 0 1-.265-.401 1.995 1.995 0 0 1-.091-.621ZM76.675 9.14a3.91 3.91 0 0 1-.014-.68l.005-.056h-.178l-.005.046a1.256 1.256 0 0 1-.073.36.324.324 0 0 1-.141.16.704.704 0 0 1-.302.05h-.25a.696.696 0 0 1-.17-.013.073.073 0 0 1-.046-.05.654.654 0 0 1-.018-.174v-.78h.178c.082 0 .142.022.183.059.041.036.069.1.082.187.014.096.019.15.023.169l.005.041H76.122l-.004-.05a8.485 8.485 0 0 1-.023-.489v-.164c0-.119.005-.228.01-.324l.004-.05H75.936l-.005.04-.01.07c-.009.077-.022.14-.036.186a.188.188 0 0 1-.073.11c-.032.027-.082.046-.155.046h-.178v-.768c0-.086.009-.141.018-.173.01-.028.023-.041.046-.046a.637.637 0 0 1 .169-.018h.287c.119 0 .201.018.251.046a.241.241 0 0 1 .105.132c.023.064.046.174.06.32l.004.045h.178l-.009-.054a2.264 2.264 0 0 1-.009-.21c0-.12.01-.252.023-.402l.005-.055h-1.832v.164l.046.005a.719.719 0 0 1 .165.023.07.07 0 0 1 .05.05c.009.032.018.087.018.173v1.708c0 .087-.01.142-.018.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.004v.165h1.9v-.05ZM74.543 5.724l-.005-.055a3.91 3.91 0 0 1-.014-.717l.005-.055h-.178l-.005.046a1.678 1.678 0 0 1-.073.38.31.31 0 0 1-.146.173.693.693 0 0 1-.301.054h-.251a.695.695 0 0 1-.17-.013.072.072 0 0 1-.045-.05.653.653 0 0 1-.018-.174V3.587c0-.087.009-.142.018-.174a.072.072 0 0 1 .046-.05.82.82 0 0 1 .168-.023l.046-.004v-.164h-.982V3.34l.046.005a.72.72 0 0 1 .165.023.07.07 0 0 1 .05.05c.009.032.018.087.018.173v1.713c0 .087-.01.141-.018.173a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.005v.164l1.904.005ZM68.762 8.034c-.091-.095-.233-.164-.411-.205a.685.685 0 0 0 .27-.2.61.61 0 0 0 .136-.389.522.522 0 0 0-.21-.434c-.137-.11-.329-.16-.57-.16l-.996-.009V6.806l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.717c0 .087-.01.142-.019.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.004v.169l1.073-.004c.178 0 .329-.028.461-.087a.705.705 0 0 0 .306-.256.666.666 0 0 0 .11-.374.555.555 0 0 0-.17-.439Zm-1.078-.977a.71.71 0 0 1 .018-.173c.01-.032.028-.046.046-.06a.349.349 0 0 1 .142-.018c.164 0 .269.041.333.11.064.073.1.187.1.356a.637.637 0 0 1-.105.383c-.059.083-.173.133-.356.133h-.182v-.73h.004Zm.662 1.818c-.096.091-.242.137-.452.137a.375.375 0 0 1-.146-.019c-.023-.009-.036-.027-.046-.054a.639.639 0 0 1-.018-.17v-.826h.242c.21 0 .352.046.434.128.087.082.132.205.132.379 0 .2-.05.338-.146.425ZM72.232 8.034s-.004 0 0 0c-.004 0-.004 0 0 0a.812.812 0 0 0-.41-.205.686.686 0 0 0 .269-.2.61.61 0 0 0 .137-.389.522.522 0 0 0-.21-.434c-.138-.11-.33-.16-.571-.16l-.996-.009V6.806l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.717c0 .087-.01.142-.018.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.004v.169l1.073-.004c.178 0 .33-.028.462-.087a.706.706 0 0 0 .305-.256.667.667 0 0 0 .11-.374.588.588 0 0 0-.169-.439Zm-.242-1.191c-.004 0-.004 0 0 0Zm-.835.214c0-.082.009-.137.018-.173.009-.032.027-.046.045-.06a.35.35 0 0 1 .142-.018c.164 0 .27.041.333.11.064.073.1.187.1.356a.637.637 0 0 1-.104.383c-.06.083-.174.133-.356.133h-.183v-.73h.004Zm.662 1.818c-.096.091-.242.137-.452.137a.36.36 0 0 1-.147-.019c-.022-.009-.036-.027-.045-.054a.634.634 0 0 1-.019-.17v-.826h.243c.21 0 .351.046.433.128.087.082.133.205.133.379 0 .2-.05.338-.146.425ZM69.2 6.637V6.806l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.717c0 .087-.01.142-.019.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.004v.169h.982V9.03l-.046-.005a.824.824 0 0 1-.169-.023.073.073 0 0 1-.046-.05.654.654 0 0 1-.018-.173V7.062c0-.087.01-.142.018-.174a.073.073 0 0 1 .046-.05.824.824 0 0 1 .17-.023l.045-.004v-.164l-.982-.01ZM68.328 5.724v-.165l-.046-.004a.823.823 0 0 1-.169-.023.072.072 0 0 1-.045-.05.648.648 0 0 1-.019-.174v-.785h1.028v.78c0 .087-.01.142-.019.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.005v.164h.982V5.55l-.046-.004a.821.821 0 0 1-.169-.023.072.072 0 0 1-.045-.05.653.653 0 0 1-.019-.174V3.587c0-.087.01-.142.019-.174a.072.072 0 0 1 .045-.05.821.821 0 0 1 .17-.023l.045-.004v-.169h-.982v.164l.046.005a.719.719 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v.767h-1.028v-.762c0-.087.01-.142.019-.174a.072.072 0 0 1 .045-.05.824.824 0 0 1 .17-.023l.045-.004v-.164h-.982V3.34l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.713c0 .086-.01.141-.019.173a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.005v.169h.982ZM74.465 3.372c.027.023.06.064.1.142l.699 1.287v.503c0 .086-.01.141-.018.173a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.005v.169l.927-.005.05.005v-.165l-.045-.004a.82.82 0 0 1-.169-.023.072.072 0 0 1-.046-.05.652.652 0 0 1-.018-.174v-.616l.539-1.069a1.07 1.07 0 0 1 .132-.205.244.244 0 0 1 .11-.078l.036-.009v-.16h-.703l-.05-.004v.164h.046c.1 0 .164.018.205.041.032.018.05.046.05.096a.673.673 0 0 1-.086.274l-.402.795-.53-1.014a.195.195 0 0 1-.027-.1c0-.014.004-.023.009-.033a.047.047 0 0 1 .027-.022c.028-.019.082-.028.16-.028h.05v-.173h-.885v.178h.05c.004 0 .023.004.05.027ZM74.538 8.701c0-.119.005-.21.01-.278l.004-.055h-.178l-.005.045a1.678 1.678 0 0 1-.073.38.32.32 0 0 1-.142.173.693.693 0 0 1-.3.055h-.252a.696.696 0 0 1-.169-.014.072.072 0 0 1-.046-.05.648.648 0 0 1-.018-.174V7.066c0-.086.01-.141.018-.173a.072.072 0 0 1 .046-.05.824.824 0 0 1 .169-.023l.046-.005v-.164h-.982V6.82l.046.004a.719.719 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.018.087.018.174v1.703c0 .087-.009.142-.018.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.004v.164h1.9l-.005-.054a5.229 5.229 0 0 1-.023-.434Z" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { fill: "#FF3D4D", d: "M66.58 12.94h2.575v1.932l-1.287-.644-1.288.644v-1.931Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { fill: "#FEF5EB", clipPath: "url(#bible-app-logo-lockup-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M70.602 5.614c.173.105.374.156.603.156.219 0 .42-.055.593-.17.178-.113.31-.273.407-.474.1-.206.146-.439.146-.694a1.57 1.57 0 0 0-.142-.694 1.05 1.05 0 0 0-.402-.452 1.135 1.135 0 0 0-.598-.156c-.219 0-.42.055-.598.17a1.15 1.15 0 0 0-.406.474 1.626 1.626 0 0 0-.142.694c0 .265.046.498.142.694.091.197.223.347.397.452Zm-.096-1.16c0-.232.027-.438.087-.616a.906.906 0 0 1 .246-.406.512.512 0 0 1 .356-.142c.133 0 .247.046.357.137.11.091.196.224.26.402.069.174.1.379.1.616 0 .233-.032.439-.09.617a.951.951 0 0 1-.248.41.516.516 0 0 1-.356.142.537.537 0 0 1-.356-.137.95.95 0 0 1-.265-.401 1.995 1.995 0 0 1-.091-.621ZM76.675 9.14a3.91 3.91 0 0 1-.014-.68l.005-.056h-.178l-.005.046a1.256 1.256 0 0 1-.073.36.324.324 0 0 1-.141.16.704.704 0 0 1-.302.05h-.25a.696.696 0 0 1-.17-.013.073.073 0 0 1-.046-.05.654.654 0 0 1-.018-.174v-.78h.178c.082 0 .142.022.183.059.041.036.069.1.082.187.014.096.019.15.023.169l.005.041H76.122l-.004-.05a8.485 8.485 0 0 1-.023-.489v-.164c0-.119.005-.228.01-.324l.004-.05H75.936l-.005.04-.01.07c-.009.077-.022.14-.036.186a.188.188 0 0 1-.073.11c-.032.027-.082.046-.155.046h-.178v-.768c0-.086.009-.141.018-.173.01-.028.023-.041.046-.046a.637.637 0 0 1 .169-.018h.287c.119 0 .201.018.251.046a.241.241 0 0 1 .105.132c.023.064.046.174.06.32l.004.045h.178l-.009-.054a2.264 2.264 0 0 1-.009-.21c0-.12.01-.252.023-.402l.005-.055h-1.832v.164l.046.005a.719.719 0 0 1 .165.023.07.07 0 0 1 .05.05c.009.032.018.087.018.173v1.708c0 .087-.01.142-.018.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.004v.165h1.9v-.05ZM74.543 5.724l-.005-.055a3.91 3.91 0 0 1-.014-.717l.005-.055h-.178l-.005.046a1.678 1.678 0 0 1-.073.38.31.31 0 0 1-.146.173.693.693 0 0 1-.301.054h-.251a.695.695 0 0 1-.17-.013.072.072 0 0 1-.045-.05.653.653 0 0 1-.018-.174V3.587c0-.087.009-.142.018-.174a.072.072 0 0 1 .046-.05.82.82 0 0 1 .168-.023l.046-.004v-.164h-.982V3.34l.046.005a.72.72 0 0 1 .165.023.07.07 0 0 1 .05.05c.009.032.018.087.018.173v1.713c0 .087-.01.141-.018.173a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.005v.164l1.904.005ZM68.762 8.034c-.091-.095-.233-.164-.411-.205a.685.685 0 0 0 .27-.2.61.61 0 0 0 .136-.389.522.522 0 0 0-.21-.434c-.137-.11-.329-.16-.57-.16l-.996-.009V6.806l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.717c0 .087-.01.142-.019.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.004v.169l1.073-.004c.178 0 .329-.028.461-.087a.705.705 0 0 0 .306-.256.666.666 0 0 0 .11-.374.555.555 0 0 0-.17-.439Zm-1.078-.977a.71.71 0 0 1 .018-.173c.01-.032.028-.046.046-.06a.349.349 0 0 1 .142-.018c.164 0 .269.041.333.11.064.073.1.187.1.356a.637.637 0 0 1-.105.383c-.059.083-.173.133-.356.133h-.182v-.73h.004Zm.662 1.818c-.096.091-.242.137-.452.137a.375.375 0 0 1-.146-.019c-.023-.009-.036-.027-.046-.054a.639.639 0 0 1-.018-.17v-.826h.242c.21 0 .352.046.434.128.087.082.132.205.132.379 0 .2-.05.338-.146.425ZM72.232 8.034s-.004 0 0 0c-.004 0-.004 0 0 0a.812.812 0 0 0-.41-.205.686.686 0 0 0 .269-.2.61.61 0 0 0 .137-.389.522.522 0 0 0-.21-.434c-.138-.11-.33-.16-.571-.16l-.996-.009V6.806l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.717c0 .087-.01.142-.018.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.004v.169l1.073-.004c.178 0 .33-.028.462-.087a.706.706 0 0 0 .305-.256.667.667 0 0 0 .11-.374.588.588 0 0 0-.169-.439Zm-.242-1.191c-.004 0-.004 0 0 0Zm-.835.214c0-.082.009-.137.018-.173.009-.032.027-.046.045-.06a.35.35 0 0 1 .142-.018c.164 0 .27.041.333.11.064.073.1.187.1.356a.637.637 0 0 1-.104.383c-.06.083-.174.133-.356.133h-.183v-.73h.004Zm.662 1.818c-.096.091-.242.137-.452.137a.36.36 0 0 1-.147-.019c-.022-.009-.036-.027-.045-.054a.634.634 0 0 1-.019-.17v-.826h.243c.21 0 .351.046.433.128.087.082.133.205.133.379 0 .2-.05.338-.146.425ZM69.2 6.637V6.806l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.717c0 .087-.01.142-.019.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.004v.169h.982V9.03l-.046-.005a.824.824 0 0 1-.169-.023.073.073 0 0 1-.046-.05.654.654 0 0 1-.018-.173V7.062c0-.087.01-.142.018-.174a.073.073 0 0 1 .046-.05.824.824 0 0 1 .17-.023l.045-.004v-.164l-.982-.01ZM68.328 5.724v-.165l-.046-.004a.823.823 0 0 1-.169-.023.072.072 0 0 1-.045-.05.648.648 0 0 1-.019-.174v-.785h1.028v.78c0 .087-.01.142-.019.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.005v.164h.982V5.55l-.046-.004a.821.821 0 0 1-.169-.023.072.072 0 0 1-.045-.05.653.653 0 0 1-.019-.174V3.587c0-.087.01-.142.019-.174a.072.072 0 0 1 .045-.05.821.821 0 0 1 .17-.023l.045-.004v-.169h-.982v.164l.046.005a.719.719 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v.767h-1.028v-.762c0-.087.01-.142.019-.174a.072.072 0 0 1 .045-.05.824.824 0 0 1 .17-.023l.045-.004v-.164h-.982V3.34l.046.005a.72.72 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.019.087.019.173v1.713c0 .086-.01.141-.019.173a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.005v.169h.982ZM74.465 3.372c.027.023.06.064.1.142l.699 1.287v.503c0 .086-.01.141-.018.173a.07.07 0 0 1-.05.05.72.72 0 0 1-.165.023l-.046.005v.169l.927-.005.05.005v-.165l-.045-.004a.82.82 0 0 1-.169-.023.072.072 0 0 1-.046-.05.652.652 0 0 1-.018-.174v-.616l.539-1.069a1.07 1.07 0 0 1 .132-.205.244.244 0 0 1 .11-.078l.036-.009v-.16h-.703l-.05-.004v.164h.046c.1 0 .164.018.205.041.032.018.05.046.05.096a.673.673 0 0 1-.086.274l-.402.795-.53-1.014a.195.195 0 0 1-.027-.1c0-.014.004-.023.009-.033a.047.047 0 0 1 .027-.022c.028-.019.082-.028.16-.028h.05v-.173h-.885v.178h.05c.004 0 .023.004.05.027ZM74.538 8.701c0-.119.005-.21.01-.278l.004-.055h-.178l-.005.045a1.678 1.678 0 0 1-.073.38.32.32 0 0 1-.142.173.693.693 0 0 1-.3.055h-.252a.696.696 0 0 1-.169-.014.072.072 0 0 1-.046-.05.648.648 0 0 1-.018-.174V7.066c0-.086.01-.141.018-.173a.072.072 0 0 1 .046-.05.824.824 0 0 1 .169-.023l.046-.005v-.164h-.982V6.82l.046.004a.719.719 0 0 1 .164.023.07.07 0 0 1 .05.05c.01.032.018.087.018.174v1.703c0 .087-.009.142-.018.174a.07.07 0 0 1-.05.05.72.72 0 0 1-.164.023l-.046.004v.164h1.9l-.005-.054a5.229 5.229 0 0 1-.023-.434Z" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "path",
         {
           fill: "currentColor",
           d: "M1 2.706h3.248c.684 0 1.245.066 1.683.198.438.122.785.298 1.039.526.263.219.443.482.539.789a3.1 3.1 0 0 1 .145.96c0 .394-.088.762-.263 1.104-.176.333-.496.61-.96.829.298.131.543.28.736.447.193.167.346.346.46.54.114.183.193.38.237.59a3.206 3.206 0 0 1-.118 1.71c-.114.342-.307.64-.579.895-.272.245-.627.442-1.065.591-.438.14-.978.21-1.618.21H1V2.707ZM4.431 6.56c.622 0 1.056-.114 1.302-.342.245-.228.368-.557.368-.987 0-.447-.145-.767-.434-.96-.28-.201-.772-.302-1.473-.302H2.538v2.59h1.894Zm0 4.26c.377 0 .688-.035.933-.105.255-.07.452-.17.592-.302.15-.132.255-.29.316-.474s.092-.39.092-.618c0-.473-.136-.833-.408-1.078-.263-.254-.723-.382-1.38-.382H2.537v2.96h1.894Zm6.373-8.114v1.486H9.253V2.706h1.552Zm-.026 2.552v6.838h-1.5V5.258h1.5ZM13.976 8.9c.009.439.061.798.158 1.079.105.28.236.504.394.67.167.167.355.28.566.342.21.062.43.092.657.092.246 0 .474-.043.684-.131.21-.088.395-.224.552-.408.158-.193.28-.443.369-.75.087-.306.131-.683.131-1.13 0-.43-.048-.794-.145-1.092a2.062 2.062 0 0 0-.355-.736 1.314 1.314 0 0 0-.539-.421 1.566 1.566 0 0 0-.631-.132 2.06 2.06 0 0 0-.842.158 1.493 1.493 0 0 0-.565.447 1.9 1.9 0 0 0-.329.697c-.07.263-.105.557-.105.881V8.9Zm.013-6.194v3.446c.272-.36.583-.631.934-.816.36-.192.775-.289 1.249-.289.49 0 .916.088 1.276.263.359.176.657.421.894.737a3.2 3.2 0 0 1 .526 1.144c.123.438.184.925.184 1.46 0 .56-.07 1.07-.21 1.525-.14.447-.342.828-.605 1.144a2.768 2.768 0 0 1-.947.736c-.368.167-.78.25-1.236.25-.412 0-.794-.079-1.144-.236-.351-.158-.671-.421-.96-.79v.816h-1.447v-9.39h1.486Zm8.053 0v9.39h-1.5v-9.39h1.5Zm7.8 7.365c-.123.71-.426 1.262-.908 1.657-.482.386-1.175.578-2.078.578-1.087 0-1.916-.31-2.485-.933-.561-.632-.842-1.517-.842-2.657 0-.587.079-1.109.237-1.565.166-.456.394-.837.684-1.144a2.868 2.868 0 0 1 1.052-.71c.412-.167.863-.25 1.354-.25.526 0 .982.083 1.368.25.386.158.706.386.96.684.254.29.443.64.565 1.052.123.403.184.855.184 1.354v.658h-4.905c.018.622.176 1.127.474 1.512.298.386.75.579 1.354.579.474 0 .829-.092 1.065-.276.237-.184.395-.447.474-.79h1.446Zm-1.368-2.065c0-.561-.132-1.004-.395-1.328-.263-.325-.684-.487-1.262-.487-.553 0-.973.167-1.263.5-.29.324-.456.763-.5 1.315h3.42Zm8.715-5.3h1.578l3.577 9.39h-1.696l-.881-2.393h-3.643l-.868 2.393h-1.644l3.577-9.39Zm2.144 5.668-1.394-3.866-1.381 3.866h2.775Zm3.992-3.116h1.46v.946c.28-.377.6-.661.96-.854.367-.202.788-.303 1.262-.303.482 0 .903.088 1.262.263.36.167.658.408.894.723.246.316.426.697.54 1.145.122.438.184.929.184 1.472 0 .553-.07 1.057-.21 1.513a3.46 3.46 0 0 1-.606 1.157 2.642 2.642 0 0 1-.933.736c-.368.167-.785.25-1.25.25-.368 0-.727-.07-1.078-.21-.35-.14-.68-.399-.986-.776v3.327h-1.5v-9.39Zm1.485 3.537c0 .447.049.82.145 1.118.097.29.224.522.382.697.166.175.355.298.565.368.22.07.447.105.684.105.245 0 .473-.043.684-.131.21-.088.394-.228.552-.421.158-.193.28-.443.368-.75.088-.306.132-.679.132-1.117 0-.447-.048-.82-.145-1.118a1.933 1.933 0 0 0-.368-.737 1.229 1.229 0 0 0-.526-.407 1.718 1.718 0 0 0-.631-.119c-.535 0-.978.176-1.329.526-.342.351-.513.903-.513 1.657v.33Zm6.541-3.537h1.46v.946c.28-.377.6-.661.96-.854a2.585 2.585 0 0 1 1.262-.303c.482 0 .903.088 1.263.263.36.167.657.408.894.723.245.316.425.697.54 1.145.122.438.183.929.183 1.472 0 .553-.07 1.057-.21 1.513a3.46 3.46 0 0 1-.605 1.157 2.642 2.642 0 0 1-.934.736c-.368.167-.784.25-1.25.25a2.88 2.88 0 0 1-1.078-.21c-.35-.14-.679-.399-.986-.776v3.327h-1.499v-9.39Zm1.486 3.537c0 .447.048.82.145 1.118.096.29.223.522.381.697.167.175.355.298.566.368.219.07.447.105.683.105.246 0 .474-.043.684-.131a1.41 1.41 0 0 0 .553-.421c.157-.193.28-.443.368-.75.087-.306.131-.679.131-1.117 0-.447-.048-.82-.144-1.118a1.933 1.933 0 0 0-.369-.737 1.228 1.228 0 0 0-.526-.407 1.717 1.717 0 0 0-.63-.119c-.536 0-.978.176-1.329.526-.342.351-.513.903-.513 1.657v.33Z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("defs", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("defs", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "linearGradient",
           {
             id: "bible-app-logo-lockup-gradient-a",
@@ -14777,12 +15497,12 @@ var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
             y2: 16.438,
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { stopColor: "#C93D34" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { stopColor: "#C93D34" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "linearGradient",
           {
             id: "bible-app-logo-lockup-gradient-c",
@@ -14792,182 +15512,20 @@ var SvgComponent3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
             y2: 16.438,
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { stopColor: "#C93D34" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { stopColor: "#C93D34" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("stop", { offset: 1, stopColor: "#7A2629" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("clipPath", { id: "bible-app-logo-lockup-clip", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { fill: "#fff", d: "M65.52 2.472h12.521V9.68h-12.52z" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "bible-app-logo-lockup-clip", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { fill: "#fff", d: "M65.52 2.472h12.521V9.68h-12.52z" }) })
       ] })
     ]
   }
 );
 
-// src/components/verse.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_isomorphic_dompurify = __toESM(require("isomorphic-dompurify"), 1);
-var import_platform_react_hooks2 = require("@youversion/platform-react-hooks");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var NON_BREAKING_SPACE = "\xA0";
-var DOMPURIFY_CONFIG = {
-  ALLOWED_ATTR: ["class", "style", "id"],
-  ALLOW_DATA_ATTR: true
-};
-function yvDomTransformer(html) {
-  if (!window || !("DOMParser" in window)) {
-    return html;
-  }
-  const sanitizedHtml = import_isomorphic_dompurify.default.sanitize(html, DOMPURIFY_CONFIG);
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(sanitizedHtml, "text/html");
-  const paragraphs = doc.querySelectorAll(".yv-vlbl");
-  paragraphs.forEach((p) => {
-    const text = p.textContent || "";
-    if (!text.endsWith(NON_BREAKING_SPACE)) {
-      p.textContent = text + NON_BREAKING_SPACE;
-    }
-  });
-  const tables = doc.querySelectorAll("table");
-  tables.forEach((table) => {
-    const rows = table.querySelectorAll("tr");
-    if (rows.length === 0) return;
-    let maxColumns = 0;
-    rows.forEach((row) => {
-      const cells = row.querySelectorAll("td, th");
-      let rowColumnCount = 0;
-      cells.forEach((cell) => {
-        if (cell instanceof HTMLTableCellElement) {
-          const colspan = parseInt(cell.getAttribute("colspan") || "1", 10);
-          rowColumnCount += colspan;
-        } else {
-          rowColumnCount += 1;
-        }
-      });
-      maxColumns = Math.max(maxColumns, rowColumnCount);
-    });
-    if (maxColumns > 1) {
-      rows.forEach((row) => {
-        const cells = row.querySelectorAll("td, th");
-        if (cells.length === 1) {
-          const cell = cells[0];
-          if (cell instanceof HTMLTableCellElement) {
-            const existingColspan = parseInt(cell.getAttribute("colspan") || "1", 10);
-            if (existingColspan < maxColumns) {
-              cell.setAttribute("colspan", maxColumns.toString());
-            }
-          }
-        }
-      });
-    }
-  });
-  const modifiedHtml = doc.body.innerHTML;
-  return modifiedHtml;
-}
-var Verse = {
-  /**
-   * Renders a single verse with superscript number and text.
-   *
-   * @param props - The verse properties.
-   * @param props.number - The verse number.
-   * @param props.text - The verse text.
-   * @param props.size - The size variant. Defaults to 'default'.
-   * @returns The rendered verse element.
-   */
-  Text: ({ number: number4, text, size = "default" }) => {
-    if (size === "lg") {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "yv:[&>p]:inline-block", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("sup", { className: "yv:text-muted-foreground yv:align-super yv:text-[0.6em]", children: number4 }),
-        "\xA0",
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "yv:font-serif! yv:text-xl yv:text-primary", children: text }),
-        "\xA0"
-      ] });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "yv:[&>p]:inline-block", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("sup", { className: "yv:text-muted-foreground yv:align-super yv:text-[0.6em]", children: number4 }),
-      "\xA0",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "yv:text-primary", children: text }),
-      "\xA0"
-    ] });
-  },
-  Html: ({
-    html,
-    fontFamily,
-    fontSize,
-    lineHeight,
-    showVerseNumbers = true
-  }) => {
-    const [transformedHtml, setTransformedHtml] = import_react7.default.useState(html);
-    import_react7.default.useEffect(() => {
-      setTransformedHtml(yvDomTransformer(html));
-    }, [html]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      "section",
-      {
-        style: {
-          ...fontFamily ? { "--yv-reader-font-family": fontFamily } : {},
-          ...fontSize ? { "--yv-reader-font-size": `${fontSize}px` } : {},
-          ...lineHeight ? { "--yv-reader-line-height": lineHeight } : {}
-        },
-        "data-show-verse-numbers": showVerseNumbers,
-        "data-slot": "yv-bible-renderer",
-        dangerouslySetInnerHTML: { __html: transformedHtml }
-      }
-    );
-  }
-};
-var BibleTextView = ({
-  reference,
-  fontFamily,
-  fontSize,
-  lineHeight,
-  versionId,
-  showVerseNumbers
-}) => {
-  const { passage, loading, error: error46 } = (0, import_platform_react_hooks2.usePassage)({
-    versionId,
-    usfm: reference,
-    include_headings: true,
-    include_notes: true
-  });
-  if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      Verse.Html,
-      {
-        html: "<span>Loading...</span>",
-        fontFamily,
-        fontSize,
-        lineHeight,
-        showVerseNumbers
-      }
-    );
-  }
-  if (error46) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      Verse.Html,
-      {
-        html: '<span class="wj">We have run into an error...</span>',
-        fontFamily,
-        fontSize,
-        lineHeight,
-        showVerseNumbers
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    Verse.Html,
-    {
-      html: passage?.content || "",
-      fontFamily,
-      fontSize,
-      lineHeight,
-      showVerseNumbers
-    }
-  );
-};
-
 // src/components/verse-of-the-day.tsx
-var import_platform_react_hooks3 = require("@youversion/platform-react-hooks");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_platform_react_hooks5 = require("@youversion/platform-react-hooks");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function VerseOfTheDay({
   dayOfYear,
   versionId = 1,
@@ -14978,20 +15536,20 @@ function VerseOfTheDay({
   showBibleAppAttribution = true,
   size = "default"
 }) {
-  const day = import_react8.default.useMemo(
-    () => dayOfYear || (0, import_platform_react_hooks3.getDayOfYear)(/* @__PURE__ */ new Date()),
+  const day = import_react10.default.useMemo(
+    () => dayOfYear || (0, import_platform_react_hooks5.getDayOfYear)(/* @__PURE__ */ new Date()),
     [dayOfYear]
   );
   const {
     data,
     loading: loadingVerseOfTheDay,
     error: errorVerseOfTheDay
-  } = (0, import_platform_react_hooks3.useVerseOfTheDay)(day);
+  } = (0, import_platform_react_hooks5.useVerseOfTheDay)(day);
   const {
     passage,
     loading: loadingPassage,
     error: errorPassage
-  } = (0, import_platform_react_hooks3.usePassage)({
+  } = (0, import_platform_react_hooks5.usePassage)({
     versionId,
     usfm: data?.passage_id || "",
     options: {
@@ -15008,34 +15566,34 @@ function VerseOfTheDay({
   } else {
     referenceText = "No verse found";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "section",
     {
       "data-size": size,
       className: "yv:data-[size=lg]:p-8 yv:data-[size=default]:p-4 yv:*:shrink-0 yv:font-sans yv:flex yv:flex-col yv:gap-3 yv:max-w-screen-sm yv:p-4 yv:shadow yv:rounded-2xl",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "yv:flex yv:items-center yv:gap-2", children: [
-          showSunIcon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "yv:flex yv:items-center yv:gap-2", children: [
+          showSunIcon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               "data-slot": "card-icon",
               className: "yv:col-start-1 yv:row-start-1 yv:self-start yv:justify-self-start",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SvgComponent, { className: "yv:shrink-0 yv:h-10 yv:w-10" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SvgComponent, { className: "yv:shrink-0 yv:h-10 yv:w-10" })
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "yv:grow yv:grid", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "yv:grow yv:grid", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "p",
             {
               className: "trim-both yv:line-clamp-1 yv:text-muted-foreground yv:uppercase yv:text-xs yv:font-medium yv:select-none",
               children: "Verse of The Day"
             }
           ) }),
-          showShareButton ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          showShareButton ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               "data-slot": "card-action",
               className: "yv:col-start-2 yv:row-span-2 yv:row-start-1 yv:self-start yv:justify-self-end",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 Button,
                 {
                   "aria-label": "Share",
@@ -15045,13 +15603,13 @@ function VerseOfTheDay({
                   onClick: () => alert("Share: To be implemented..."),
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SvgComponent2, { className: "yv:h-6! yv:w-6!" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SvgComponent2, { className: "yv:h-6! yv:w-6!" })
                 }
               )
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: passage ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: passage ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Verse.Html,
           {
             fontSize: size === "default" ? 16 : 20,
@@ -15059,13 +15617,13 @@ function VerseOfTheDay({
             html: passage?.content || ""
           }
         ) : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "yv:text-(--yv-gray-30) yv:font-medium yv:text-sm", children: referenceText }),
-        showReadFullChapterButton || showBibleAppAttribution ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "yv:text-(--yv-gray-30) yv:font-medium yv:text-sm", children: referenceText }),
+        showReadFullChapterButton || showBibleAppAttribution ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
           {
             className: 'yv:grid yv:grid-cols-1 yv:[:has([data-slot="card-action"]):has([data-slot="attribution"])]:grid-cols-2 yv:mt-4 yv:justify-between yv:items-center yv:gap-2 yv:w-full',
             children: [
-              showReadFullChapterButton ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              showReadFullChapterButton ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 Button,
                 {
                   "data-slot": "card-action",
@@ -15075,7 +15633,7 @@ function VerseOfTheDay({
                   children: "Read Full Chapter"
                 }
               ) : null,
-              showBibleAppAttribution ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              showBibleAppAttribution ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 SvgComponent3,
                 {
                   "data-slot": "attribution",
@@ -15091,7 +15649,7 @@ function VerseOfTheDay({
 }
 
 // src/index.ts
-var import_platform_react_hooks4 = require("@youversion/platform-react-hooks");
+var import_platform_react_hooks6 = require("@youversion/platform-react-hooks");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiClient,
@@ -15101,8 +15659,10 @@ var import_platform_react_hooks4 = require("@youversion/platform-react-hooks");
   BOOK_IDS,
   BibleChapterPicker,
   BibleClient,
+  BibleReader,
   BibleSDKProvider,
   BibleTextView,
+  BibleVersionPicker,
   HighlightsClient,
   LanguagesClient,
   MemoryStorageStrategy,