@athoscommerce/snap-preact 1.0.0

package/dist/esm/components/src/providers/withTracking.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType } from 'preact';
+import type { Banner, Product } from '@athoscommerce/snap-store-mobx';
+import type { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import type { ContentType, BannerContent } from '@athoscommerce/snap-store-mobx';
+export declare const TRACKING_ATTRIBUTE = "sstracking";
+interface WithTrackingProps {
+    controller?: SearchController | AutocompleteController | RecommendationController;
+    result?: Product;
+    banner?: Banner;
+    type?: ContentType;
+    content?: BannerContent;
+    [key: string]: any;
+}
+export declare function withTracking<Props extends WithTrackingProps>(WrappedComponent: ComponentType<Props>): (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=withTracking.d.ts.map

package/dist/esm/components/src/providers/withTracking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../../../components/src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAA8B,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAClG,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAKjF,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,WAEtE,KAAK,sDA+FlC"}

package/dist/esm/components/src/providers/withTracking.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createImpressionObserver } from '../utilities';
+import { useEffect, useCallback, useRef } from 'preact/hooks';
+export const TRACKING_ATTRIBUTE = 'sstracking';
+export function withTracking(WrappedComponent) {
+    const WrappedComponentCast = WrappedComponent;
+    const WithTracking = (props) => {
+        const { controller, result, banner, type, content, ...restProps } = props;
+        if (props.trackingRef) {
+            // case where withTracking may get used more than once
+            return _jsx(WrappedComponentCast, { ...props });
+        }
+        if (!controller && (!type || !content)) {
+            console.warn('Warning: No controller provided to withTracking', props);
+        }
+        if (!result && !banner && (!type || !content)) {
+            console.warn('Warning: No result or banner provided to withTracking');
+        }
+        const { ref, inViewport, updateRef } = createImpressionObserver();
+        // Reset impression tracking when the result identity changes (e.g. new search context).
+        // Each Product/Banner gets a new responseId per search response, so this naturally
+        // resets when query/sort/filters change without needing global controller state.
+        // Calling updateRef(ref.current) re-observes the same element with fresh state.
+        const resultIdentity = (result || banner || (type && content?.[type]?.[0]))?.responseId;
+        const prevIdentityRef = useRef(resultIdentity);
+        // Tracks whether we're waiting for the observer to reset after an identity change.
+        // Set synchronously during render to block impressions immediately when identity
+        // changes, preventing a stale inViewport=true from firing before the observer resets.
+        const awaitingReobservationRef = useRef(false);
+        if (prevIdentityRef.current !== resultIdentity) {
+            awaitingReobservationRef.current = true;
+        }
+        useEffect(() => {
+            if (prevIdentityRef.current !== resultIdentity) {
+                prevIdentityRef.current = resultIdentity;
+                updateRef(ref.current);
+            }
+        }, [resultIdentity, updateRef]);
+        useEffect(() => {
+            if (awaitingReobservationRef.current && !inViewport) {
+                awaitingReobservationRef.current = false;
+            }
+        }, [inViewport, resultIdentity]);
+        const isBannerTracking = type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '');
+        if (inViewport && !awaitingReobservationRef.current) {
+            if (isBannerTracking) {
+                controller?.track.banner.impression(content[type][0]);
+            }
+            else if (!result?.bundleSeed) {
+                controller?.track.product.impression((result || banner));
+            }
+        }
+        const handleClick = useCallback((e) => {
+            if (isBannerTracking) {
+                controller?.track.banner.click(e, content[type][0]);
+            }
+            else {
+                controller?.track.product.click(e, (result || banner));
+            }
+        }, [controller, result, banner, type, content]);
+        useEffect(() => {
+            const currentRef = ref.current;
+            if (currentRef) {
+                currentRef.setAttribute(TRACKING_ATTRIBUTE, 'true');
+                currentRef.addEventListener('click', handleClick, true); // Use capture phase
+                return () => {
+                    currentRef.removeEventListener('click', handleClick, true);
+                };
+            }
+        }, [handleClick]);
+        const trackingProps = {
+            ...restProps,
+            controller,
+            result,
+            banner,
+            type,
+            content,
+            trackingRef: useCallback((el) => {
+                updateRef(el);
+            }, [updateRef]),
+        };
+        return _jsx(WrappedComponentCast, { ...trackingProps });
+    };
+    return WithTracking;
+}

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

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../../../components/src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/components/src/themes/base/base.d.ts

