@searchspring/snap-preact-components 0.51.1 → 0.52.0

package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { Fragment } from 'preact';
 import { useEffect } from 'preact/hooks';
-import { observer } from 'mobx-react-lite';
+import { observer } from 'mobx-react';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import deepmerge from 'deepmerge';

package/dist/esm/components/Organisms/Facet/Facet.d.ts

@@ -2,9 +2,7 @@
 import { IconType } from '../../Atoms/Icon';
 import { ComponentProps } from '../../../types';
 import type { ValueFacet, RangeFacet } from '@searchspring/snap-store-mobx';
-export declare const Facet: ((properties: FacetProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Facet: (properties: FacetProps) => JSX.Element;
 export interface FacetProps extends OptionalFacetProps {
     facet: ValueFacet | RangeFacet;
 }
@@ -27,7 +25,7 @@ interface OptionalFacetProps extends ComponentProps {
     fields?: FieldProps;
     searchable?: boolean;
 }
-declare type FieldProps = {
+type FieldProps = {
     [variable: string]: FacetProps;
 };
 export {};

package/dist/esm/components/Organisms/Facet/Facet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Facet/Facet.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,cAAc,EAA4B,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAoD,MAAM,+BAA+B,CAAC;AAwC9H,eAAO,MAAM,KAAK,gBAAyB,UAAU,KAAG,WAAW;;CAyRjE,CAAC;AAcH,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACrD,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,UAAU,kBAAmB,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,aAAK,UAAU,GAAG;IACjB,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Facet/Facet.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,cAAc,EAA4B,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAoD,MAAM,+BAA+B,CAAC;AAwC9H,eAAO,MAAM,KAAK,eAAyB,UAAU,KAAG,WAyRtD,CAAC;AAcH,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACrD,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,UAAU,kBAAmB,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,KAAK,UAAU,GAAG;IACjB,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;CAC/B,CAAC"}

package/dist/esm/components/Organisms/Facet/Facet.js

@@ -2,7 +2,7 @@
 import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
+import { observer } from 'mobx-react';
 import { FacetListOptions } from '../../Molecules/FacetListOptions';
 import { FacetGridOptions } from '../../Molecules/FacetGridOptions';
 import { FacetPaletteOptions } from '../../Molecules/FacetPaletteOptions';

package/dist/esm/components/Organisms/Facets/Facets.d.ts

@@ -2,10 +2,8 @@
 import { ComponentProps } from '../../../types';
 import type { SearchController, AutocompleteController } from '@searchspring/snap-controller';
 import type { ValueFacet, RangeFacet } from '@searchspring/snap-store-mobx';
-export declare const Facets: ((properties: FacetsProps) => JSX.Element) & {
-    displayName: string;
-};
-export declare type IndividualFacetType = ValueFacet | RangeFacet;
+export declare const Facets: (properties: FacetsProps) => JSX.Element;
+export type IndividualFacetType = ValueFacet | RangeFacet;
 export interface FacetsProps extends ComponentProps {
     facets?: IndividualFacetType[];
     limit?: number;

package/dist/esm/components/Organisms/Facets/Facets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Facets/Facets.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM5E,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAmDnE,CAAC;AAMH,oBAAY,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD"}
+{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Facets/Facets.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM5E,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WAmDxD,CAAC;AAMH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD"}

package/dist/esm/components/Organisms/Facets/Facets.js

@@ -2,7 +2,7 @@
 import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
+import { observer } from 'mobx-react';
 import { Facet } from '../Facet';
 import { useTheme, CacheProvider } from '../../../providers';
 import { defined } from '../../../utilities';

package/dist/esm/components/Organisms/FilterSummary/FilterSummary.d.ts

@@ -2,9 +2,7 @@
 import { ComponentProps } from '../../../types';
 import type { SearchController, AutocompleteController } from '@searchspring/snap-controller';
 import type { Filter as FilterType } from '@searchspring/snap-store-mobx';
-export declare const FilterSummary: ((properties: FilterSummaryProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const FilterSummary: (properties: FilterSummaryProps) => JSX.Element;
 export interface FilterSummaryProps extends ComponentProps {
     filters?: FilterType[];
     title?: string;

package/dist/esm/components/Organisms/FilterSummary/FilterSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSummary.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/FilterSummary/FilterSummary.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC9F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAc1E,eAAO,MAAM,aAAa,gBAAyB,kBAAkB,KAAG,WAAW;;CAqFjF,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACjG,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC/E,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD"}
+{"version":3,"file":"FilterSummary.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/FilterSummary/FilterSummary.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC9F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAc1E,eAAO,MAAM,aAAa,eAAyB,kBAAkB,KAAG,WAqFtE,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACjG,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC/E,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD"}

package/dist/esm/components/Organisms/FilterSummary/FilterSummary.js

@@ -2,7 +2,7 @@
 import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
+import { observer } from 'mobx-react';
 import { Filter } from '../../Molecules/Filter';
 import { defined } from '../../../utilities';
 import { useTheme, CacheProvider } from '../../../providers';

package/dist/esm/components/Organisms/Recommendation/Recommendation.d.ts

@@ -2,11 +2,9 @@
 /** @jsx jsx */
 import { ComponentChildren } from 'preact';
 import type { RecommendationController } from '@searchspring/snap-controller';
-import type { SearchResultStore } from '@searchspring/snap-store-mobx';
+import type { Product } from '@searchspring/snap-store-mobx';
 import { ComponentProps, BreakpointsProps } from '../../../types';
-export declare const Recommendation: ((properties: RecommendationProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Recommendation: (properties: RecommendationProps) => JSX.Element;
 export interface RecommendationProps extends ComponentProps {
     title?: JSX.Element | string;
     breakpoints?: BreakpointsProps;
@@ -14,7 +12,7 @@ export interface RecommendationProps extends ComponentProps {
     nextButton?: JSX.Element | string;
     hideButtons?: boolean;
     loop?: boolean;
-    results?: SearchResultStore;
+    results?: Product[];
     pagination?: boolean;
     controller: RecommendationController;
     children?: ComponentChildren;

package/dist/esm/components/Organisms/Recommendation/Recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAW,MAAM,+BAA+B,CAAC;AAMhF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAe9E,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CA+HnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAM7D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAe9E,eAAO,MAAM,cAAc,eAAyB,mBAAmB,KAAG,WA+HxE,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/esm/components/Organisms/Recommendation/Recommendation.js

@@ -2,7 +2,7 @@
 import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
+import { observer } from 'mobx-react';
 import deepmerge from 'deepmerge';
 import { Carousel, defaultCarouselBreakpoints, defaultVerticalCarouselBreakpoints } from '../../Molecules/Carousel';
 import { Result } from '../../Molecules/Result';

package/dist/esm/components/Organisms/RecommendationBundle/BundleCTA.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IconProps } from '../../Atoms/Icon';
+import type { ComponentProps } from '../../../types';
+import type { CartStore } from '@searchspring/snap-store-mobx';
+export declare const BundledCTA: (properties: BundledCTAProps) => JSX.Element;
+export interface BundleSelectorSubProps {
+    icon: Partial<IconProps>;
+}
+interface BundledCTAProps extends ComponentProps {
+    ctaSlot?: JSX.Element;
+    cartStore: CartStore;
+    icon?: string | Partial<IconProps> | boolean;
+    onAddToCartClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    addToCartText?: string;
+}
+export {};
+//# sourceMappingURL=BundleCTA.d.ts.map

package/dist/esm/components/Organisms/RecommendationBundle/BundleCTA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleCTA.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/BundleCTA.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE/D,eAAO,MAAM,UAAU,eAAyB,eAAe,KAAG,WA2DhE,CAAC;AAEH,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CACzB;AAED,UAAU,eAAgB,SAAQ,cAAc;IAC/C,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC7C,gBAAgB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/esm/components/Organisms/RecommendationBundle/BundleCTA.js

@@ -0,0 +1,42 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx } from '@emotion/react';
+import { observer } from 'mobx-react';
+import { cloneWithProps } from '../../../utilities';
+import { Button } from '../../Atoms/Button';
+import { Price } from '../../Atoms/Price';
+import { useTheme } from '../../../providers';
+import { Icon } from '../../Atoms/Icon';
+export const BundledCTA = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        // global theme
+        ...properties,
+    };
+    const { ctaSlot, icon, cartStore, onAddToCartClick, addToCartText } = props;
+    const subProps = {
+        icon: {
+            // default props
+            className: 'ss__recommendation-bundle__wrapper__cta__icon',
+            icon: 'bag',
+            size: 50,
+            // global theme
+            ...globalTheme?.components?.icon,
+            // component theme overrides
+            theme: props?.theme,
+        },
+    };
+    return (jsx("div", { className: `ss__recommendation-bundle__wrapper__cta` }, ctaSlot ? (cloneWithProps(ctaSlot, props)) : (jsx(Fragment, null,
+        jsx("div", { className: "ss__recommendation-bundle__wrapper__cta__subtotal" },
+            icon ? (jsx("div", { className: "icon" },
+                jsx(Icon, { ...subProps.icon, ...(typeof icon == 'string' ? { icon: icon } : icon) }))) : (jsx(Fragment, null)),
+            jsx("span", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__title" }, `Subtotal for ${cartStore.count} items`),
+            jsx("div", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__prices" },
+                cartStore.msrp && cartStore.msrp !== cartStore.price ? (jsx("label", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__strike" },
+                    "Was ",
+                    jsx(Price, { lineThrough: true, value: cartStore.msrp }))) : (jsx(Fragment, null)),
+                jsx("label", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__price" },
+                    jsx(Price, { value: cartStore.price })))),
+        jsx(Button, { className: 'ss__recommendation-bundle__wrapper__cta__button', onClick: (e) => onAddToCartClick(e) }, addToCartText)))));
+});

package/dist/esm/components/Organisms/RecommendationBundle/BundleSelector.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
+import { CheckboxProps } from '../../Molecules/Checkbox';
+import { IconProps } from '../../Atoms/Icon';
+import type { ComponentProps } from '../../../types';
+export declare const BundleSelector: (properties: BundleSelectorProps) => JSX.Element;
+export interface BundleSelectorSubProps {
+    icon: Partial<IconProps>;
+    checkbox: Partial<CheckboxProps>;
+}
+export interface BundleSelectorProps extends ComponentProps {
+    children?: ComponentChildren;
+    checked?: boolean;
+    seedText?: string;
+    seed?: boolean;
+    hideCheckboxes?: boolean;
+    onCheck?: () => void;
+    icon?: string | Partial<IconProps> | boolean;
+}
+//# sourceMappingURL=BundleSelector.d.ts.map

package/dist/esm/components/Organisms/RecommendationBundle/BundleSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/BundleSelector.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAK9C,OAAO,EAAY,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,cAAc,eAAyB,mBAAmB,KAAG,WAmDxE,CAAC;AAEH,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;CAC7C"}

package/dist/esm/components/Organisms/RecommendationBundle/BundleSelector.js

@@ -0,0 +1,43 @@
+import { jsx } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react';
+import { useTheme } from '../../../providers';
+import { Checkbox } from '../../Molecules/Checkbox';
+import { Icon } from '../../Atoms/Icon';
+export const BundleSelector = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        hideCheckboxes: false,
+        // global theme
+        ...properties,
+    };
+    const { className, children, checked, icon, seedText, seed, hideCheckboxes, onCheck } = props;
+    const subProps = {
+        icon: {
+            // default props
+            className: 'ss__recommendation-bundle__wrapper__selector__icon',
+            size: 15,
+            // global theme
+            ...globalTheme?.components?.icon,
+            // component theme overrides
+            theme: props?.theme,
+        },
+        checkbox: {
+            className: 'ss__recommendation-bundle__wrapper__selector__result-wrapper__checkbox',
+            checked: checked,
+            size: 18,
+            onClick: onCheck,
+            // global theme
+            ...globalTheme?.components?.checkbox,
+            // component theme overrides
+            theme: props?.theme,
+        },
+    };
+    return (jsx("div", { className: classnames('ss__recommendation-bundle__wrapper__selector', checked ? 'ss__recommendation-bundle__wrapper__selector--selected' : '', seedText || seed ? 'ss__recommendation-bundle__wrapper__selector--seed' : '', className) },
+        jsx("div", { className: "ss__recommendation-bundle__wrapper__selector__result-wrapper" },
+            !hideCheckboxes && jsx(Checkbox, { ...subProps.checkbox }),
+            seedText && jsx("div", { className: 'ss__recommendation-bundle__wrapper__selector__result-wrapper__seed-badge' }, seedText),
+            children),
+        jsx(Icon, { ...subProps.icon, ...(typeof icon == 'string' ? { icon: icon } : icon) })));
+});

package/dist/esm/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { CarouselProps as CarouselProps } from '../../Molecules/Carousel';
+import { ComponentProps, BreakpointsProps } from '../../../types';
+import { IconProps } from '../../Atoms/Icon';
+import type { RecommendationController } from '@searchspring/snap-controller';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const RecommendationBundle: (properties: RecommendationBundleProps) => JSX.Element;
+type BundleCarouselProps = {
+    enabled?: boolean;
+    seedInCarousel?: boolean;
+} & Partial<CarouselProps>;
+export interface RecommendationBundleProps extends ComponentProps {
+    results?: Product[];
+    limit?: number;
+    controller: RecommendationController;
+    onAddToCart: (items: Product[]) => void;
+    title?: JSX.Element | string;
+    breakpoints?: BreakpointsProps;
+    resultComponent?: JSX.Element;
+    preselectedCount?: number;
+    hideCheckboxes?: boolean;
+    seedText?: string;
+    separatorIconSeedOnly?: boolean;
+    separatorIcon?: string | Partial<IconProps> | boolean;
+    ctaInline?: boolean;
+    ctaIcon?: string | Partial<IconProps> | boolean;
+    ctaButtonText?: string;
+    ctaSlot?: JSX.Element;
+    vertical?: boolean;
+    carousel?: BundleCarouselProps;
+}
+export {};
+//# sourceMappingURL=RecommendationBundle.d.ts.map

package/dist/esm/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAY,aAAa,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIpF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAI9E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAyG7D,eAAO,MAAM,oBAAoB,eAAyB,yBAAyB,KAAG,WAicpF,CAAC;AAEH,KAAK,mBAAmB,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE3B,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAChE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAC/B"}