@sonic-equipment/ui 0.0.66 → 0.0.67

package/dist/node_modules/fast-equals/src/internalTypes.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Cache used to store references to objects, used for circular
+ * reference checks.
+ */
+export interface Cache<Key extends object, Value> {
+    delete(key: Key): boolean;
+    get(key: Key): Value | undefined;
+    set(key: Key, value: any): any;
+}
+export interface State<Meta> {
+    /**
+     * Cache used to identify circular references
+     */
+    readonly cache: Cache<any, any> | undefined;
+    /**
+     * Method used to determine equality of nested value.
+     */
+    readonly equals: InternalEqualityComparator<Meta>;
+    /**
+     * Additional value that can be used for comparisons.
+     */
+    meta: Meta;
+    /**
+     * Whether the equality comparison is strict, meaning it matches
+     * all properties (including symbols and non-enumerable properties)
+     * with equal shape of descriptors.
+     */
+    readonly strict: boolean;
+}
+export interface CircularState<Meta> extends State<Meta> {
+    readonly cache: Cache<any, any>;
+}
+export interface DefaultState<Meta> extends State<Meta> {
+    readonly cache: undefined;
+}
+export interface Dictionary<Value = any> {
+    [key: string | symbol]: Value;
+    $$typeof?: any;
+}
+export interface ComparatorConfig<Meta> {
+    /**
+     * Whether the arrays passed are equal in value. In strict mode, this includes
+     * additional properties added to the array.
+     */
+    areArraysEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the dates passed are equal in value.
+     */
+    areDatesEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the maps passed are equal in value. In strict mode, this includes
+     * additional properties added to the map.
+     */
+    areMapsEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the objects passed are equal in value. In strict mode, this includes
+     * non-enumerable properties added to the map, as well as symbol properties.
+     */
+    areObjectsEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the primitive wrappers passed are equal in value.
+     */
+    arePrimitiveWrappersEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the regexps passed are equal in value.
+     */
+    areRegExpsEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the sets passed are equal in value. In strict mode, this includes
+     * additional properties added to the set.
+     */
+    areSetsEqual: TypeEqualityComparator<any, Meta>;
+    /**
+     * Whether the typed arrays passed are equal in value. In strict mode, this includes
+     * additional properties added to the typed array.
+     */
+    areTypedArraysEqual: TypeEqualityComparator<any, Meta>;
+}
+export type CreateCustomComparatorConfig<Meta> = (config: ComparatorConfig<Meta>) => Partial<ComparatorConfig<Meta>>;
+export type CreateState<Meta> = () => {
+    cache?: Cache<any, any> | undefined;
+    meta?: Meta;
+};
+export type EqualityComparator<Meta> = <A, B>(a: A, b: B, state: State<Meta>) => boolean;
+export type AnyEqualityComparator<Meta> = (a: any, b: any, state: State<Meta>) => boolean;
+export type EqualityComparatorCreator<Meta> = (fn: EqualityComparator<Meta>) => InternalEqualityComparator<Meta>;
+export type InternalEqualityComparator<Meta> = (a: any, b: any, indexOrKeyA: any, indexOrKeyB: any, parentA: any, parentB: any, state: State<Meta>) => boolean;
+export type PrimitiveWrapper = Boolean | Number | String;
+/**
+ * Type which encompasses possible instances of TypedArray
+ * classes.
+ *
+ * **NOTE**: This does not include `BigInt64Array` and
+ * `BitUint64Array` because those are part of ES2020 and
+ * not supported by certain TS configurations. If using
+ * either in `areTypedArraysEqual`, you can cast the
+ * instance as `TypedArray` and it will work as expected,
+ * because runtime checks will still work for those classes.
+ */
+export type TypedArray = Float32Array | Float64Array | Int8Array | Int16Array | Int32Array | Uint16Array | Uint32Array | Uint8Array | Uint8ClampedArray;
+export type TypeEqualityComparator<Type, Meta = undefined> = (a: Type, b: Type, state: State<Meta>) => boolean;
+export interface CustomEqualCreatorOptions<Meta> {
+    /**
+     * Whether circular references should be supported. It causes the
+     * comparison to be slower, but for objects that have circular references
+     * it is required to avoid stack overflows.
+     */
+    circular?: boolean;
+    /**
+     * Create a custom configuration of type-specific equality comparators.
+     * This receives the default configuration, which allows either replacement
+     * or supersetting of the default methods.
+     */
+    createCustomConfig?: CreateCustomComparatorConfig<Meta>;
+    /**
+     * Create a custom internal comparator, which is used as an override to the
+     * default entry point for nested value equality comparisons. This is often
+     * used for doing custom logic for specific types (such as handling a specific
+     * class instance differently than other objects) or to incorporate `meta` in
+     * the comparison. See the recipes for examples.
+     */
+    createInternalComparator?: (compare: EqualityComparator<Meta>) => InternalEqualityComparator<Meta>;
+    /**
+     * Create a custom `state` object passed between the methods. This allows for
+     * custom `cache` and/or `meta` values to be used.
+     */
+    createState?: CreateState<Meta>;
+    /**
+     * Whether the equality comparison is strict, meaning it matches
+     * all properties (including symbols and non-enumerable properties)
+     * with equal shape of descriptors.
+     */
+    strict?: boolean;
+}