@@ -0,0 +1,3 @@
+import { ThemeComplete } from '../../providers';
+export declare const base: ThemeComplete;
+//# sourceMappingURL=base.d.ts.map

package/dist/esm/components/src/themes/base/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAkBhE,eAAO,MAAM,IAAI,EAAE,aAKlB,CAAC"}

package/dist/esm/components/src/themes/base/base.js

@@ -0,0 +1,21 @@
+import { responsive } from './responsive';
+import { components } from './components';
+const baseVariables = {
+    breakpoints: {
+        mobile: 767,
+        tablet: 1024,
+        desktop: 1400,
+    },
+    colors: {
+        text: '#333333',
+        primary: '#3A23AD',
+        secondary: '#4c3ce2',
+        accent: '#00cee1',
+    },
+};
+export const base = {
+    name: 'base',
+    variables: baseVariables,
+    components,
+    responsive,
+};

package/dist/esm/components/src/themes/base/components/atoms/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const atoms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/themes/base/components/atoms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,eAAO,MAAM,KAAK,EAAE,uBAKnB,CAAC"}

package/dist/esm/components/src/themes/base/components/atoms/index.js

@@ -0,0 +1,7 @@
+// ATOMS Imports
+export const atoms = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

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

@@ -0,0 +1,6 @@
+import type { ThemeComponentsRestricted } from '../../../providers';
+export declare const components: ThemeComponentsRestricted;
+export declare const mobileComponents: ThemeComponentsRestricted;
+export declare const tabletComponents: ThemeComponentsRestricted;
+export declare const desktopComponents: ThemeComponentsRestricted;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/themes/base/components/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,eAAO,MAAM,UAAU,EAAE,yBAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,yBAK/B,CAAC"}

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

@@ -0,0 +1,28 @@
+import { atoms } from './atoms';
+import { molecules } from './molecules';
+import { organisms } from './organisms';
+import { templates } from './templates';
+export const components = {
+    ...atoms.default,
+    ...molecules.default,
+    ...organisms.default,
+    ...templates.default,
+};
+export const mobileComponents = {
+    ...atoms.mobile,
+    ...molecules.mobile,
+    ...organisms.mobile,
+    ...templates.mobile,
+};
+export const tabletComponents = {
+    ...atoms.tablet,
+    ...molecules.tablet,
+    ...organisms.tablet,
+    ...templates.tablet,
+};
+export const desktopComponents = {
+    ...atoms.desktop,
+    ...molecules.desktop,
+    ...organisms.desktop,
+    ...templates.desktop,
+};

package/dist/esm/components/src/themes/base/components/molecules/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const molecules: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/themes/base/components/molecules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,eAAO,MAAM,SAAS,EAAE,uBAKvB,CAAC"}

package/dist/esm/components/src/themes/base/components/molecules/index.js

@@ -0,0 +1,7 @@
+// MOLECULES Imports
+export const molecules = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/esm/components/src/themes/base/components/organisms/autocomplete.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteProps } from '../../../../components/Organisms/Autocomplete';
+export declare const autocomplete: ThemeComponent<'autocomplete', AutocompleteProps>;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/esm/components/src/themes/base/components/organisms/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/organisms/autocomplete.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAOlF,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAW1E,CAAC"}

package/dist/esm/components/src/themes/base/components/organisms/autocomplete.js

@@ -0,0 +1,18 @@
+import { css } from '@emotion/react';
+import { autocompleteThemeComponentProps } from '../../../themeComponents/autocomplete';
+// CSS in JS style script for the Search component
+const autocompleteStyleScript = ({}) => {
+    return css({});
+};
+export const autocomplete = {
+    default: {
+        ...autocompleteThemeComponentProps.default,
+        autocomplete: {
+            ...(autocompleteThemeComponentProps.default?.['autocomplete'] || {}),
+            themeStyleScript: autocompleteStyleScript,
+        },
+    },
+    mobile: autocompleteThemeComponentProps.mobile,
+    desktop: autocompleteThemeComponentProps.desktop,
+    tablet: autocompleteThemeComponentProps.tablet,
+};

package/dist/esm/components/src/themes/base/components/organisms/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const organisms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/themes/base/components/organisms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAKhE,eAAO,MAAM,SAAS,EAAE,uBAavB,CAAC"}

package/dist/esm/components/src/themes/base/components/organisms/index.js

