@athoscommerce/snap-preact 1.13.3-beta.191 → 1.14.0

package/dist/esm/components/src/components/Organisms/QuickviewLayout/QuickviewLayout.d.ts

@@ -12,7 +12,7 @@ export declare const QuickviewTracker: ({ quickviewManager, product, children, }
 export declare const QuickviewLayout: ((properties: QuickviewLayoutProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
-export type QuickviewModuleNames = 'slideshow' | 'calloutBadge' | `calloutBadge.${string}` | 'variantSelections' | `variantSelection.${string}` | `productDetail.${string}` | 'button.add-to-cart' | 'button.more-info' | 'button.similar' | 'button.discuss' | 'quantityPicker' | 'productDetailTable' | `recommendation.${string}` | '_';
+export type QuickviewModuleNames = 'slideshow' | 'calloutBadge' | `calloutBadge.${string}` | 'variantSelections' | `variantSelection.${string}` | `productDetail.${string}` | 'button.add-to-cart' | 'button.more-info' | 'quantityPicker' | 'productDetailTable' | `recommendation.${string}` | '_';
 type ColumnsNames = 'c1' | 'c2' | 'c3' | 'c4';
 type ModuleNamesWithColumns = QuickviewModuleNames | ColumnsNames | QuickviewModuleNames[] | ColumnsNames[];
 export type QuickviewColumn = {
@@ -23,7 +23,6 @@ export type QuickviewColumn = {
 export type QuickviewLayoutProps = {
     quickviewManager: QuickviewManager;
     onClose?: () => void;
-    inline?: boolean;
     lang?: Partial<QuickviewLayoutLang>;
 } & QuickviewLayoutTemplatesLegalProps & ComponentProps<QuickviewLayoutProps>;
 export interface QuickviewLayoutLang {
@@ -33,8 +32,6 @@ export interface QuickviewLayoutLang {
     closeButton: Lang<never>;
     addToCartButton: Lang<never>;
     moreInfoButton: Lang<never>;
-    similarButton: Lang<never>;
-    discussButton: Lang<never>;
     loadingText: Lang<{
         quickviewManager: QuickviewManager;
     }>;
@@ -42,7 +39,6 @@ export interface QuickviewLayoutLang {
 export type QuickviewLayoutTemplatesLegalProps = {
     layout: ModuleNamesWithColumns[];
     hideBadge?: boolean;
-    variantDropdownType?: 'dropdown' | 'list';
     column1?: QuickviewColumn;
     column2?: QuickviewColumn;
     column3?: QuickviewColumn;

package/dist/esm/components/src/components/Organisms/QuickviewLayout/QuickviewLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickviewLayout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/QuickviewLayout/QuickviewLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuickviewLayout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/QuickviewLayout/QuickviewLayout.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/src/components/Organisms/QuickviewLayout/QuickviewLayout.js

@@ -251,7 +251,7 @@ export const QuickviewLayout = observer((properties) => {
         hideBadge: false,
     };
     const props = mergeProps('quickviewLayout', globalTheme, defaultProps, properties);
-    const { quickviewManager, className, internalClassName, disableStyles, treePath, hideBadge, variantDropdownType, column1, column2, column3, column4, recommendation, } = props;
+    const { quickviewManager, className, internalClassName, disableStyles, treePath, hideBadge, column1, column2, column3, column4, recommendation } = props;
     // NOTE: the `!shouldRenderDefault` return lives below the last hook call — every hook in this
     // component must run unconditionally on every render (shouldRenderDefault can flip while
     // mounted, e.g. when a pending customComponent import resolves or fails).
@@ -274,12 +274,6 @@ export const QuickviewLayout = observer((properties) => {
         moreInfoButton: {
             value: 'More info',
         },
-        similarButton: {
-            value: 'Similar',
-        },
-        discussButton: {
-            value: 'Discuss',
-        },
         loadingText: {
             value: 'Loading…',
         },
@@ -342,8 +336,7 @@ export const QuickviewLayout = observer((properties) => {
     // is within it).
     useEffect(() => {
         const isOpenNow = Boolean(quickviewManager?.store?.isOpen);
-        // inline embeds (e.g. the chat secondary window) are not modal — Escape must not close them
-        if (!shouldRenderDefault || !isOpenNow || props.inline)
+        if (!shouldRenderDefault || !isOpenNow)
             return;
         const onKey = (e) => {
             if (e.key === 'Escape' && !galleryOpen) {
@@ -352,7 +345,7 @@ export const QuickviewLayout = observer((properties) => {
         };
         window.addEventListener('keydown', onKey);
         return () => window.removeEventListener('keydown', onKey);
-    }, [shouldRenderDefault, quickviewManager?.store?.isOpen, galleryOpen, props.inline]);
+    }, [shouldRenderDefault, quickviewManager?.store?.isOpen, galleryOpen]);
     // Recommendation modules. `findModule` runs inside .map()/recursion and must not call hooks, so
     // resolve every referenced profile's controller + components here (stable order) and let
     // findModule read from this map. Mirrors Organisms/NoResults.
@@ -449,18 +442,12 @@ export const QuickviewLayout = observer((properties) => {
     };
     // Dialog semantics + focus trap for the quickview content, following the autocomplete
     // containers (AutocompleteModal/AutocompleteSlideout): useA11y traps Tab within the
-    // content and wires Escape to the callback above. Inline embeds (e.g. the chat secondary
-    // window) are part of the surrounding page — no dialog role and no focus trap, which
-    // would otherwise stop the shopper tabbing out to the chat composer.
+    // content and wires Escape to the callback above.
     const contentProps = {
         className: 'ss__quickview__content',
-        ...(props.inline
-            ? {}
-            : {
-                role: 'dialog',
-                'aria-modal': 'true',
-                ref: (e) => useA11y(e, 0, true, handleEscape),
-            }),
+        role: 'dialog',
+        'aria-modal': 'true',
+        ref: (e) => useA11y(e, 0, true, handleEscape),
         ...mergedLang.quickview?.attributes,
     };
     // Prefer `product.display` so the displayed name/image/attributes reflect the
@@ -555,23 +542,17 @@ export const QuickviewLayout = observer((properties) => {
         // the selection whose field matches (e.g. `variantSelection.color`). The field also matches its
         // component-name form (`color_family` → `color-family`). A bare `variantSelection` module is
         // not supported.
-        // `variantDropdownType` swaps the component for selections that aren't swatches.
-        const renderSelection = (selection) => {
-            const isSwatch = selection.type === 'swatch' || selection.type === 'swatches';
-            const type = variantDropdownType && !isSwatch ? variantDropdownType : selection.type;
-            return (_jsxs("div", { className: "ss__quickview__variant", children: [_jsx("div", { className: "ss__quickview__variant-title", children: selection.label || selection.field }), _jsx(VariantSelection, { selection: selection, type: type, theme: props.theme, treePath: treePath, ...defined({ disableStyles }) })] }, selection.field));
-        };
         if (module == 'variantSelections') {
             if (!selections || selections.length === 0)
                 return null;
-            return _jsx("div", { className: "ss__quickview__variants", children: selections.map((selection) => renderSelection(selection)) });
+            return (_jsx("div", { className: "ss__quickview__variants", children: selections.map((selection) => (_jsxs("div", { className: "ss__quickview__variant", children: [_jsx("div", { className: "ss__quickview__variant-title", children: selection.label || selection.field }), _jsx(VariantSelection, { selection: selection, type: selection.type, theme: props.theme, treePath: treePath, ...defined({ disableStyles }) })] }, selection.field))) }));
         }
         if (module.startsWith('variantSelection.')) {
             const name = module.slice('variantSelection.'.length);
             const selection = selections?.find((selection) => selection.field === name || fieldNameToComponentName(selection.field) === name);
             if (!name || !selection)
                 return null;
-            return renderSelection(selection);
+            return (_jsxs("div", { className: "ss__quickview__variant", children: [_jsx("div", { className: "ss__quickview__variant-title", children: selection.label || selection.field }), _jsx(VariantSelection, { selection: selection, type: selection.type, theme: props.theme, treePath: treePath, ...defined({ disableStyles }) })] }));
         }
         if (module == 'button.add-to-cart') {
             if (!product)
@@ -581,7 +562,7 @@ export const QuickviewLayout = observer((properties) => {
         if (module == 'button.more-info') {
             if (!url)
                 return null;
-            return (_jsx(Button, { name: "more-info", internalClassName: "ss__quickview__more-info", lang: { button: lang.moreInfoButton }, onClick: (e) => {
+            return (_jsx(Button, { name: "more-info", internalClassName: "ss__quickview__go-to-product", lang: { button: lang.moreInfoButton }, onClick: (e) => {
                     // track the redirect to the product page as a quickview clickThrough
                     // before navigating away (delegated with `quickView: true`)
                     if (product) {
@@ -590,20 +571,6 @@ export const QuickviewLayout = observer((properties) => {
                     window.location.href = url;
                 }, theme: props.theme, treePath: treePath, ...defined({ disableStyles }) }));
         }
-        // Chat-only modules: `button.similar` and `button.discuss` forward to the chat controller
-        // that opened the quickview. They render nothing for non-chat source controllers, so a
-        // layout carrying them stays safe to share across surfaces.
-        if (module == 'button.similar' || module == 'button.discuss') {
-            const chatController = quickviewManager.sourceController?.type === 'chat' ? quickviewManager.sourceController : undefined;
-            if (!product || !chatController)
-                return null;
-            if (module == 'button.similar') {
-                if (!chatController.store.features?.similarProducts?.enabled)
-                    return null;
-                return (_jsx(Button, { name: "similar", internalClassName: "ss__quickview__similar", lang: { button: lang.similarButton }, onClick: () => chatController.productSimilar(product), theme: props.theme, treePath: treePath, ...defined({ disableStyles }) }));
-            }
-            return (_jsx(Button, { name: "discuss", internalClassName: "ss__quickview__discuss", lang: { button: lang.discussButton }, onClick: () => chatController.productQuery(product), theme: props.theme, treePath: treePath, ...defined({ disableStyles }) }));
-        }
         // `quantityPicker` binds to the observable `product.quantity`, which `button.add-to-cart`
         // (via the cart store) picks up when the product is added.
         if (module == 'quantityPicker') {
@@ -639,5 +606,5 @@ export const QuickviewLayout = observer((properties) => {
     }
     const topRowCounter = { value: 0 };
     const closeButton = (_jsx(Button, { name: "close", internalClassName: "ss__quickview__close", icon: "close-thin", lang: { button: lang.closeButton }, onClick: () => onClose(), theme: props.theme, treePath: treePath, ...defined({ disableStyles }) }));
-    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__quickview', className, internalClassName), children: error || loading || product ? (_jsxs("div", { ...contentProps, children: [!props.inline && closeButton, error ? (_jsx("div", { className: "ss__quickview__error", role: "alert", children: error.message })) : loading ? (_jsx("div", { className: "ss__quickview__loading", ...mergedLang.loadingText?.all })) : (_jsxs(_Fragment, { children: [layout?.map((module) => findModule(module, topRowCounter)), _jsx(Gallery, { images: galleryImages, open: galleryOpen, startIndex: galleryIndex, onClose: () => setGalleryOpen(false), alt: name, theme: props.theme, treePath: treePath, ...defined({ disableStyles }) })] }))] })) : null }) }));
+    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__quickview', className, internalClassName), children: error || loading || product ? (_jsxs("div", { ...contentProps, children: [closeButton, error ? (_jsx("div", { className: "ss__quickview__error", role: "alert", children: error.message })) : loading ? (_jsx("div", { className: "ss__quickview__loading", ...mergedLang.loadingText?.all })) : (_jsxs(_Fragment, { children: [layout?.map((module) => findModule(module, topRowCounter)), _jsx(Gallery, { images: galleryImages, open: galleryOpen, startIndex: galleryIndex, onClose: () => setGalleryOpen(false), alt: name, theme: props.theme, treePath: treePath, ...defined({ disableStyles }) })] }))] })) : null }) }));
 });

package/dist/esm/components/src/components/Organisms/Results/Results.js

@@ -19,7 +19,7 @@ const defaultStyles = ({ gapSize, columns }) => {
         flexFlow: 'row wrap',
         gap: gapSize,
         gridTemplateRows: 'auto',
-        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
         '& .ss__result, & .ss__result-layout': {
             boxSizing: 'border-box',
             flex: '0 1 auto',

package/dist/esm/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.d.ts

@@ -16,6 +16,10 @@ export type AutocompleteFixedProps = {
     resultComponent?: JSXComponent | JSX.Element;
     tabManager?: TabManagerStore;
 } & Omit<AutocompleteFixedTemplatesLegalProps, 'resultComponent'> & AutocompleteLayoutProps & Omit<ComponentProps, 'customComponent'>;
+export type AutocompleteFixedStyleProps = AutocompleteFixedProps & {
+    inputBounds: inputBounds;
+    searchInputInLayout: boolean;
+};
 export type AutocompleteFixedTemplatesLegalProps = {
     resultComponent?: string;
     buttonSelector?: string | Element;

package/dist/esm/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,oCAAoC,CAAC;AAOxI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAyC3F,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAgO3E,CAAC;AAEH,UAAU,WAAW;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAQD,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,IAAI,CAAC,oCAAoC,EAAE,iBAAiB,CAAC,GAChE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC9C,GAAG,qCAAqC,CAAC"}
+{"version":3,"file":"AutocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAEN,uBAAuB,EACvB,qCAAqC,EAErC,MAAM,oCAAoC,CAAC;AAO5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AA6C3F,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CA4O3E,CAAC;AAEH,UAAU,WAAW;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAQD,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,IAAI,CAAC,oCAAoC,EAAE,iBAAiB,CAAC,GAChE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,GAAG;IAAE,WAAW,EAAE,WAAW,CAAC;IAAC,mBAAmB,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9H,MAAM,MAAM,oCAAoC,GAAG;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC9C,GAAG,qCAAqC,CAAC"}

package/dist/esm/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.js

@@ -4,14 +4,16 @@ import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
 import { defined, mergeProps, mergeStyles } from '../../../utilities';
 import { useTheme, CacheProvider } from '../../../providers';
-import { AutocompleteLayout } from '../../Organisms/AutocompleteLayout';
+import { AutocompleteLayout, layoutHasModule, } from '../../Organisms/AutocompleteLayout';
 import { Modal } from '../../Molecules/Modal';
 import classNames from 'classnames';
 import { SearchInput } from '../../Molecules/SearchInput';
 import { debounce } from '@athoscommerce/snap-toolbox';
 import { useA11y } from '../../../hooks';
 import { useAcRenderedInput } from '../../../hooks/useAcRenderedInput';
-const defaultStyles = ({ inputBounds, offset, renderInput, width }) => {
+const defaultStyles = ({ inputBounds, offset, renderInput, searchInputInLayout, width }) => {
+    // the rendered input only overlays the native input when it sits above the layout
+    const inputAboveLayout = Boolean(renderInput) && !searchInputInLayout;
     return css({
         position: 'absolute',
         left: '0',
@@ -29,7 +31,8 @@ const defaultStyles = ({ inputBounds, offset, renderInput, width }) => {
             zIndex: 1001,
             maxWidth: '100vw',
             pointerEvents: 'auto',
-            '.ss__search-input': {
+            // direct child only - this sizes the input overlaying the native one, not an input placed inside the layout
+            '& > .ss__search-input': {
                 background: '#fff',
                 width: `${inputBounds.width}px`,
                 height: `${inputBounds.height}px`,
@@ -39,7 +42,7 @@ const defaultStyles = ({ inputBounds, offset, renderInput, width }) => {
         '.ss__autocomplete-fixed__inner__layout-wrapper': {
             width: width,
             overflowY: 'scroll',
-            maxHeight: `calc(90vh - ${inputBounds.top || 0}px - ${renderInput ? `${inputBounds.height}px` : '0px'} + ${offset?.top || 0}px)`,
+            maxHeight: `calc(90vh - ${inputBounds.top || 0}px - ${inputAboveLayout ? `${inputBounds.height}px` : '0px'} + ${offset?.top || 0}px)`,
         },
         '.ss__search-input__button--close-search-icon': {
             border: 'none',
@@ -71,7 +74,7 @@ export const AutocompleteFixed = observer((properties) => {
     if (!buttonSelector && input) {
         buttonSelector = input;
     }
-    const { layout, disableStyles, renderInput, overlayColor, className, internalClassName, offset, treePath, tabManager } = props;
+    const { layout, column1, column2, column3, column4, disableStyles, renderInput, overlayColor, className, internalClassName, offset, treePath, tabManager, } = props;
     let controller = props.controller;
     let controllers = [controller];
     if (tabManager && tabManager.active) {
@@ -145,11 +148,6 @@ export const AutocompleteFixed = observer((properties) => {
             closeSearchButton: {
                 onClick: () => reset(),
             },
-            // wiring only — no default `icon`, so the button stays hidden until a site
-            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
-            chatButton: {
-                onClick: () => controller.openChat(),
-            },
             inputName: inputName,
             // inherited props
             ...defined({
@@ -202,7 +200,10 @@ export const AutocompleteFixed = observer((properties) => {
     useEffect(() => {
         window.addEventListener('resize', debouncedHandleResize);
     }, []);
-    const styling = mergeStyles({ ...props, inputBounds }, defaultStyles);
+    // the search input renders inside the layout when it contains a 'searchInput' module, otherwise above the layout
+    const searchInputInLayout = Boolean(renderInput) && layoutHasModule({ layout, column1, column2, column3, column4 }, 'searchInput');
+    const searchInput = renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : undefined;
+    const styling = mergeStyles({ ...props, inputBounds, searchInputInLayout }, defaultStyles);
     let _input;
     if (input) {
         _input = useAcRenderedInput({
@@ -223,5 +224,5 @@ export const AutocompleteFixed = observer((properties) => {
     delete acProps.style;
     delete acProps.styleScript;
     delete acProps.themeStyleScript;
-    return layout?.length && active ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classNames('ss__autocomplete-fixed', className, internalClassName), children: _jsx(Modal, { ...subProps.modal, children: _jsxs("div", { className: "ss__autocomplete-fixed__inner", ref: (e) => useA11y(e, 0, true, reset), children: [renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : (_jsx(_Fragment, {})), _jsx("div", { className: "ss__autocomplete-fixed__inner__layout-wrapper", children: _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, treePath: `${treePath} modal` }) })] }) }) }) })) : null;
+    return layout?.length && active ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classNames('ss__autocomplete-fixed', className, internalClassName), children: _jsx(Modal, { ...subProps.modal, children: _jsxs("div", { className: "ss__autocomplete-fixed__inner", ref: (e) => useA11y(e, 0, true, reset), children: [searchInput && !searchInputInLayout ? searchInput : _jsx(_Fragment, {}), _jsx("div", { className: "ss__autocomplete-fixed__inner__layout-wrapper", children: _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, searchInputSlot: searchInputInLayout ? searchInput : undefined, treePath: `${treePath} modal` }) })] }) }) }) })) : null;
 });

package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts

@@ -10,6 +10,9 @@ export type AutocompleteModalProps = {
     resultComponent?: JSXComponent | JSX.Element;
     tabManager?: TabManagerStore;
 } & Omit<AutocompleteModalTemplatesLegalProps, 'resultComponent'> & AutocompleteLayoutProps & Omit<ComponentProps, 'customComponent'>;
+export type AutocompleteModalStyleProps = AutocompleteModalProps & {
+    searchInputInLayout?: boolean;
+};
 export type AutocompleteModalTemplatesLegalProps = {
     resultComponent?: string;
     buttonSelector?: string | Element;

package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteModal/AutocompleteModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,oCAAoC,CAAC;AAMxI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAuD3F,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CA2K3E,CAAC;AAQH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,IAAI,CAAC,oCAAoC,EAAE,iBAAiB,CAAC,GAChE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,qCAAqC,CAAC"}
+{"version":3,"file":"AutocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteModal/AutocompleteModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAEN,uBAAuB,EACvB,qCAAqC,EAErC,MAAM,oCAAoC,CAAC;AAM5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAuD3F,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CA2K3E,CAAC;AAQH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,IAAI,CAAC,oCAAoC,EAAE,iBAAiB,CAAC,GAChE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,GAAG;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACrG,MAAM,MAAM,oCAAoC,GAAG;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,qCAAqC,CAAC"}

package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.js

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
 import { defined, mergeProps, mergeStyles } from '../../../utilities';
 import { useTheme, CacheProvider } from '../../../providers';
-import { AutocompleteLayout } from '../../Organisms/AutocompleteLayout';
+import { AutocompleteLayout, layoutHasModule, } from '../../Organisms/AutocompleteLayout';
 import { Modal } from '../../Molecules/Modal';
 import classNames from 'classnames';
 import { SearchInput } from '../../Molecules/SearchInput';
@@ -83,7 +83,7 @@ export const AutocompleteModal = observer((properties) => {
     if (!buttonSelector && input) {
         buttonSelector = input;
     }
-    const { layout, disableStyles, overlayColor, renderInput, className, internalClassName, treePath, tabManager } = props;
+    const { layout, column1, column2, column3, column4, disableStyles, overlayColor, renderInput, className, internalClassName, treePath, tabManager } = props;
     let controller = props.controller;
     let controllers = [controller];
     if (tabManager && tabManager.active) {
@@ -156,11 +156,6 @@ export const AutocompleteModal = observer((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
-            // wiring only — no default `icon`, so the button stays hidden until a site
-            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
-            chatButton: {
-                onClick: () => controller.openChat(),
-            },
             inputName: inputName,
             // inherited props
             ...defined({
@@ -171,7 +166,9 @@ export const AutocompleteModal = observer((properties) => {
             treePath: `${treePath} modal`,
         },
     };
-    const styling = mergeStyles(props, defaultStyles);
+    // the search input renders inside the layout when it contains a 'searchInput' module, otherwise above the layout
+    const searchInputInLayout = Boolean(renderInput) && layoutHasModule({ layout, column1, column2, column3, column4 }, 'searchInput');
+    const styling = mergeStyles({ ...props, searchInputInLayout }, defaultStyles);
     let _input;
     if (input) {
         _input = useAcRenderedInput({
@@ -183,6 +180,7 @@ export const AutocompleteModal = observer((properties) => {
             setActive: setActive,
         });
     }
+    const searchInput = renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : undefined;
     const acProps = {
         ...props,
     };
@@ -192,5 +190,5 @@ export const AutocompleteModal = observer((properties) => {
     delete acProps.style;
     delete acProps.styleScript;
     delete acProps.themeStyleScript;
-    return layout?.length && active ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classNames('ss__autocomplete-modal', className, internalClassName), children: _jsx(Modal, { ...subProps.modal, children: _jsxs("div", { className: "ss__autocomplete-modal__inner", ref: (e) => useA11y(e, 0, true, reset), children: [renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : (_jsx(_Fragment, {})), _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, treePath: `${treePath} modal` })] }) }) }) })) : null;
+    return layout?.length && active ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classNames('ss__autocomplete-modal', className, internalClassName), children: _jsx(Modal, { ...subProps.modal, children: _jsxs("div", { className: "ss__autocomplete-modal__inner", ref: (e) => useA11y(e, 0, true, reset), children: [searchInput && !searchInputInLayout ? searchInput : _jsx(_Fragment, {}), _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, searchInputSlot: searchInputInLayout ? searchInput : undefined, treePath: `${treePath} modal` })] }) }) }) })) : null;
 });

package/dist/esm/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.d.ts

@@ -11,6 +11,9 @@ export type AutocompleteSlideoutProps = {
     resultComponent?: JSXComponent | JSX.Element;
     tabManager?: TabManagerStore;
 } & Omit<AutocompleteSlideoutTemplatesLegalProps, 'resultComponent'> & AutocompleteLayoutProps & Omit<ComponentProps, 'customComponent'>;
+export type AutocompleteSlideoutStyleProps = AutocompleteSlideoutProps & {
+    searchInputInLayout?: boolean;
+};
 export type AutocompleteSlideoutTemplatesLegalProps = {
     resultComponent?: string;
     overlayColor?: string;

package/dist/esm/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,oCAAoC,CAAC;AACxI,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAkB3F,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CAmKjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,IAAI,CAAC,uCAAuC,EAAE,iBAAiB,CAAC,GACnE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,uCAAuC,GAAG;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,qCAAqC,CAAC"}
+{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAEN,uBAAuB,EACvB,qCAAqC,EAErC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAkB3F,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CAiLjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,IAAI,CAAC,uCAAuC,EAAE,iBAAiB,CAAC,GACnE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,8BAA8B,GAAG,yBAAyB,GAAG;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC3G,MAAM,MAAM,uCAAuC,GAAG;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,qCAAqC,CAAC"}

package/dist/esm/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.js

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
 import { defined, mergeProps, mergeStyles } from '../../../utilities';
 import { useTheme, CacheProvider } from '../../../providers';
-import { AutocompleteLayout } from '../../Organisms/AutocompleteLayout';
+import { AutocompleteLayout, layoutHasModule, } from '../../Organisms/AutocompleteLayout';
 import { Slideout } from '../../Molecules/Slideout';
 import classNames from 'classnames';
 import { SearchInput } from '../../Molecules/SearchInput';
@@ -48,7 +48,7 @@ export const AutocompleteSlideout = observer((properties) => {
     if (!buttonSelector && input) {
         buttonSelector = input;
     }
-    const { layout, disableStyles, slideDirection, overlayColor, renderInput, className, internalClassName, treePath, width, tabManager } = props;
+    const { layout, column1, column2, column3, column4, disableStyles, slideDirection, overlayColor, renderInput, className, internalClassName, treePath, width, tabManager, } = props;
     let controller = props.controller;
     let controllers = [controller];
     if (tabManager && tabManager.active) {
@@ -107,11 +107,6 @@ export const AutocompleteSlideout = observer((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
-            // wiring only — no default `icon`, so the button stays hidden until a site
-            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
-            chatButton: {
-                onClick: () => controller.openChat(),
-            },
             // inherited props
             ...defined({
                 disableStyles,
@@ -121,7 +116,9 @@ export const AutocompleteSlideout = observer((properties) => {
             theme: props?.theme,
         },
     };
-    const styling = mergeStyles(props, defaultStyles);
+    // the search input renders inside the layout when it contains a 'searchInput' module, otherwise above the layout
+    const searchInputInLayout = Boolean(renderInput) && layoutHasModule({ layout, column1, column2, column3, column4 }, 'searchInput');
+    const styling = mergeStyles({ ...props, searchInputInLayout }, defaultStyles);
     const [active, setActive] = useState(false);
     let _input;
     if (input) {
@@ -136,6 +133,7 @@ export const AutocompleteSlideout = observer((properties) => {
             buttonSelector,
         });
     }
+    const searchInput = renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : undefined;
     const acProps = {
         ...props,
     };
@@ -146,5 +144,5 @@ export const AutocompleteSlideout = observer((properties) => {
     delete acProps.styleScript;
     delete acProps.themeStyleScript;
     /***************************************/
-    return layout?.length ? (_jsx(CacheProvider, { children: _jsx(Slideout, { ...styling, ...subProps.slideout, className: classNames('ss__autocomplete-slideout', 'ss__autocomplete-slideout__slideout', className, internalClassName), active: active, children: _jsxs("div", { className: "ss__autocomplete-slideout__inner", ref: (e) => useA11y(e, 0, true, reset), children: [renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : (_jsx(_Fragment, {})), _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, treePath: `${treePath} slideout` })] }) }) })) : null;
+    return layout?.length ? (_jsx(CacheProvider, { children: _jsx(Slideout, { ...styling, ...subProps.slideout, className: classNames('ss__autocomplete-slideout', 'ss__autocomplete-slideout__slideout', className, internalClassName), active: active, children: _jsxs("div", { className: "ss__autocomplete-slideout__inner", ref: (e) => useA11y(e, 0, true, reset), children: [searchInput && !searchInputInLayout ? searchInput : _jsx(_Fragment, {}), _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, searchInputSlot: searchInputInLayout ? searchInput : undefined, treePath: `${treePath} slideout` })] }) }) })) : null;
 });

package/dist/esm/components/src/components/Templates/Search/Search.js

@@ -10,7 +10,7 @@ import { Sidebar } from '../../Organisms/Sidebar';
 import { Toolbar } from '../../Organisms/Toolbar';
 import { NoResults } from '../../Organisms/NoResults';
 import { useLang, useMediaQuery } from '../../../hooks';
-import { FOCUSABLE_ELEMENTS } from '../../../hooks/useA11y';
+import { FOCUSABLE_ELEMENTS, useA11y } from '../../../hooks/useA11y';
 import deepmerge from 'deepmerge';
 import { useLayoutOptions } from '../../../hooks/useLayoutOptions';
 import { componentNameToClassName } from '../../../utilities/componentNameToClassName';
@@ -233,7 +233,7 @@ export const Search = observer((properties) => {
     return (_jsx(CacheProvider, { children: _jsxs("div", { ...styling, className: classnames(classNamePrefix, className, internalClassName, sidebarOpenState ? `${classNamePrefix}--sidebar-open` : ''), children: [_jsx("div", { className: `${classNamePrefix}__header-section`, children: !hideTopToolbar && _jsx(Toolbar, { ...subProps.TopToolbar, controller: controller }) }), _jsxs("div", { className: `${classNamePrefix}__main-section`, children: [!hideSidebar &&
                             store.loaded &&
                             store.pagination.totalResults > 0 &&
-                            (isMobile ? (_jsx(Slideout, { ...subProps.Slideout, active: justTransitionedToMobile ? false : sidebarOpenState, children: _jsx("div", { className: `${classNamePrefix}__sidebar`, children: _jsx(Sidebar, { ...subProps.MobileSidebar, controller: controller }) }) })) : sidebarOpenState ? (_jsx("div", { className: `${classNamePrefix}__sidebar`, children: _jsx(Sidebar, { ...subProps.Sidebar, controller: controller }) })) : null), _jsxs("div", { className: classnames(`${classNamePrefix}__content`), ...(tabManager?.active
+                            (isMobile ? (_jsx(Slideout, { ...subProps.Slideout, active: justTransitionedToMobile ? false : sidebarOpenState, children: _jsx("div", { className: `${classNamePrefix}__sidebar ${classNamePrefix}__slideout__sidebar-wrapper`, ref: (e) => useA11y(e, 0, true), children: _jsx(Sidebar, { ...subProps.MobileSidebar, controller: controller }) }) })) : sidebarOpenState ? (_jsx("div", { className: `${classNamePrefix}__sidebar`, children: _jsx(Sidebar, { ...subProps.Sidebar, controller: controller }) })) : null), _jsxs("div", { className: classnames(`${classNamePrefix}__content`), ...(tabManager?.active
                                 ? {
                                     id: `ss__tabpanel--${tabControllerId}`,
                                     role: 'tabpanel',

package/dist/esm/components/src/hooks/index.d.ts

@@ -6,7 +6,8 @@ export * from './useIntersectionAdvanced';
 export * from './useDisplaySettings';
 export * from './useFuncDebounce';
 export * from './useA11y';
-export { useLang, Lang } from './useLang';
+export { useLang } from './useLang';
+export type { Lang } from './useLang';
 export * from './useDeepCompareEffect';
 export * from './useCreateController';
 export * from './useComponent';

package/dist/esm/components/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC"}

package/dist/esm/components/src/index.d.ts

@@ -5,7 +5,6 @@ export * from './components/Atoms/BadgeText';
 export * from './components/Atoms/Banner';
 export * from './components/Atoms/Breadcrumbs';
 export * from './components/Atoms/Button';
-export * from './components/Atoms/ChatLoadingIndicator';
 export * from './components/Atoms/Dropdown';
 export * from './components/Atoms/FormattedNumber';
 export * from './components/Atoms/Icon';
@@ -20,15 +19,6 @@ export * from './components/Atoms/SearchHeader';
 export * from './components/Atoms/Skeleton';
 export * from './components/Molecules/CalloutBadge';
 export * from './components/Molecules/Carousel';
-export * from './components/Molecules/ChatAttachmentContext';
-export * from './components/Molecules/ChatInspirationResultMessage';
-export * from './components/Molecules/ChatMessageText';
-export * from './components/Molecules/ChatMessageUser';
-export * from './components/Molecules/ChatProductComparisonMessage';
-export * from './components/Molecules/ChatQuickview';
-export * from './components/Molecules/ChatResult';
-export * from './components/Molecules/ChatResultsDisplay';
-export * from './components/Molecules/ChatSuggestedQuestions';
 export * from './components/Molecules/Checkbox';
 export * from './components/Molecules/ErrorHandler';
 export * from './components/Molecules/FacetGridOptions';
@@ -74,10 +64,6 @@ export * from './components/Organisms/Sidebar';
 export * from './components/Organisms/Toolbar';
 export * from './components/Organisms/Autocomplete';
 export * from './components/Organisms/TermsList';
-export { ChatOrganism, type ChatOrganismProps } from './components/Organisms/Chat';
-export { ChatButtonOrganism, type ChatButtonOrganismProps } from './components/Organisms/ChatButton';
-export * from './components/Templates/Chat';
-export * from './components/Templates/ChatButton';
 export * from './components/Templates/QuickviewModal';
 export * from './components/Templates/QuickviewSlideout';
 export * from './components/Templates/Recommendation';
@@ -93,7 +79,8 @@ export * from './components/Templates/SearchCollapsible';
 export * from './types';
 export * from './components/Trackers/Recommendation/ProfileTracker';
 export * from './components/Trackers/ResultTracker';
-export { ResultTracker as RecommendationResultTracker, ResultTrackerProps as RecommendationResultTrackerProps, } from './components/Trackers/ResultTracker';
+export { ResultTracker as RecommendationResultTracker } from './components/Trackers/ResultTracker';
+export type { ResultTrackerProps as RecommendationResultTrackerProps } from './components/Trackers/ResultTracker';
 export * from './hooks/useClickOutside';
 export * from './hooks/useConstructor';
 export * from './hooks/useMediaQuery';
@@ -102,7 +89,8 @@ export * from './hooks/useIntersectionAdvanced';
 export * from './hooks/useDisplaySettings';
 export * from './hooks/useFuncDebounce';
 export * from './hooks/useA11y';
-export { useLang, Lang } from './hooks/useLang';
+export { useLang } from './hooks/useLang';
+export type { Lang } from './hooks/useLang';
 export * from './hooks/useDeepCompareEffect';
 export * from './hooks/useCreateController';
 export * from './hooks/useTracking';

package/dist/esm/components/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/src/index.js

@@ -6,7 +6,6 @@ export * from './components/Atoms/BadgeText';
 export * from './components/Atoms/Banner';
 export * from './components/Atoms/Breadcrumbs';
 export * from './components/Atoms/Button';
-export * from './components/Atoms/ChatLoadingIndicator';
 export * from './components/Atoms/Dropdown';
 export * from './components/Atoms/FormattedNumber';
 export * from './components/Atoms/Icon';
@@ -22,15 +21,6 @@ export * from './components/Atoms/Skeleton';
 // MOLECULES
 export * from './components/Molecules/CalloutBadge';
 export * from './components/Molecules/Carousel';
-export * from './components/Molecules/ChatAttachmentContext';
-export * from './components/Molecules/ChatInspirationResultMessage';
-export * from './components/Molecules/ChatMessageText';
-export * from './components/Molecules/ChatMessageUser';
-export * from './components/Molecules/ChatProductComparisonMessage';
-export * from './components/Molecules/ChatQuickview';
-export * from './components/Molecules/ChatResult';
-export * from './components/Molecules/ChatResultsDisplay';
-export * from './components/Molecules/ChatSuggestedQuestions';
 export * from './components/Molecules/Checkbox';
 export * from './components/Molecules/ErrorHandler';
 export * from './components/Molecules/FacetGridOptions';
@@ -78,11 +68,7 @@ export * from './components/Organisms/Sidebar';
 export * from './components/Organisms/Toolbar';
 export * from './components/Organisms/Autocomplete';
 export * from './components/Organisms/TermsList';
-export { ChatOrganism } from './components/Organisms/Chat';
-export { ChatButtonOrganism } from './components/Organisms/ChatButton';
 // TEMPLATES
-export * from './components/Templates/Chat';
-export * from './components/Templates/ChatButton';
 export * from './components/Templates/QuickviewModal';
 export * from './components/Templates/QuickviewSlideout';
 export * from './components/Templates/Recommendation';
@@ -100,7 +86,7 @@ export * from './types';
 // TRACKERS
 export * from './components/Trackers/Recommendation/ProfileTracker';
 export * from './components/Trackers/ResultTracker';
-export { ResultTracker as RecommendationResultTracker, } from './components/Trackers/ResultTracker';
+export { ResultTracker as RecommendationResultTracker } from './components/Trackers/ResultTracker';
 // HOOKS
 export * from './hooks/useClickOutside';
 export * from './hooks/useConstructor';