@depict-ai/react-ui 0.0.61 → 0.0.63

package/dist/index.d.ts

@@ -394,11 +394,14 @@ export function useDepictSearchModal(params: UseSearchModalParams): UseSearchMod
 interface SearchFieldProps {
     alignerRef?: React.RefObject<HTMLElement>;
 }
-interface SearchFieldReturn {
+interface UseDepictSearchFieldReturn {
     DepictSearchField: React.FC;
 }
-export const useDepictSearchField: (props: SearchFieldProps) => SearchFieldReturn;
-export const version = "0.0.61";
+interface SearchFieldProps {
+    alignerRef?: React.RefObject<HTMLElement>;
+}
+export const useDepictSearchField: (props: SearchFieldProps) => UseDepictSearchFieldReturn;
+export const version = "0.0.63";
 /**
  * Helper function to navigate to a new page depending on the navigation library used.
  */

package/dist/main.js

@@ -1,11 +1,11 @@
 var $4GYXz$depictaiutilishared = require("@depict-ai/utilishared");
 var $4GYXz$depictaiui = require("@depict-ai/ui");
 var $4GYXz$solidjs = require("solid-js");
-var $4GYXz$solidjsweb = require("solid-js/web");
 var $4GYXz$react = require("react");
+var $4GYXz$depictaiuilocales = require("@depict-ai/ui/locales");
+var $4GYXz$solidjsweb = require("solid-js/web");
 var $4GYXz$reactjsxruntime = require("react/jsx-runtime");
 var $4GYXz$reactdom = require("react-dom");
-var $4GYXz$depictaiuilocales = require("@depict-ai/ui/locales");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -20,7 +20,7 @@ $parcel$export(module.exports, "DepictSearchPage", () => $7ad7a3d0011b7b1b$expor
 $parcel$export(module.exports, "ImagePlaceholder", () => $df522c8a81ed5a01$export$3f37af283f8fb843);
 $parcel$export(module.exports, "TextPlaceholder", () => $7c8b440edc188ad5$export$89c6019e4baa40b1);
 $parcel$export(module.exports, "useDepictSearchModal", () => $3647cad61d03b89c$export$cc1e9aaf280afdcb);
-$parcel$export(module.exports, "useDepictSearchField", () => $913da7f4d0bc77f2$export$45080d603eda647c);
+$parcel$export(module.exports, "useDepictSearchField", () => $ca5840628781f899$export$45080d603eda647c);
 $parcel$export(module.exports, "CategoryTitle", () => $b03e4eee8610ebbe$re_export$CategoryTitle);
 $parcel$export(module.exports, "EmbeddedNumProducts", () => $b03e4eee8610ebbe$re_export$EmbeddedNumProducts);
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
@@ -30,6 +30,60 @@ $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a6
 
 
 
+
+
+
+let $6319748b4f0426f0$var$set = false;
+let $6319748b4f0426f0$var$padding_animation;
+function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
+    if ($6319748b4f0426f0$var$set) return; // Just being safe
+    $6319748b4f0426f0$var$set = true;
+    let should_use_old_scroll = false;
+    const old_scrollTo = window.scrollTo;
+    window.scrollTo = (...args)=>{
+        if (should_use_old_scroll || process.env.__NEXT_SCROLL_RESTORATION || !is_search_page(location)) return Reflect.apply(old_scrollTo, window, args);
+        else should_use_old_scroll = true;
+    };
+    addEventListener("popstate", (0, $4GYXz$depictaiutilishared.catchify)(()=>{
+        if (!is_search_page(location)) {
+            $6319748b4f0426f0$var$removeLotsOfPadding(); // Just making sure
+            return;
+        }
+        should_use_old_scroll = false;
+        $6319748b4f0426f0$var$addLotsOfPadding();
+        (0, $4GYXz$depictaiutilishared.observer).wait_for_element(".depict.plp .listing-page").then(()=>{
+            $6319748b4f0426f0$var$removeLotsOfPadding();
+        });
+    }));
+    (0, $4GYXz$depictaiutilishared.history_replacer)(()=>{
+        (0, $4GYXz$depictaiutilishared.queueMacroTask)(()=>{
+            $6319748b4f0426f0$var$removeLotsOfPadding();
+        });
+    }, false);
+    window?.next?.router?.events?.on("routeChangeStart", ()=>{
+        $6319748b4f0426f0$var$addLotsOfPadding();
+    });
+}
+/*
+ Here we want to be able to add padding that *definitely* gets applied and then be able to revert precisely to what was before.
+ The best way to achieve this is using an animation that with the fill set to none. This is because animations have the absolute highest precedence in CSS, even higher than !important. Then, to revert to the old padding, we just play the animation which is 1ms long so, it immediately finishes and whatever was defined before takes precedence again.
+ */ function $6319748b4f0426f0$var$addLotsOfPadding() {
+    if ($6319748b4f0426f0$var$padding_animation) return; // We're already showing a bunch of padding
+    $6319748b4f0426f0$var$padding_animation = document.body.animate({
+        paddingBottom: (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px",
+        offset: 0
+    }, 1);
+    $6319748b4f0426f0$var$padding_animation.pause();
+}
+function $6319748b4f0426f0$var$removeLotsOfPadding() {
+    if ($6319748b4f0426f0$var$padding_animation) {
+        $6319748b4f0426f0$var$padding_animation.play();
+        $6319748b4f0426f0$var$padding_animation = undefined;
+    }
+}
+
+
+
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
     search: null,
     category: null,
@@ -117,74 +171,6 @@ async function $b4d0d98857ed9934$export$79c79419c1ef0081({ display: display , in
 }
 
 
-const $03c714523ff406fc$export$bde46b5bb6287cea = (props)=>{
-    const ReactSearchField = ()=>{
-        return (0, $b4d0d98857ed9934$export$f6e64e17bd69eeef)((0, $b4d0d98857ed9934$export$e5139bbbb9a05035)(()=>(0, $4GYXz$depictaiui.SearchField)({
-                depict_search: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search,
-                aligner_ref: props?.alignerRef?.current
-            })), {});
-    };
-    return ReactSearchField;
-};
-
-
-
-
-
-
-
-let $6319748b4f0426f0$var$set = false;
-let $6319748b4f0426f0$var$padding_animation;
-function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
-    if ($6319748b4f0426f0$var$set) return; // Just being safe
-    $6319748b4f0426f0$var$set = true;
-    let should_use_old_scroll = false;
-    const old_scrollTo = window.scrollTo;
-    window.scrollTo = (...args)=>{
-        if (should_use_old_scroll || process.env.__NEXT_SCROLL_RESTORATION || !is_search_page(location)) return Reflect.apply(old_scrollTo, window, args);
-        else should_use_old_scroll = true;
-    };
-    addEventListener("popstate", (0, $4GYXz$depictaiutilishared.catchify)(()=>{
-        if (!is_search_page(location)) {
-            $6319748b4f0426f0$var$removeLotsOfPadding(); // Just making sure
-            return;
-        }
-        should_use_old_scroll = false;
-        $6319748b4f0426f0$var$addLotsOfPadding();
-        (0, $4GYXz$depictaiutilishared.observer).wait_for_element(".depict.plp .listing-page").then(()=>{
-            $6319748b4f0426f0$var$removeLotsOfPadding();
-        });
-    }));
-    (0, $4GYXz$depictaiutilishared.history_replacer)(()=>{
-        (0, $4GYXz$depictaiutilishared.queueMacroTask)(()=>{
-            $6319748b4f0426f0$var$removeLotsOfPadding();
-        });
-    }, false);
-    window?.next?.router?.events?.on("routeChangeStart", ()=>{
-        $6319748b4f0426f0$var$addLotsOfPadding();
-    });
-}
-/*
- Here we want to be able to add padding that *definitely* gets applied and then be able to revert precisely to what was before.
- The best way to achieve this is using an animation that with the fill set to none. This is because animations have the absolute highest precedence in CSS, even higher than !important. Then, to revert to the old padding, we just play the animation which is 1ms long so, it immediately finishes and whatever was defined before takes precedence again.
- */ function $6319748b4f0426f0$var$addLotsOfPadding() {
-    if ($6319748b4f0426f0$var$padding_animation) return; // We're already showing a bunch of padding
-    $6319748b4f0426f0$var$padding_animation = document.body.animate({
-        paddingBottom: (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px",
-        offset: 0
-    }, 1);
-    $6319748b4f0426f0$var$padding_animation.pause();
-}
-function $6319748b4f0426f0$var$removeLotsOfPadding() {
-    if ($6319748b4f0426f0$var$padding_animation) {
-        $6319748b4f0426f0$var$padding_animation.play();
-        $6319748b4f0426f0$var$padding_animation = undefined;
-    }
-}
-
-
-
-
 const $bc389476eeb2b615$export$599d4515591ef232 = (href)=>{
     const shallow = (0, $b4d0d98857ed9934$export$92a8f8b3c630fa0d)(location);
     window.next.router.push(href, undefined, {
@@ -485,8 +471,21 @@ function $3647cad61d03b89c$export$cc1e9aaf280afdcb(params) {
 
 
 
-const $913da7f4d0bc77f2$export$45080d603eda647c = (props)=>{
-    const SearchField = (0, $03c714523ff406fc$export$bde46b5bb6287cea)({
+
+
+const $5e06ce09dcfaf030$export$bde46b5bb6287cea = (props)=>{
+    const ReactSearchField = ()=>{
+        return (0, $b4d0d98857ed9934$export$f6e64e17bd69eeef)((0, $b4d0d98857ed9934$export$e5139bbbb9a05035)(()=>(0, $4GYXz$depictaiui.SearchField)({
+                depict_search: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search,
+                aligner_ref: props?.alignerRef?.current
+            })), {});
+    };
+    return ReactSearchField;
+};
+
+
+const $ca5840628781f899$export$45080d603eda647c = (props)=>{
+    const SearchField = (0, $5e06ce09dcfaf030$export$bde46b5bb6287cea)({
         alignerRef: props.alignerRef
     });
     return {
@@ -498,7 +497,7 @@ const $913da7f4d0bc77f2$export$45080d603eda647c = (props)=>{
 
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.61";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.63";
 
 
 

package/dist/module.js

@@ -1,17 +1,71 @@
-import {dlog as $TZSbU$dlog, href_change_ipns as $TZSbU$href_change_ipns, catchify as $TZSbU$catchify, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask, ContainedPlaceholderImage as $TZSbU$ContainedPlaceholderImage, Placeholder as $TZSbU$Placeholder} from "@depict-ai/utilishared";
-import {add_to_version_info as $TZSbU$add_to_version_info, CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, SearchField as $TZSbU$SearchField, DepictSearch as $TZSbU$DepictSearch, DepictCategory as $TZSbU$DepictCategory, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage, CategoryPage as $TZSbU$CategoryPage, BreadCrumbs as $TZSbU$BreadCrumbs, QuickLinks as $TZSbU$QuickLinks, styles_to_valid_css_string as $TZSbU$styles_to_valid_css_string, align_field as $TZSbU$align_field} from "@depict-ai/ui";
-import {createSignal as $TZSbU$createSignal, untrack as $TZSbU$untrack, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, onCleanup as $TZSbU$onCleanup, createRoot as $TZSbU$createRoot, createComputed as $TZSbU$createComputed} from "solid-js";
+import {dlog as $TZSbU$dlog, catchify as $TZSbU$catchify, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask, href_change_ipns as $TZSbU$href_change_ipns, ContainedPlaceholderImage as $TZSbU$ContainedPlaceholderImage, Placeholder as $TZSbU$Placeholder} from "@depict-ai/utilishared";
+import {add_to_version_info as $TZSbU$add_to_version_info, CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, DepictSearch as $TZSbU$DepictSearch, DepictCategory as $TZSbU$DepictCategory, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage, CategoryPage as $TZSbU$CategoryPage, BreadCrumbs as $TZSbU$BreadCrumbs, QuickLinks as $TZSbU$QuickLinks, styles_to_valid_css_string as $TZSbU$styles_to_valid_css_string, align_field as $TZSbU$align_field, SearchField as $TZSbU$SearchField} from "@depict-ai/ui";
+import {createRoot as $TZSbU$createRoot, untrack as $TZSbU$untrack, createSignal as $TZSbU$createSignal, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, onCleanup as $TZSbU$onCleanup, createComputed as $TZSbU$createComputed} from "solid-js";
+import {createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment, useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, forwardRef as $TZSbU$forwardRef} from "react";
+import {en as $TZSbU$en} from "@depict-ai/ui/locales";
 import {render as $TZSbU$render} from "solid-js/web";
-import {useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment, forwardRef as $TZSbU$forwardRef} from "react";
 import {jsx as $TZSbU$jsx} from "react/jsx-runtime";
 import {createPortal as $TZSbU$createPortal} from "react-dom";
-import {en as $TZSbU$en} from "@depict-ai/ui/locales";
 
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
 
 
 
+
+
+
+let $8071251ee4e9ffa1$var$set = false;
+let $8071251ee4e9ffa1$var$padding_animation;
+function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
+    if ($8071251ee4e9ffa1$var$set) return; // Just being safe
+    $8071251ee4e9ffa1$var$set = true;
+    let should_use_old_scroll = false;
+    const old_scrollTo = window.scrollTo;
+    window.scrollTo = (...args)=>{
+        if (should_use_old_scroll || process.env.__NEXT_SCROLL_RESTORATION || !is_search_page(location)) return Reflect.apply(old_scrollTo, window, args);
+        else should_use_old_scroll = true;
+    };
+    addEventListener("popstate", (0, $TZSbU$catchify)(()=>{
+        if (!is_search_page(location)) {
+            $8071251ee4e9ffa1$var$removeLotsOfPadding(); // Just making sure
+            return;
+        }
+        should_use_old_scroll = false;
+        $8071251ee4e9ffa1$var$addLotsOfPadding();
+        (0, $TZSbU$observer).wait_for_element(".depict.plp .listing-page").then(()=>{
+            $8071251ee4e9ffa1$var$removeLotsOfPadding();
+        });
+    }));
+    (0, $TZSbU$history_replacer)(()=>{
+        (0, $TZSbU$queueMacroTask)(()=>{
+            $8071251ee4e9ffa1$var$removeLotsOfPadding();
+        });
+    }, false);
+    window?.next?.router?.events?.on("routeChangeStart", ()=>{
+        $8071251ee4e9ffa1$var$addLotsOfPadding();
+    });
+}
+/*
+ Here we want to be able to add padding that *definitely* gets applied and then be able to revert precisely to what was before.
+ The best way to achieve this is using an animation that with the fill set to none. This is because animations have the absolute highest precedence in CSS, even higher than !important. Then, to revert to the old padding, we just play the animation which is 1ms long so, it immediately finishes and whatever was defined before takes precedence again.
+ */ function $8071251ee4e9ffa1$var$addLotsOfPadding() {
+    if ($8071251ee4e9ffa1$var$padding_animation) return; // We're already showing a bunch of padding
+    $8071251ee4e9ffa1$var$padding_animation = document.body.animate({
+        paddingBottom: (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px",
+        offset: 0
+    }, 1);
+    $8071251ee4e9ffa1$var$padding_animation.pause();
+}
+function $8071251ee4e9ffa1$var$removeLotsOfPadding() {
+    if ($8071251ee4e9ffa1$var$padding_animation) {
+        $8071251ee4e9ffa1$var$padding_animation.play();
+        $8071251ee4e9ffa1$var$padding_animation = undefined;
+    }
+}
+
+
+
 const $42858f023ef23dab$export$8e769ad4338a911e = {
     search: null,
     category: null,
@@ -99,74 +153,6 @@ async function $c83ba9ab79386687$export$79c79419c1ef0081({ display: display , in
 }
 
 
-const $02e2452814b6e7d6$export$bde46b5bb6287cea = (props)=>{
-    const ReactSearchField = ()=>{
-        return (0, $c83ba9ab79386687$export$f6e64e17bd69eeef)((0, $c83ba9ab79386687$export$e5139bbbb9a05035)(()=>(0, $TZSbU$SearchField)({
-                depict_search: (0, $42858f023ef23dab$export$8e769ad4338a911e).search,
-                aligner_ref: props?.alignerRef?.current
-            })), {});
-    };
-    return ReactSearchField;
-};
-
-
-
-
-
-
-
-let $8071251ee4e9ffa1$var$set = false;
-let $8071251ee4e9ffa1$var$padding_animation;
-function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
-    if ($8071251ee4e9ffa1$var$set) return; // Just being safe
-    $8071251ee4e9ffa1$var$set = true;
-    let should_use_old_scroll = false;
-    const old_scrollTo = window.scrollTo;
-    window.scrollTo = (...args)=>{
-        if (should_use_old_scroll || process.env.__NEXT_SCROLL_RESTORATION || !is_search_page(location)) return Reflect.apply(old_scrollTo, window, args);
-        else should_use_old_scroll = true;
-    };
-    addEventListener("popstate", (0, $TZSbU$catchify)(()=>{
-        if (!is_search_page(location)) {
-            $8071251ee4e9ffa1$var$removeLotsOfPadding(); // Just making sure
-            return;
-        }
-        should_use_old_scroll = false;
-        $8071251ee4e9ffa1$var$addLotsOfPadding();
-        (0, $TZSbU$observer).wait_for_element(".depict.plp .listing-page").then(()=>{
-            $8071251ee4e9ffa1$var$removeLotsOfPadding();
-        });
-    }));
-    (0, $TZSbU$history_replacer)(()=>{
-        (0, $TZSbU$queueMacroTask)(()=>{
-            $8071251ee4e9ffa1$var$removeLotsOfPadding();
-        });
-    }, false);
-    window?.next?.router?.events?.on("routeChangeStart", ()=>{
-        $8071251ee4e9ffa1$var$addLotsOfPadding();
-    });
-}
-/*
- Here we want to be able to add padding that *definitely* gets applied and then be able to revert precisely to what was before.
- The best way to achieve this is using an animation that with the fill set to none. This is because animations have the absolute highest precedence in CSS, even higher than !important. Then, to revert to the old padding, we just play the animation which is 1ms long so, it immediately finishes and whatever was defined before takes precedence again.
- */ function $8071251ee4e9ffa1$var$addLotsOfPadding() {
-    if ($8071251ee4e9ffa1$var$padding_animation) return; // We're already showing a bunch of padding
-    $8071251ee4e9ffa1$var$padding_animation = document.body.animate({
-        paddingBottom: (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px",
-        offset: 0
-    }, 1);
-    $8071251ee4e9ffa1$var$padding_animation.pause();
-}
-function $8071251ee4e9ffa1$var$removeLotsOfPadding() {
-    if ($8071251ee4e9ffa1$var$padding_animation) {
-        $8071251ee4e9ffa1$var$padding_animation.play();
-        $8071251ee4e9ffa1$var$padding_animation = undefined;
-    }
-}
-
-
-
-
 const $7216ca4c8308a0f9$export$599d4515591ef232 = (href)=>{
     const shallow = (0, $c83ba9ab79386687$export$92a8f8b3c630fa0d)(location);
     window.next.router.push(href, undefined, {
@@ -467,8 +453,21 @@ function $cfa72c75e6cf6901$export$cc1e9aaf280afdcb(params) {
 
 
 
-const $2b886cf548a4775c$export$45080d603eda647c = (props)=>{
-    const SearchField = (0, $02e2452814b6e7d6$export$bde46b5bb6287cea)({
+
+
+const $a732d80ca44c466d$export$bde46b5bb6287cea = (props)=>{
+    const ReactSearchField = ()=>{
+        return (0, $c83ba9ab79386687$export$f6e64e17bd69eeef)((0, $c83ba9ab79386687$export$e5139bbbb9a05035)(()=>(0, $TZSbU$SearchField)({
+                depict_search: (0, $42858f023ef23dab$export$8e769ad4338a911e).search,
+                aligner_ref: props?.alignerRef?.current
+            })), {});
+    };
+    return ReactSearchField;
+};
+
+
+const $e3ccaca62718bae4$export$45080d603eda647c = (props)=>{
+    const SearchField = (0, $a732d80ca44c466d$export$bde46b5bb6287cea)({
         alignerRef: props.alignerRef
     });
     return {
@@ -480,7 +479,7 @@ const $2b886cf548a4775c$export$45080d603eda647c = (props)=>{
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.61";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.63";
 
 
 
@@ -522,4 +521,4 @@ const $43099132aad1ceb6$var$package_name = "@depict-ai/react-ui";
 });
 
 
-export {$b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $4db0e2f013fc5124$export$3f4580d6398c5027 as DepictAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$d87c61cecb2edf0d as DepictCategoryPage, $4a678f0c87b12e78$export$210723f5a54a7028 as DepictSearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $cfa72c75e6cf6901$export$cc1e9aaf280afdcb as useDepictSearchModal, $2b886cf548a4775c$export$45080d603eda647c as useDepictSearchField, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation};
+export {$b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $4db0e2f013fc5124$export$3f4580d6398c5027 as DepictAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$d87c61cecb2edf0d as DepictCategoryPage, $4a678f0c87b12e78$export$210723f5a54a7028 as DepictSearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $cfa72c75e6cf6901$export$cc1e9aaf280afdcb as useDepictSearchModal, $e3ccaca62718bae4$export$45080d603eda647c as useDepictSearchField, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation};

package/dist-server/index.d.ts

@@ -2,7 +2,10 @@ type OpenModal = () => void;
 interface UseSearchModalReturn {
     open: OpenModal;
 }
-export const version = "0.0.61";
+interface UseDepictSearchFieldReturn {
+    DepictSearchField: React.FC;
+}
+export const version = "0.0.63";
 export function DepictProvider(props: any): any;
 export function DepictSearchPage(): any;
 export function DepictCategoryPage(): any;
@@ -16,8 +19,6 @@ export function DepictAligner(): import("react").DetailedReactHTMLElement<{
 }, HTMLElement>;
 export function ImagePlaceHolder(): any;
 export function TextPlaceholder(): any;
-export function useDepictSearchField(): {
-    SearchField: any;
-};
+export function useDepictSearchField(): UseDepictSearchFieldReturn;
 export function openModal(): void;
 export function useDepictSearchModal(): UseSearchModalReturn;

package/dist-server/main.js

@@ -19,7 +19,7 @@ $parcel$export(module.exports, "useDepictSearchModal", () => $41e7e5d85b5e0d49$e
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.61";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.63";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
@@ -65,7 +65,7 @@ function $41e7e5d85b5e0d49$export$89c6019e4baa40b1() {
 }
 function $41e7e5d85b5e0d49$export$45080d603eda647c() {
     return {
-        SearchField: (0, $5efvh$reactjsxruntime.jsx)("div", {
+        DepictSearchField: (0, $5efvh$reactjsxruntime.jsx)("div", {
             children: []
         })
     };

package/dist-server/module.js

@@ -3,7 +3,7 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.61";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.63";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
@@ -49,7 +49,7 @@ function $2b1fdeb83610500f$export$89c6019e4baa40b1() {
 }
 function $2b1fdeb83610500f$export$45080d603eda647c() {
     return {
-        SearchField: (0, $1RlIW$jsx)("div", {
+        DepictSearchField: (0, $1RlIW$jsx)("div", {
             children: []
         })
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -90,8 +90,8 @@
     "/locales"
   ],
   "dependencies": {
-    "@depict-ai/ui": "^0.0.38",
-    "@depict-ai/utilishared": "^0.0.36",
+    "@depict-ai/ui": "^0.0.40",
+    "@depict-ai/utilishared": "^0.0.38",
     "solid-js": "^1.6.2"
   },
   "peerDependencies": {