@@ -0,0 +1,16 @@
+import { autocomplete } from './autocomplete';
+// ORGANISMS Imports
+export const organisms = {
+    default: {
+        ...autocomplete.default,
+    },
+    mobile: {
+        ...autocomplete.mobile,
+    },
+    tablet: {
+        ...autocomplete.tablet,
+    },
+    desktop: {
+        ...autocomplete.desktop,
+    },
+};

package/dist/esm/components/src/themes/base/components/templates/autocompleteFixed.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteFixedProps } from '../../../../components/Templates/AutocompleteFixed';
+export declare const autocompleteFixed: ThemeComponent<'autocompleteFixed', AutocompleteFixedProps>;
+//# sourceMappingURL=autocompleteFixed.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/autocompleteFixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAO5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CAWzF,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/autocompleteFixed.js

@@ -0,0 +1,18 @@
+import { css } from '@emotion/react';
+import { autocompleteFixedThemeComponentProps } from '../../../themeComponents/autocompleteFixed';
+// CSS in JS style script for the Search component
+const autocompleteFixedStyleScript = ({}) => {
+    return css({});
+};
+export const autocompleteFixed = {
+    default: {
+        ...autocompleteFixedThemeComponentProps.default,
+        autocompleteFixed: {
+            ...(autocompleteFixedThemeComponentProps.default?.['autocompleteFixed'] || {}),
+            themeStyleScript: autocompleteFixedStyleScript,
+        },
+    },
+    mobile: autocompleteFixedThemeComponentProps.mobile,
+    desktop: autocompleteFixedThemeComponentProps.desktop,
+    tablet: autocompleteFixedThemeComponentProps.tablet,
+};

package/dist/esm/components/src/themes/base/components/templates/autocompleteModal.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteModalProps } from '../../../../components/Templates/AutocompleteModal';
+export declare const autocompleteModal: ThemeComponent<'autocompleteModal', AutocompleteModalProps>;
+//# sourceMappingURL=autocompleteModal.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/autocompleteModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAO5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CAWzF,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/autocompleteModal.js

@@ -0,0 +1,18 @@
+import { css } from '@emotion/react';
+import { autocompleteModalThemeComponentProps } from '../../../themeComponents/autocompleteModal';
+// CSS in JS style script for the Search component
+const autocompleteModalStyleScript = ({}) => {
+    return css({});
+};
+export const autocompleteModal = {
+    default: {
+        ...autocompleteModalThemeComponentProps.default,
+        autocompleteModal: {
+            ...(autocompleteModalThemeComponentProps.default?.['autocompleteModal'] || {}),
+            themeStyleScript: autocompleteModalStyleScript,
+        },
+    },
+    mobile: autocompleteModalThemeComponentProps.mobile,
+    desktop: autocompleteModalThemeComponentProps.desktop,
+    tablet: autocompleteModalThemeComponentProps.tablet,
+};

package/dist/esm/components/src/themes/base/components/templates/autocompleteSlideout.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteSlideoutProps } from '../../../../components/Templates/AutocompleteSlideout';
+export declare const autocompleteSlideout: ThemeComponent<'autocompleteSlideout', AutocompleteSlideoutProps>;
+//# sourceMappingURL=autocompleteSlideout.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/autocompleteSlideout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/autocompleteSlideout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAOlG,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAWlG,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/autocompleteSlideout.js

@@ -0,0 +1,18 @@
+import { css } from '@emotion/react';
+import { autocompleteSlideoutThemeComponentProps } from '../../../themeComponents/autocompleteSlideout';
+// CSS in JS style script for the Search component
+const autocompleteSlideoutStyleScript = ({}) => {
+    return css({});
+};
+export const autocompleteSlideout = {
+    default: {
+        ...autocompleteSlideoutThemeComponentProps.default,
+        autocompleteSlideout: {
+            ...(autocompleteSlideoutThemeComponentProps.default?.['autocompleteSlideout'] || {}),
+            themeStyleScript: autocompleteSlideoutStyleScript,
+        },
+    },
+    mobile: autocompleteSlideoutThemeComponentProps.mobile,
+    desktop: autocompleteSlideoutThemeComponentProps.desktop,
+    tablet: autocompleteSlideoutThemeComponentProps.tablet,
+};

package/dist/esm/components/src/themes/base/components/templates/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const templates: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAiBhE,eAAO,MAAM,SAAS,EAAE,uBA6DvB,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/index.js