package/dist/src/algolia/algolia-instant-search-state-provider.d.ts

@@ -0,0 +1 @@
+export declare function AlgoliaInstantSearchStateProvider(): null;

package/dist/src/algolia/filter-section.d.ts

@@ -7,6 +7,7 @@ export interface RefinementListItem {
 }
 interface BaseFilterSectionProps {
     children: React.ReactNode;
+    gap?: 'sm' | 'md';
     title: string;
     variant: 'default' | 'collapsible' | 'with-action';
 }

package/dist/src/algolia/use-algolia-insights.d.ts

@@ -8,6 +8,22 @@ export interface UseAlgoliaEventResult {
         objectId: string;
         queryId: string;
     }): void;
+    sendAddToCartFromSearchResultPageEvent({ objectId, }: {
+        objectId: string;
+    }): void;
+    sendAddToWishListFromProductListPageEvent({ objectId, position, }: {
+        objectId: string;
+        position: number;
+    }): void;
+    sendAddToWishListFromSearchEvent({ objectId, position, queryId, }: {
+        objectId: string;
+        position: number;
+        queryId: string;
+    }): void;
+    sendAddToWishListFromSearchResultPageEvent({ objectId, position, }: {
+        objectId: string;
+        position: number;
+    }): void;
     sendProductClickFromProductListPageEvent({ objectId, position, }: {
         objectId: string;
         position: number;
@@ -18,5 +34,9 @@ export interface UseAlgoliaEventResult {
         position: number | number[];
         queryId: string;
     }): void;
+    sendProductClickFromSearchResultPageEvent({ objectId, position, }: {
+        objectId: string;
+        position: number;
+    }): void;
 }
 export declare function useAlgoliaInsights(): UseAlgoliaEventResult;

package/dist/src/algolia/use-algolia-instant-search-state.d.ts

@@ -1,4 +1,8 @@
 export type AlgoliaInstantSearchStatus = 'idle' | 'loading' | 'stalled' | 'error';
