@depict-ai/ui 4.3.1 → 4.3.3

package/latest/index.d.ts

@@ -1,5 +1,5 @@
 import { JSX, Accessor, Signal, Setter } from "solid-js";
-import { Display, ColsAtSize, report, Amazing_Slider, ModernDisplay, Elem, TwoLetterMarket, Node_Array } from "@depict-ai/utilishared/latest";
+import { Display, ColsAtSize, report, Amazing_Slider, Elem, ModernDisplay, TwoLetterMarket, Node_Array } from "@depict-ai/utilishared/latest";
 import { SearchFilter, SearchRequestV3, SortModel } from "@depict-ai/types/api/SearchRequestV3";
 import { ContentLink, SearchResponse, SearchFilter as _SearchFilter1 } from "@depict-ai/types/api/SearchResponse";
 import { Ancestors, ListingSuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.1";
+export const version = "4.3.3";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -214,6 +214,10 @@ export function ShopifyResponsiveImg(props: {
   src: string;
   loading?: "eager" | "lazy" | "force-lazy";
   customUrls?: (url: string, width: number) => string;
+  /**
+   * When `true`, data written for ShopifyContainedImage's `autoAdjustAspectRatio` feature will only be allowed to be written the load after the image src has changed. This is to make css transitions on images whose size is animated smoother (since aspect ratio changing minimally as size changes will cause the transition to restart)
+   */
+  keyRatioUpdating?: boolean;
 } & Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, "srcset" | "src" | "sizes" | "loading">): JSX.Element;
 export const shopifyContainedImageContextSymbol: unique symbol;
 /**
@@ -225,13 +229,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
  * @property aspectRatio aspect ratio of the image
  * @property class extra class to add to the container
  * @property alt alt text for the image
- * @property autoAdjustAspectRatio whether to automatically adjust the aspect ratio of the image to the majority of the aspect ratios of loaded images in the current listing provider. Defaults to false. Can be overriden with css variable --image-aspect-ratio. If set to "smoothed", the aspect ratio will only be allowed to update after a 500ms setTimeout has finished since the aspect ratio last updated. This is for use when the image size is being transitioned and the aspect ratio too, to not restart the CSS transitions every time the aspect ratio changes slightly.
+ * @property autoAdjustAspectRatio whether to automatically adjust the aspect ratio of the image to the majority of the aspect ratios of loaded images in the current listing provider. Defaults to false. Can be overriden with css variable --image-aspect-ratio.
  * @property imgProps props to pass to ShopifyResponsiveImg to add to the <img> element
  */
 export function ShopifyContainedImage(props: {
   src: string;
   aspectRatio: number | string;
-  autoAdjustAspectRatio?: boolean | "smoothed";
+  autoAdjustAspectRatio?: boolean;
   class?: string;
   imgProps?: Omit<Parameters<typeof ShopifyResponsiveImg>[0], "size" | "src">;
 }): HTMLDivElement;
@@ -240,86 +244,110 @@ export function ShopifyContainedImage(props: {
  */
 export function ModernResponsiveContainedImage(props: Parameters<typeof ShopifyContainedImage>[0]): import("solid-js").JSX.Element;
 /**
- * Render a grid with provided recommendations. displayTransformers will not be applied for this since you yourself provide the displays. Options are reactive.
- */
-export function LooksSlider(props: {
-  gridSpacing_: SDKGridSpacing;
-  columnsAtSize_: SDKColsAtSize;
-  productId_: string;
-  merchant_: string;
-  market_: string;
-  locale_: string;
-  imagePlaceholderAspectRatio_: number | string;
-  title_?: JSX.Element;
-  FavoriteButton_?: (props: {
-    display_: Accessor<ModernDisplay | null | undefined>;
-  }) => JSX.Element;
-}): HTMLDivElement;
-export const prefixes_to_preserve_in_history_dot_state: Set<string>;
-/**
- * Prevent, usually SPAs, from deleting our stuff from history.state when they call history.pushState with a new object they have constructed. This will only run once no matter how often it's called.
- */
-export function preserve_items_in_history_dot_state(): void;
-/**
- * This function is used to determine if the user is trying to open a link in a new tab or window, and we therefore should not single page navigate
- * @param clickEvent The click event that triggered the navigation
- */
-export function allowNativeNavigation(clickEvent?: MouseEvent): number | boolean | undefined;
-/**
- * Symbol used to identify the version of a SearchModal function. Values right now: 1 = 1st gen classic modal, 2 = second gen modal
+ * PLP internationalisation shared between search and category listing
  */
-export const modalVersionSymbol: unique symbol;
-export type ModalAlignmentSignals = {
-  body_: Signal<JSX.CSSProperties>;
-  field_: Signal<JSX.CSSProperties>;
-  backdrop_?: Signal<JSX.CSSProperties>;
+type plp_shared_i18n = {
+  backend_locale_: string;
+  scroll_to_top_: string;
+  back_: string;
+  open_sorting_: string;
+  close_sorting_: string;
+  open_filters_: string;
+  close_filters_: string;
+  close_: string;
+  ok_: string;
+  filters_cleared_: string;
+  we_cleared_your_filters_: string;
+  restore_: string;
+  sorting_text_: string;
+  filter_text_: string;
+  selected_filters_title_: string;
+  filters_: string;
+  view_less_: string;
+  view_more_: string;
+  /**
+   * Also used for "clear all" in previous searches (TextSuggestions)
+   */
+  clear_all_from_filter_crumbs_: string;
+  clear_individual_filter_: string;
+  of_: string;
+  clear_all_filters_from_big_button_: string;
+  try_without_filters_: string;
+  range_filter_low_point_aria_label_: string;
+  range_filter_high_point_aria_label_: string;
+  morphing_sign_expanded_aria_label_: string;
+  morphing_sign_collapsed_aria_label_: string;
+  search_a_filter_: (filter_section: string) => string;
+  breadcrumbs_aria_label_: string;
+  breadcrumbs_separator_: string;
+  price_formatting_: {
+    pre_: string;
+    post_: string;
+    decimal_places_delimiter_: string;
+    thousands_delimiter_: string;
+    places_after_comma_: number | "auto";
+  };
 };
 /**
- * Flag to align by top
- */
-export const ALIGN_TOP = 1;
-/**
- * Flag to align by left
- */
-export const ALIGN_LEFT = 2;
-/**
- * Flag to also align the width of the modal to the element
- */
-export const ALIGN_WIDTH_ON_MODAL = 4;
-/**
- * Whether to align the center of the element to align to, to the center of the modal. If set, `transform: translateX(-50%)` will also be applied to the modal
+ * Search internationalisation
  */
-export const SET_CENTERED_LEFT = 16;
+interface search_i18n extends plp_shared_i18n {
+  placeholder_text_: string;
+  show_n_results_: (number_of_results: HTMLElement) => Elem[];
+  no_results_text_: string;
+  no_products_: string;
+  search_recs_title_: string;
+  clear_filters_query_sorting_after_submit_: string;
+  modal_view_all_results_: (number_of_results: HTMLElement) => Elem[];
+  modal_discover_more_: string;
+  get_showing_results_for_: (query: HTMLElement, number_of_results_element: HTMLElement, has_query: boolean, number_of_results: number | undefined) => Elem[];
+  get_showing_pages_for_: (query: HTMLElement, number_of_results_element: HTMLElement, has_query: boolean, number_of_results: number | undefined) => Elem[];
+  previous_searches_text_: string;
+  category_: string;
+  brand_: string;
+  suggestions_: string;
+  search_submit_button_aria_label_: string;
+  search_field_field_aria_label_: string;
+  previous_searches_delete_entry_from_history_: string;
+  listing_suggestions_: string;
+  content_: string;
+  previous_: string;
+  popular_: string;
+  products_: string;
+}
 /**
- * Useful for aligning the search modal to an element, like an existing input field
- * @param alignmentSignals a signal containing the style properties that will be applied to the modal body and serach field. You provide it to open_modal_ as `alignmentSignals_` when using SearchModal
- * @param input_field the element to align to.
- * @param alignment a bitmask of ALIGN_TOP, ALIGN_LEFT, ALIGN_WIDTH to determine how to align. Example: `ALIGN_TOP | ALIGN_LEFT` aligns both top and left
- * @param includeScroll Should the aligner offset with scrolling? Useful to set to false when using position: fixed
- * @param pollAlignment a reactive accessor, for the duration that it returns true the alignment will be re-ran every frame. Useful for when you're aligning to a moving element that doesn't change its width.
- * @returns a function that can be called any time to re-run the alignment routine in case that the elements have gone out of alignment
+ * Category internationalisation
  */
-export function align_field({
-  body_: [, setModalBodyStyle],
-  field_: [, setModalFiedlStyle]
-}: ModalAlignmentSignals, input_field: HTMLElement, alignment: number, includeScroll?: boolean, pollAlignment?: Accessor<boolean>): () => void;
+interface category_i18n extends plp_shared_i18n {
+  show_n_products_: (number_of_results: HTMLElement) => Elem[];
+  no_products_text_: string;
+  product_: string;
+  products_: string;
+  quicklinks_aria_label_: string;
+}
 /**
- * A good way of "debouncing" if one wants to update a value as aggressively as possible without overloading the network or the server. It ensures that as many requests are made as possible without making two requests at once.
- * This is for when you need a solid resource that has an accurate .loading value.
- *
- * Creates a sort of debounced/throttled resource - if the dependency changes while the fetcher is not running, the fetcher will instantly run. If the dependency changes while the fetcher is running, the fetcher will not run but a fetch with the dependency value will be queued. If the fetcher is already queued, the queued fetcher will be replaced with the new one. Once the running fetcher finishes, the queued fetcher will run.
- *
- * Caveats: the owner of the fetched might/will be incorrect, the resource will never have an error, instead the resource value will become undefined.
+ * For anything that is not exposed and only used internally we can use solid signals to get more performant rendering.
+ * For anything that can be used outside of solid, like Product Cards and InstantCards these types should not be used.
  *
- * @param dependency The value that the fetcher receives, when it updates the fetcher will run according to the rules described above
- * @param fetcher The function that fetches the resource, it receives the dependency value as an argument
+ * Any solid_ type below should not be exposed outside of this library, as the accessors can be confusing and unnecessary.
  */
-export function createDeparallelizedNoDropResource<T, X>(dependency: Accessor<T | undefined | null | false>, fetcher: (dependency: T) => Promise<X>): import("solid-js").Resource<X | undefined>;
+/** For internal components using i18n that gets wrapped in solid's Accessors */
+type solid_plp_shared_i18n = { [K in keyof plp_shared_i18n]: Accessor<plp_shared_i18n[K]> };
+/** For internal components using i18n that gets wrapped in solid's Accessors */
+type solid_search_i18n = { [K in keyof search_i18n]: Accessor<search_i18n[K]> };
 /**
- * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
- * @param fn the function to wrap
+ * Like standard_price_format except that the price and the formatting are reactive accessors
  */
-export function throw_globally<T extends (...args: any) => any>(fn?: T): (...args: Parameters<T>) => ReturnType<T> | undefined;
+export function SolidFormatPrice(props: {
+  price_: number;
+  price_formatting_: {
+    pre_: string;
+    post_: string;
+    decimal_places_delimiter_: string;
+    thousands_delimiter_: string;
+    places_after_comma_: number | "auto";
+  };
+}): JSX.Element;
 type DisplayTransformerAlwaysThereData = {
   merchant: string;
   market: string;
@@ -433,111 +461,6 @@ export class DepictAPI<InputDisplay extends Display, OutputDisplay extends Moder
     failed?: true | undefined;
   }>;
 }
-/**
- * PLP internationalisation shared between search and category listing
- */
-type plp_shared_i18n = {
-  backend_locale_: string;
-  scroll_to_top_: string;
-  back_: string;
-  open_sorting_: string;
-  close_sorting_: string;
-  open_filters_: string;
-  close_filters_: string;
-  close_: string;
-  ok_: string;
-  filters_cleared_: string;
-  we_cleared_your_filters_: string;
-  restore_: string;
-  sorting_text_: string;
-  filter_text_: string;
-  selected_filters_title_: string;
-  filters_: string;
-  view_less_: string;
-  view_more_: string;
-  /**
-   * Also used for "clear all" in previous searches (TextSuggestions)
-   */
-  clear_all_from_filter_crumbs_: string;
-  clear_individual_filter_: string;
-  of_: string;
-  clear_all_filters_from_big_button_: string;
-  try_without_filters_: string;
-  range_filter_low_point_aria_label_: string;
-  range_filter_high_point_aria_label_: string;
-  morphing_sign_expanded_aria_label_: string;
-  morphing_sign_collapsed_aria_label_: string;
-  search_a_filter_: (filter_section: string) => string;
-  breadcrumbs_aria_label_: string;
-  breadcrumbs_separator_: string;
-  price_formatting_: {
-    pre_: string;
-    post_: string;
-    decimal_places_delimiter_: string;
-    thousands_delimiter_: string;
-    places_after_comma_: number | "auto";
-  };
-};
-/**
- * Search internationalisation
- */
-interface search_i18n extends plp_shared_i18n {
-  placeholder_text_: string;
-  show_n_results_: (number_of_results: HTMLElement) => Elem[];
-  no_results_text_: string;
-  no_products_: string;
-  search_recs_title_: string;
-  clear_filters_query_sorting_after_submit_: string;
-  modal_view_all_results_: (number_of_results: HTMLElement) => Elem[];
-  modal_discover_more_: string;
-  get_showing_results_for_: (query: HTMLElement, number_of_results_element: HTMLElement, has_query: boolean, number_of_results: number | undefined) => Elem[];
-  get_showing_pages_for_: (query: HTMLElement, number_of_results_element: HTMLElement, has_query: boolean, number_of_results: number | undefined) => Elem[];
-  previous_searches_text_: string;
-  category_: string;
-  brand_: string;
-  suggestions_: string;
-  search_submit_button_aria_label_: string;
-  search_field_field_aria_label_: string;
-  previous_searches_delete_entry_from_history_: string;
-  listing_suggestions_: string;
-  content_: string;
-  previous_: string;
-  popular_: string;
-  products_: string;
-}
-/**
- * Category internationalisation
- */
-interface category_i18n extends plp_shared_i18n {
-  show_n_products_: (number_of_results: HTMLElement) => Elem[];
-  no_products_text_: string;
-  product_: string;
-  products_: string;
-  quicklinks_aria_label_: string;
-}
-/**
- * For anything that is not exposed and only used internally we can use solid signals to get more performant rendering.
- * For anything that can be used outside of solid, like Product Cards and InstantCards these types should not be used.
- *
- * Any solid_ type below should not be exposed outside of this library, as the accessors can be confusing and unnecessary.
- */
-/** For internal components using i18n that gets wrapped in solid's Accessors */
-type solid_plp_shared_i18n = { [K in keyof plp_shared_i18n]: Accessor<plp_shared_i18n[K]> };
-/** For internal components using i18n that gets wrapped in solid's Accessors */
-type solid_search_i18n = { [K in keyof search_i18n]: Accessor<search_i18n[K]> };
-/**
- * Like standard_price_format except that the price and the formatting are reactive accessors
- */
-export function SolidFormatPrice(props: {
-  price_: number;
-  price_formatting_: {
-    pre_: string;
-    post_: string;
-    decimal_places_delimiter_: string;
-    thousands_delimiter_: string;
-    places_after_comma_: number | "auto";
-  };
-}): JSX.Element;
 /**
  * Disables scrolling until the solidjs reactive scoped is disposed (onCleanup)
  * @returns A cleanup function to manually re-enable scrolling.
@@ -568,10 +491,65 @@ export function decode_sorting(search_params: URLSearchParams, sorting_query_par
  */
 export function strip_encoded_filter_and_sort(search_params: URLSearchParams, filter_query_param_prefix: string, sorting_query_param: string): void;
 export function CrossIcon(props?: JSX.SvgSVGAttributes<SVGSVGElement>): SVGElement;
+/**
+ * Symbol used to identify the version of a SearchModal function. Values right now: 1 = 1st gen classic modal, 2 = second gen modal
+ */
+export const modalVersionSymbol: unique symbol;
+/**
+ * This function is used to determine if the user is trying to open a link in a new tab or window, and we therefore should not single page navigate
+ * @param clickEvent The click event that triggered the navigation
+ */
+export function allowNativeNavigation(clickEvent?: MouseEvent): number | boolean | undefined;
 interface Styles {
   [selector: string]: JSX.CSSProperties;
 }
 export const styles_to_valid_css_string: (styles: Styles) => string;
+/**
+ * A good way of "debouncing" if one wants to update a value as aggressively as possible without overloading the network or the server. It ensures that as many requests are made as possible without making two requests at once.
+ * This is for when you need a solid resource that has an accurate .loading value.
+ *
+ * Creates a sort of debounced/throttled resource - if the dependency changes while the fetcher is not running, the fetcher will instantly run. If the dependency changes while the fetcher is running, the fetcher will not run but a fetch with the dependency value will be queued. If the fetcher is already queued, the queued fetcher will be replaced with the new one. Once the running fetcher finishes, the queued fetcher will run.
+ *
+ * Caveats: the owner of the fetched might/will be incorrect, the resource will never have an error, instead the resource value will become undefined.
+ *
+ * @param dependency The value that the fetcher receives, when it updates the fetcher will run according to the rules described above
+ * @param fetcher The function that fetches the resource, it receives the dependency value as an argument
+ */
+export function createDeparallelizedNoDropResource<T, X>(dependency: Accessor<T | undefined | null | false>, fetcher: (dependency: T) => Promise<X>): import("solid-js").Resource<X | undefined>;
+export type ModalAlignmentSignals = {
+  body_: Signal<JSX.CSSProperties>;
+  field_: Signal<JSX.CSSProperties>;
+  backdrop_?: Signal<JSX.CSSProperties>;
+};
+/**
+ * Flag to align by top
+ */
+export const ALIGN_TOP = 1;
+/**
+ * Flag to align by left
+ */
+export const ALIGN_LEFT = 2;
+/**
+ * Flag to also align the width of the modal to the element
+ */
+export const ALIGN_WIDTH_ON_MODAL = 4;
+/**
+ * Whether to align the center of the element to align to, to the center of the modal. If set, `transform: translateX(-50%)` will also be applied to the modal
+ */
+export const SET_CENTERED_LEFT = 16;
+/**
+ * Useful for aligning the search modal to an element, like an existing input field
+ * @param alignmentSignals a signal containing the style properties that will be applied to the modal body and serach field. You provide it to open_modal_ as `alignmentSignals_` when using SearchModal
+ * @param input_field the element to align to.
+ * @param alignment a bitmask of ALIGN_TOP, ALIGN_LEFT, ALIGN_WIDTH to determine how to align. Example: `ALIGN_TOP | ALIGN_LEFT` aligns both top and left
+ * @param includeScroll Should the aligner offset with scrolling? Useful to set to false when using position: fixed
+ * @param pollAlignment a reactive accessor, for the duration that it returns true the alignment will be re-ran every frame. Useful for when you're aligning to a moving element that doesn't change its width.
+ * @returns a function that can be called any time to re-run the alignment routine in case that the elements have gone out of alignment
+ */
+export function align_field({
+  body_: [, setModalBodyStyle],
+  field_: [, setModalFiedlStyle]
+}: ModalAlignmentSignals, input_field: HTMLElement, alignment: number, includeScroll?: boolean, pollAlignment?: Accessor<boolean>): () => void;
 /**
  * Second generation search modal - the solid component that gets added to <body> when the search modal is opened
  */
@@ -642,6 +620,65 @@ declare function RawSearchModalV2<InputDisplay extends Display, OutputDisplay ex
   content_search_enabled_: Accessor<boolean>;
 }): HTMLDivElement[];
 export const SearchModalV2: typeof RawSearchModalV2;
+/**
+ * First generation (classic) search modal - the solid component that gets added to <body> when the search modal is opened
+ */
+declare function RawClassicSearchModal({
+  search_field_value_: props_search_field_value,
+  get_search_query_,
+  search_query_url_param_name_,
+  previous_searches_,
+  close_modal_,
+  depict_api_,
+  merchant_,
+  market_,
+  submit_query_: props_submit_query,
+  instant_results_options_,
+  register_closing_animation_,
+  url_transformer_,
+  closing_animation_,
+  clear_filters_,
+  i18n_,
+  disable_scrolling_,
+  enable_category_suggestions_,
+  class_list_,
+  bottom_distance_under_modal_,
+  selected_text_range_,
+  dont_sync_search_field_value_except_on_submit_,
+  router_,
+  content_search_enabled_,
+  alignmentSignals_
+}: {
+  search_field_value_: Signal<string>;
+  get_search_query_: Accessor<string>;
+  search_query_url_param_name_: string;
+  previous_searches_: Signal<string[]>;
+  close_modal_: VoidFunction;
+  depict_api_: DepictAPI<any>;
+  clear_filters_: (user_triggered: boolean) => void;
+  merchant_: Accessor<string>;
+  market_: Accessor<TwoLetterMarket>;
+  submit_query_: (new_query?: string) => void;
+  class_list_?: Accessor<Record<string, boolean>>;
+  url_transformer_?: (url_object: URL) => unknown;
+  disable_scrolling_?: boolean;
+  closing_animation_?: () => Promise<any>;
+  register_closing_animation_: (animation: () => Promise<any>) => void;
+  bottom_distance_under_modal_?: Accessor<number | undefined>;
+  alignmentSignals_?: ModalAlignmentSignals;
+  selected_text_range_?: [number | null, number | null];
+  router_: PseudoRouter;
+  instant_results_options_: {
+    min_products_to_fetch_: number;
+    has_sort_or_filters_: Accessor<boolean>;
+  };
+  i18n_: solid_search_i18n;
+  /** Should we include category suggestions. Defaults to true */
+  enable_category_suggestions_?: boolean;
+  dont_sync_search_field_value_except_on_submit_?: boolean;
+  content_search_enabled_: Accessor<boolean>;
+}): HTMLDivElement[];
+export const ClassicSearchModal: typeof RawClassicSearchModal;
 type PossibleLayout = "grid" | "slider" | "slider-without-filters";
 export type BaseProviderConfig<InputDisplay extends Display, PossibleTransformedDisplay extends ModernDisplay | never> = {
   /**
@@ -825,64 +862,34 @@ declare class PseudoRouter {
   constructor(on_navigation: OnNavigation, listing_query_state_key?: string);
 }
 /**
- * First generation (classic) search modal - the solid component that gets added to <body> when the search modal is opened
+ * Render a grid with provided recommendations. displayTransformers will not be applied for this since you yourself provide the displays. Options are reactive.
  */
-declare function RawClassicSearchModal({
-  search_field_value_: props_search_field_value,
-  get_search_query_,
-  search_query_url_param_name_,
-  previous_searches_,
-  close_modal_,
-  depict_api_,
-  merchant_,
-  market_,
-  submit_query_: props_submit_query,
-  instant_results_options_,
-  register_closing_animation_,
-  url_transformer_,
-  closing_animation_,
-  clear_filters_,
-  i18n_,
-  disable_scrolling_,
-  enable_category_suggestions_,
-  class_list_,
-  bottom_distance_under_modal_,
-  selected_text_range_,
-  dont_sync_search_field_value_except_on_submit_,
-  router_,
-  content_search_enabled_,
-  alignmentSignals_
-}: {
-  search_field_value_: Signal<string>;
-  get_search_query_: Accessor<string>;
-  search_query_url_param_name_: string;
-  previous_searches_: Signal<string[]>;
-  close_modal_: VoidFunction;
-  depict_api_: DepictAPI<any>;
-  clear_filters_: (user_triggered: boolean) => void;
-  merchant_: Accessor<string>;
-  market_: Accessor<TwoLetterMarket>;
-  submit_query_: (new_query?: string) => void;
-  class_list_?: Accessor<Record<string, boolean>>;
-  url_transformer_?: (url_object: URL) => unknown;
-  disable_scrolling_?: boolean;
-  closing_animation_?: () => Promise<any>;
-  register_closing_animation_: (animation: () => Promise<any>) => void;
-  bottom_distance_under_modal_?: Accessor<number | undefined>;
-  alignmentSignals_?: ModalAlignmentSignals;
-  selected_text_range_?: [number | null, number | null];
-  router_: PseudoRouter;
-  instant_results_options_: {
-    min_products_to_fetch_: number;
-    has_sort_or_filters_: Accessor<boolean>;
-  };
-  i18n_: solid_search_i18n;
-  /** Should we include category suggestions. Defaults to true */
-  enable_category_suggestions_?: boolean;
-  dont_sync_search_field_value_except_on_submit_?: boolean;
-  content_search_enabled_: Accessor<boolean>;
-}): HTMLDivElement[];
-export const ClassicSearchModal: typeof RawClassicSearchModal;
+export function LooksSlider(props: {
+  gridSpacing_: SDKGridSpacing;
+  columnsAtSize_: SDKColsAtSize;
+  productId_: string;
+  merchant_: string;
+  market_: string;
+  locale_: string;
+  imagePlaceholderAspectRatio_: number | string;
+  title_?: JSX.Element;
+  FavoriteButton_?: (props: {
+    display_: Accessor<ModernDisplay | null | undefined>;
+  }) => JSX.Element;
+  displayTransformers_?: DisplayTransformers<ModernDisplay, ModernDisplayWithPageUrl<ModernDisplay>>;
+  onNavigation_?: OnNavigation;
+  priceFormatting_: plp_shared_i18n["price_formatting_"];
+}): HTMLDivElement;
+export const prefixes_to_preserve_in_history_dot_state: Set<string>;
+/**
+ * Prevent, usually SPAs, from deleting our stuff from history.state when they call history.pushState with a new object they have constructed. This will only run once no matter how often it's called.
+ */
+export function preserve_items_in_history_dot_state(): void;
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+export function throw_globally<T extends (...args: any) => any>(fn?: T): (...args: Parameters<T>) => ReturnType<T> | undefined;
 /**
  * Renders a set of tabs
  * Will ignore any children that's not a <Tab />