@@ -0,0 +1,76 @@
+// TEMPLATES
+import { recommendation } from './recommendation';
+import { recommendationBundle } from './recommendationBundle';
+import { recommendationBundleEasyAdd } from './recommendationBundleEasyAdd';
+import { recommendationBundleList } from './recommendationBundleList';
+import { recommendationBundleVertical } from './recommendationBundleVertical';
+import { recommendationGrid } from './recommendationGrid';
+import { recommendationEmail } from './recommendationEmail';
+import { search } from './search';
+import { searchHorizontal } from './searchHorizontal';
+import { searchCollapsible } from './searchCollapsible';
+import { autocompleteSlideout } from './autocompleteSlideout';
+import { autocompleteModal } from './autocompleteModal';
+import { autocompleteFixed } from './autocompleteFixed';
+export const templates = {
+    default: {
+        ...autocompleteSlideout.default,
+        ...autocompleteModal.default,
+        ...autocompleteFixed.default,
+        ...recommendation.default,
+        ...recommendationBundle.default,
+        ...recommendationBundleEasyAdd.default,
+        ...recommendationBundleList.default,
+        ...recommendationBundleVertical.default,
+        ...recommendationGrid.default,
+        ...recommendationEmail.default,
+        ...search.default,
+        ...searchCollapsible.default,
+        ...searchHorizontal.default,
+    },
+    mobile: {
+        ...autocompleteSlideout.mobile,
+        ...autocompleteModal.mobile,
+        ...autocompleteFixed.mobile,
+        ...recommendation.mobile,
+        ...recommendationBundle.mobile,
+        ...recommendationBundleEasyAdd.mobile,
+        ...recommendationBundleList.mobile,
+        ...recommendationBundleVertical.mobile,
+        ...recommendationGrid.mobile,
+        ...recommendationEmail.mobile,
+        ...search.mobile,
+        ...searchCollapsible.mobile,
+        ...searchHorizontal.mobile,
+    },
+    tablet: {
+        ...autocompleteSlideout.tablet,
+        ...autocompleteModal.tablet,
+        ...autocompleteFixed.tablet,
+        ...recommendation.tablet,
+        ...recommendationBundle.tablet,
+        ...recommendationBundleEasyAdd.tablet,
+        ...recommendationBundleList.tablet,
+        ...recommendationBundleVertical.tablet,
+        ...recommendationGrid.tablet,
+        ...recommendationEmail.tablet,
+        ...search.tablet,
+        ...searchCollapsible.tablet,
+        ...searchHorizontal.tablet,
+    },
+    desktop: {
+        ...autocompleteSlideout.desktop,
+        ...autocompleteModal.desktop,
+        ...autocompleteFixed.desktop,
+        ...recommendation.desktop,
+        ...recommendationBundle.desktop,
+        ...recommendationBundleEasyAdd.desktop,
+        ...recommendationBundleList.desktop,
+        ...recommendationBundleVertical.desktop,
+        ...recommendationGrid.desktop,
+        ...recommendationEmail.desktop,
+        ...search.desktop,
+        ...searchCollapsible.desktop,
+        ...searchHorizontal.desktop,
+    },
+};

package/dist/esm/components/src/themes/base/components/templates/recommendation.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationProps } from '../../../../components/Templates/Recommendation';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendation: ThemeComponent<'recommendation', RecommendationProps>;
+//# sourceMappingURL=recommendation.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAWhF,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendation.js

@@ -0,0 +1,26 @@
+import { css } from '@emotion/react';
+import { recommendationThemeComponentProps } from '../../../themeComponents/recommendation';
+// CSS in JS style script for the Recommendation component
+const recommendationStyleScript = ({ theme }) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const variables = theme?.variables;
+    return css({
+        margin: '20px 0',
+        '& .ss__recommendation__title': {
+            color: variables?.colors?.primary,
+        },
+    });
+};
+// Recommendation component props come from Template export
+export const recommendation = {
+    default: {
+        ...recommendationThemeComponentProps.default,
+        recommendation: {
+            ...(recommendationThemeComponentProps.default?.['recommendation'] || {}),
+            themeStyleScript: recommendationStyleScript,
+        },
+    },
+    mobile: recommendationThemeComponentProps.mobile,
+    desktop: recommendationThemeComponentProps.desktop,
+    tablet: recommendationThemeComponentProps.tablet,
+};

package/dist/esm/components/src/themes/base/components/templates/recommendationBundle.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleProps } from '../../../../components/Templates/RecommendationBundle';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundle: ThemeComponent<'recommendationBundle', RecommendationBundleProps>;
+//# sourceMappingURL=recommendationBundle.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendationBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAEvG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAA2C,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendationBundle.js