+export declare const useAlgoliaInstantSearchStateIndex: () => [string | undefined, import("shared/providers/global-state-provider").UpdateGlobalState<string | undefined>];
+export declare const useAlgoliaInstantSearchStateQueryId: () => [string | undefined, import("shared/providers/global-state-provider").UpdateGlobalState<string | undefined>];
+export declare const useAlgoliaInstantSearchStateOnline: (initialState?: boolean) => [boolean, import("shared/providers/global-state-provider").UpdateGlobalState<boolean>];
+export declare const useAlgoliaInstantSearchStateStatus: (initialState?: AlgoliaInstantSearchStatus) => [AlgoliaInstantSearchStatus, import("shared/providers/global-state-provider").UpdateGlobalState<AlgoliaInstantSearchStatus>];
 export interface AlgoliaInstantSearchState {
     index?: string;
     online: boolean;
@@ -6,12 +10,12 @@ export interface AlgoliaInstantSearchState {
     status: AlgoliaInstantSearchStatus;
 }
 export declare function useAlgoliaInstantSearchState(initialState?: Partial<AlgoliaInstantSearchState>): {
-    index?: string;
+    index: string | undefined;
     online: boolean;
-    queryId?: string;
+    queryId: string | undefined;
+    setIndex: import("shared/providers/global-state-provider").UpdateGlobalState<string | undefined>;
+    setOnline: import("shared/providers/global-state-provider").UpdateGlobalState<boolean>;
+    setQueryId: import("shared/providers/global-state-provider").UpdateGlobalState<string | undefined>;
+    setStatus: import("shared/providers/global-state-provider").UpdateGlobalState<AlgoliaInstantSearchStatus>;
     status: AlgoliaInstantSearchStatus;
-    setIndex: (index: string) => void;
-    setQueryId: (queryId: string | undefined) => void;
-    setStatus: (status: AlgoliaInstantSearchStatus) => void;
 };
-export declare function AlgoliaGlobalStateProvider(): null;

package/dist/src/algolia/use-algolia-product-hits.d.ts

@@ -1,4 +1,7 @@
 import { ProductHit } from 'shared/model/product-hit';
+import { AlgoliaProductHit } from './algolia-product-hit-type';
+export declare const useAlgoliaProductHitsItems: () => [AlgoliaProductHit[], import("shared/providers/global-state-provider").UpdateGlobalState<AlgoliaProductHit[]>];
+export declare const useAlgoliaProductHitsLoading: () => [boolean | undefined, import("shared/providers/global-state-provider").UpdateGlobalState<boolean | undefined>];
 interface UseProductHitsReturnType {
     isLoading: boolean | undefined;
     products: ProductHit[];

package/dist/src/buttons/favorite/connected-favorite-button.d.ts

@@ -1,3 +1,4 @@
-export declare function ConnectedFavoriteButton({ productId }: {
+export declare function ConnectedFavoriteButton({ onFavorite: _onFavorite, productId, }: {
+    onFavorite?: VoidFunction;
     productId: string;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/cards/product-card/connected-product-cart.d.ts

@@ -1,6 +1,7 @@
 import { ProductCardProps } from './product-card';
 export interface ConnectedProductCartProps extends Omit<ProductCardProps, 'addToCartButton'> {
-    onAddToCart?: () => void;
+    onAddToCart?: VoidFunction;
+    onFavorite?: VoidFunction;
     productId: string;
 }
-export declare function ConnectedProductCard({ onAddToCart, productId, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedProductCard({ onAddToCart, onFavorite, productId, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/carousel/carousel.d.ts

@@ -12,4 +12,4 @@ export interface CarouselProps {
     slidesPerView?: number | 'auto';
     spaceBetween?: number;
 }
-export declare function Carousel({ breakpoints, className, hasNavigation, hasOverflow, navigationButtonsPosition, slideClasses, slides, slidesPerView, spaceBetween, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function Carousel({ breakpoints, className, hasNavigation, hasOverflow, navigationButtonsPosition, slideClasses, slides, slidesPerView, spaceBetween, }: CarouselProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/collapsables/accordion/accordion.d.ts

@@ -1,11 +1,12 @@
 import { ReactElement } from 'react';
 import { AccordionItemProps } from './accordion-item';
 interface AccordionProps {
+    borderPosition?: 'top' | 'bottom';
     children?: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
     color?: 'white' | 'black';
     hasLineSeparator?: boolean;
     indented?: boolean;
     size?: 'md' | 'lg';
 }
-export declare function Accordion({ children, color, hasLineSeparator, indented, size, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ borderPosition, children, color, hasLineSeparator, indented, size, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/index.d.ts

@@ -27,6 +27,7 @@ export * from './shared/api/shop/hooks/wishlist/use-fetch-all-wishlists-items';
 export * from './shared/api/shop/hooks/wishlist/use-fetch-wishlists';
 export * from './shared/api/shop/hooks/wishlist/use-remove-wishlist-item-from-wishlist';
 export * from './shared/hooks/use-breakpoint';
+export * from './shared/hooks/use-is-breakpoint';
 export * from './shared/hooks/use-debounced-callback';
 export * from './shared/hooks/use-disclosure';
 export * from './shared/hooks/use-scroll-lock';

package/dist/src/pages/product-listing-page/product-listing-product-overview/product-listing-product-overview.d.ts

@@ -0,0 +1 @@
+export declare function ProductListingProductOverview(): import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/search-result-page/search-result-product-overview/search-result-product-overview.d.ts

@@ -0,0 +1 @@
+export declare function SearchResultProductOverview(): import("react/jsx-runtime").JSX.Element;

package/dist/styles.css

@@ -1403,6 +1403,8 @@
   --seperator-color: transparent;
   --accordion-padding-inline: 0;
   --accordion-padding-block: var(--space-16);
+  --accordion-title-border: none;
+  --accordion-item-border: none;
 }
 
   .accordion-module-9WvAH.accordion-module-CaVdG {
@@ -1425,6 +1427,14 @@
       --seperator-color: var(--color-white);
     }
 
+  .accordion-module-9WvAH.accordion-module-J1-Eb {
+    --accordion-title-border: 1px solid var(--seperator-color);
+  }
+
+  .accordion-module-9WvAH.accordion-module-4LI1K {
+    --accordion-item-border: 1px solid var(--seperator-color);
+  }
+
 .accordion-module-6CcEH {
   --accordion-padding-inline: var(--space-16);
 }
@@ -1432,7 +1442,7 @@
 .accordion-module-lf9d- {
   --transition-duration: 0.2s;
 
-  border-bottom: 1px solid var(--seperator-color);
+  border-bottom: var(--accordion-item-border);
 }
 
 .accordion-module-lf9d- h3 {
@@ -1446,6 +1456,7 @@
     padding-right: calc(var(--accordion-padding-inline) * 2);
     padding-left: var(--accordion-padding-inline);
     border: none;
+    border-bottom: var(--accordion-title-border);
     background: none;
     color: var(--color);
     cursor: pointer;
@@ -1479,6 +1490,10 @@
       --color: var(--color-gray-100);
     }
 
+.accordion-module-lf9d- .accordion-module-J1-Eb .accordion-module--Rwpb {
+      border-bottom: 1px solid var(--seperator-color);
+    }
+
 .accordion-module-lf9d- .accordion-module-KZjMo {
     display: grid;
     grid-template-rows: 0fr;
@@ -1498,8 +1513,9 @@
     }
 
 .accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-KZjMo {
+      padding-top: var(--space-16);
+      padding-bottom: var(--space-8);
       grid-template-rows: 1fr;
-      padding-block: 0.5rem;
     }
 
 .accordion-module-lf9d-:has(.accordion-module--Rwpb[disabled]) {
@@ -2126,13 +2142,19 @@
   }
 
 .filter-section-module-q1Ob8 {
+  --border-bottom: 1px solid var(--color-brand-medium-gray);
+
   display: block;
   color: var(--color-black);
 }
 
-  .filter-section-module-q1Ob8:where(.filter-section-module-JkP09, .filter-section-module-9qc6L) {
-    border-bottom: 1px solid var(--color-brand-medium-gray);
-  }
+  .filter-section-module-q1Ob8:where(.filter-section-module-JkP09) .filter-section-module-hWVv- {
+      border-bottom: var(--border-bottom);
+    }
+
+  .filter-section-module-q1Ob8:where(.filter-section-module-9qc6L) .filter-section-module-zi2ZE {
+      border-bottom: var(--border-bottom);
+    }
 
   .filter-section-module-q1Ob8 .filter-section-module-zi2ZE {
     display: flex;
@@ -2145,21 +2167,36 @@
     }
 
   .filter-section-module-q1Ob8 .filter-section-module-hWVv- {
+    margin: 0;
     font-size: var(--font-size-16);
     font-weight: var(--font-weight-bold);
-    margin-block: var(--space-16);
+    padding-block: var(--space-16);
   }
 
   .filter-section-module-q1Ob8 .filter-section-module-15-YW {
     display: grid;
-    gap: var(--space-16);
     padding-block: var(--space-8);
   }
 
+  .filter-section-module-q1Ob8:where(.filter-section-module-crU-3) .filter-section-module-15-YW {
+      gap: var(--space-8);
+    }
+
+  .filter-section-module-q1Ob8:where(.filter-section-module-vHRQu) .filter-section-module-15-YW {
+      gap: var(--space-16);
+    }
+
+  .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) {
+    border-bottom: unset;
+  }
+
+  .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) .filter-section-module-hWVv- {
+      border-bottom: var(--border-bottom);
+    }
+
 .algolia-filter-panel-module-GfhOO {
   --padding: var(--space-16);
 
-  position: relative;
   height: 100%;
 }
 
@@ -2172,31 +2209,41 @@
     overflow: auto;
     width: 100%;
     height: 100%;
-    padding-bottom: 76px;
+    padding-bottom: 16px;
     padding-inline: var(--padding);
   }
 
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 {
-    display: inline-block;
+    display: inline-flex;
     cursor: pointer;
     font: inherit;
     font-size: var(--font-size-14);
     -webkit-tap-highlight-color: transparent;
+    text-decoration: none;
   }
 
+  .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 > svg {
+      width: 24px;
+      height: 24px;
+    }
+
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3.algolia-filter-panel-module-yf8kI {
       cursor: default;
       font-weight: var(--font-weight-bold);
       opacity: 1;
-      text-decoration: none;
     }
 
+  .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3:not(.algolia-filter-panel-module-yf8kI) .algolia-filter-panel-module-gQzED {
+        text-decoration: underline;
+      }
+
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 .algolia-filter-panel-module-uAHPx {
       color: var(--color-brand-medium-gray);
     }
 
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-ABOYv {
     position: absolute;
+    z-index: calc(var(--sidebar-layer) + 1);
     bottom: var(--padding);
     display: grid;
     inset-inline: 0;
@@ -2248,100 +2295,6 @@
     height: 12px;
   }
 
-.modal-module-rVFJc {
-  position: fixed;
-  z-index: calc(var(--modal-layer) - 1);
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100vw;
-  height: var(--visual-viewport-height);
-  align-items: center;
-  justify-content: center;
-  -webkit-backdrop-filter: blur(4px);
-          backdrop-filter: blur(4px);
-  background-color: rgb(0 0 0 / 52%);
-}
-
-  .modal-module-rVFJc[data-entering] {
-    animation: modal-module-63Uyl 200ms;
-  }
-
-  .modal-module-rVFJc[data-exiting] {
-    animation: modal-module-63Uyl 150ms reverse ease-in;
-  }
-
-.modal-module-6vlFt {
-  position: relative;
-  z-index: calc(var(--modal-layer) - 1);
-  min-width: 300px;
-  max-width: 90%;
-  border: 1px solid var(--gray-400);
-  border-radius: 6px;
-  background: var(--color-white);
-  box-shadow: 0 8px 20px rgba(0 0 0 / 10%);
-  color: var(--text-color);
-  outline: none;
-}
-
-.modal-module-6vlFt section:focus-visible,
-  .modal-module-6vlFt section:focus {
-    outline: none;
-  }
-
-.modal-module-6vlFt[data-entering] {
-    animation: modal-module-aPJ7X 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-  }
-
-@keyframes modal-module-63Uyl {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes modal-module-aPJ7X {
-  from {
-    transform: scale(0.8);
-  }
-
-  to {
-    transform: scale(1);
-  }
-}
-
-.dialog-module-ZnsAe {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid #e0e0e0;
-  gap: 8px;
-}
-
-  .dialog-module-ZnsAe .dialog-module-SwpuZ {
-    padding: 1rem;
-  }
-
-  .dialog-module-ZnsAe .dialog-module-Y7Tqg {
-    align-self: flex-start;
-  }
-
-.dialog-module-Koqia {
-  padding: 1rem;
-}
-
-.dialog-module-y7Axm {
-  display: flex;
-  align-items: center;
-  justify-content: end;
-  padding: 1rem;
-  border-top: 1px solid #e0e0e0;
-  gap: 8px;
-}
-
 .category-card-module-4NUjH {
   all: unset;
   display: grid;
@@ -2535,8 +2488,9 @@
   max-width: 100vw;
   height: 100%;
   box-sizing: border-box;
+  padding-top: 46px;
+  padding-bottom: 56px;
   background: var(--color-white);
-  padding-block: 46px;
 }
 
   .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-LEZgg {
@@ -2625,6 +2579,100 @@
     margin-top: var(--space-32);
   }
 
+.modal-module-rVFJc {
+  position: fixed;
+  z-index: calc(var(--modal-layer) - 1);
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100vw;
+  height: var(--visual-viewport-height);
+  align-items: center;
+  justify-content: center;
+  -webkit-backdrop-filter: blur(4px);
+          backdrop-filter: blur(4px);
+  background-color: rgb(0 0 0 / 52%);
+}
+
+  .modal-module-rVFJc[data-entering] {
+    animation: modal-module-63Uyl 200ms;
+  }
+
+  .modal-module-rVFJc[data-exiting] {
+    animation: modal-module-63Uyl 150ms reverse ease-in;
+  }
+
+.modal-module-6vlFt {
+  position: relative;
+  z-index: calc(var(--modal-layer) - 1);
+  min-width: 300px;
+  max-width: 90%;
+  border: 1px solid var(--gray-400);
+  border-radius: 6px;
+  background: var(--color-white);
+  box-shadow: 0 8px 20px rgba(0 0 0 / 10%);
+  color: var(--text-color);
+  outline: none;
+}
+
+.modal-module-6vlFt section:focus-visible,
+  .modal-module-6vlFt section:focus {
+    outline: none;
+  }
+
+.modal-module-6vlFt[data-entering] {
+    animation: modal-module-aPJ7X 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  }
+
+@keyframes modal-module-63Uyl {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes modal-module-aPJ7X {
+  from {
+    transform: scale(0.8);
+  }
+
+  to {
+    transform: scale(1);
+  }
+}
+
+.dialog-module-ZnsAe {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #e0e0e0;
+  gap: 8px;
+}
+
+  .dialog-module-ZnsAe .dialog-module-SwpuZ {
+    padding: 1rem;
+  }
+
+  .dialog-module-ZnsAe .dialog-module-Y7Tqg {
+    align-self: flex-start;
+  }
+
+.dialog-module-Koqia {
+  padding: 1rem;
+}
+
+.dialog-module-y7Axm {
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  padding: 1rem;
+  border-top: 1px solid #e0e0e0;
+  gap: 8px;
+}
+
 .product-listing-page-module-dmIHF .product-listing-page-module-Oz76Z {
     margin-bottom: 44px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.66",
+  "version": "0.0.67",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -124,6 +124,7 @@
     "@types/react-transition-group": "^4.4.10",
     "algoliasearch": "^4.24.0",
     "clsx": "^2.1.1",
+    "fast-equals": "^5.0.1",
     "instantsearch.js": "^4.73.1",
     "query-string": "^9.1.0",
     "react-aria-components": "^1.2.1",

package/dist/src/algolia/algolia-product-overview.d.ts

@@ -1 +0,0 @@
-export declare function ProductOverview(): import("react/jsx-runtime").JSX.Element;