@@ -0,0 +1,2 @@
+import { recommendationBundleThemeComponentProps } from '../../../themeComponents/recommendationBundle';
+export const recommendationBundle = recommendationBundleThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleEasyAdd.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleEasyAddProps } from '../../../../components/Templates/RecommendationBundleEasyAdd';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundleEasyAdd: ThemeComponent<'recommendationBundleEasyAdd', RecommendationBundleEasyAddProps>;
+//# sourceMappingURL=recommendationBundleEasyAdd.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleEasyAdd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,8DAA8D,CAAC;AAErH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,6BAA6B,EAAE,gCAAgC,CACzE,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleEasyAdd.js

@@ -0,0 +1,2 @@
+import { recommendationBundleEasyAddThemeComponentProps } from '../../../themeComponents/recommendationBundleEasyAdd';
+export const recommendationBundleEasyAdd = recommendationBundleEasyAddThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleList.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleListProps } from '../../../../components/Templates/RecommendationBundleList';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundleList: ThemeComponent<'recommendationBundleList', RecommendationBundleListProps>;
+//# sourceMappingURL=recommendationBundleList.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAE/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,0BAA0B,EAAE,6BAA6B,CACnE,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleList.js

@@ -0,0 +1,2 @@
+import { recommendationBundleListThemeComponentProps } from '../../../themeComponents/recommendationBundleList';
+export const recommendationBundleList = recommendationBundleListThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleVertical.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleVerticalProps } from '../../../../components/Templates/RecommendationBundleVertical';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundleVertical: ThemeComponent<'recommendationBundleVertical', RecommendationBundleVerticalProps>;
+//# sourceMappingURL=recommendationBundleVertical.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleVertical.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundleVertical.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,+DAA+D,CAAC;AAEvH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,4BAA4B,EAAE,cAAc,CAAC,8BAA8B,EAAE,iCAAiC,CAC3E,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendationBundleVertical.js

@@ -0,0 +1,2 @@
+import { recommendationBundleVerticalThemeComponentProps } from '../../../themeComponents/recommendationBundleVertical';
+export const recommendationBundleVertical = recommendationBundleVerticalThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/recommendationEmail.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationEmailProps } from '../../../../components/Templates/RecommendationEmail';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationEmail: ThemeComponent<'recommendationEmail', RecommendationEmailProps>;
+//# sourceMappingURL=recommendationEmail.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendationEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAErG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,CAA0C,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendationEmail.js

@@ -0,0 +1,2 @@
+import { recommendationEmailThemeComponentProps } from '../../../themeComponents/recommendationEmail';
+export const recommendationEmail = recommendationEmailThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/recommendationGrid.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationGridProps } from '../../../../components/Templates/RecommendationGrid';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationGrid: ThemeComponent<'recommendationGrid', RecommendationGridProps>;
+//# sourceMappingURL=recommendationGrid.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/recommendationGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationGrid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAEnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,EAAE,uBAAuB,CAAyC,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/recommendationGrid.js

@@ -0,0 +1,2 @@
+import { recommendationGridThemeComponentProps } from '../../../themeComponents/recommendationGrid';
+export const recommendationGrid = recommendationGridThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/search.d.ts

@@ -0,0 +1,4 @@
+import type { SearchProps } from '../../../../components/Templates/Search';
+import { ThemeComponent } from '../../../../providers';
+export declare const search: ThemeComponent<'search', SearchProps>;
+//# sourceMappingURL=search.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAA6B,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/search.js

@@ -0,0 +1,9 @@
+import { searchThemeComponentProps } from '../../../themeComponents/search';
+// CSS in JS style script for the Search component
+// const searchStyleScript = ({ theme }: SearchProps) => {
+// 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+// 	const variables = theme?.variables;
+// 	return css({});
+// };
+// Search component props come from Template export
+export const search = searchThemeComponentProps;

package/dist/esm/components/src/themes/base/components/templates/searchCollapsible.d.ts

@@ -0,0 +1,4 @@
+import type { SearchCollapsibleProps } from '../../../../components/Templates/SearchCollapsible';
+import { ThemeComponent } from '../../../../providers';
+export declare const searchCollapsible: ThemeComponent<'searchCollapsible', SearchCollapsibleProps>;
+//# sourceMappingURL=searchCollapsible.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/searchCollapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/searchCollapsible.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAEjG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CAWzF,CAAC"}