@searchspring/snap-preact-components 0.54.0 → 0.56.0

package/dist/cjs/index.js

@@ -15,7 +15,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // ATOMS
-__exportStar(require("./components/Atoms/Badge"), exports);
+__exportStar(require("./components/Atoms/BadgeImage"), exports);
+__exportStar(require("./components/Atoms/BadgePill"), exports);
+__exportStar(require("./components/Atoms/BadgeRectangle"), exports);
+__exportStar(require("./components/Atoms/BadgeText"), exports);
 __exportStar(require("./components/Atoms/Breadcrumbs"), exports);
 __exportStar(require("./components/Atoms/Button"), exports);
 __exportStar(require("./components/Atoms/Dropdown"), exports);
@@ -30,6 +33,7 @@ __exportStar(require("./components/Atoms/Skeleton"), exports);
 __exportStar(require("./components/Trackers/Recommendation/ResultTracker"), exports);
 __exportStar(require("./components/Trackers/Recommendation/ProfileTracker"), exports);
 // MOLECULES
+__exportStar(require("./components/Molecules/CalloutBadge"), exports);
 __exportStar(require("./components/Molecules/Carousel"), exports);
 __exportStar(require("./components/Molecules/Checkbox"), exports);
 __exportStar(require("./components/Molecules/ErrorHandler"), exports);
@@ -37,12 +41,17 @@ __exportStar(require("./components/Molecules/FacetGridOptions"), exports);
 __exportStar(require("./components/Molecules/FacetHierarchyOptions"), exports);
 __exportStar(require("./components/Molecules/FacetListOptions"), exports);
 __exportStar(require("./components/Molecules/FacetPaletteOptions"), exports);
+__exportStar(require("./components/Molecules/FacetSlider"), exports);
 __exportStar(require("./components/Molecules/Filter"), exports);
+__exportStar(require("./components/Molecules/Grid"), exports);
+__exportStar(require("./components/Molecules/List"), exports);
+__exportStar(require("./components/Molecules/OverlayBadge"), exports);
 __exportStar(require("./components/Molecules/Pagination"), exports);
 __exportStar(require("./components/Molecules/Result"), exports);
 __exportStar(require("./components/Molecules/Select"), exports);
 __exportStar(require("./components/Molecules/Slideout"), exports);
-__exportStar(require("./components/Molecules/FacetSlider"), exports);
+__exportStar(require("./components/Molecules/Swatches"), exports);
+__exportStar(require("./components/Molecules/VariantSelection"), exports);
 // ORGANISMS
 __exportStar(require("./components/Organisms/Autocomplete"), exports);
 __exportStar(require("./components/Organisms/BranchOverride"), exports);

package/dist/cjs/types.d.ts

@@ -1,12 +1,31 @@
-import { RenderableProps } from 'preact';
+/// <reference types="react" />
+import { FunctionalComponent, RenderableProps } from 'preact';
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from './providers/theme';
+import { IconProps } from './components/Atoms/Icon';
+import type { UrlManager } from '@searchspring/snap-url-manager';
 export interface ComponentProps extends RenderableProps<any> {
     className?: string;
     disableStyles?: boolean;
     style?: string | Record<string, any>;
     theme?: Theme;
 }
+export type ListOption = {
+    value: string | number;
+    label?: string;
+    disabled?: boolean;
+    available?: boolean;
+    default?: boolean;
+    icon?: string | Partial<IconProps>;
+    url?: UrlManager;
+};
+export type SwatchOption = ListOption & {
+    backgroundImageUrl?: string;
+    background?: string;
+};
+export type ComponentMap = {
+    [key: string]: (args?: any) => FunctionalComponent<RenderableProps<any>> | Promise<(args?: any) => React.ReactElement>;
+};
 export declare enum Layout {
     GRID = "grid",
     LIST = "list"

package/dist/cjs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,GAAG,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGnD,oBAAY,SAAS;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,kBAAkB;CAC/B;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,GAAG,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,mBAAmB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;CACvH,CAAC;AAEF,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGnD,oBAAY,SAAS;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,kBAAkB;CAC/B;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}

package/dist/cjs/utilities/defaultBadgeComponentMap.d.ts

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

package/dist/cjs/utilities/defaultBadgeComponentMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultBadgeComponentMap.d.ts","sourceRoot":"","sources":["../../../src/utilities/defaultBadgeComponentMap.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,eAAO,MAAM,wBAAwB,EAAE,YAKtC,CAAC"}

package/dist/cjs/utilities/defaultBadgeComponentMap.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultBadgeComponentMap = void 0;
+var BadgeText_1 = require("../components/Atoms/BadgeText");
+var BadgePill_1 = require("../components/Atoms/BadgePill");
+var BadgeRectangle_1 = require("../components/Atoms/BadgeRectangle");
+var BadgeImage_1 = require("../components/Atoms/BadgeImage");
+exports.defaultBadgeComponentMap = {
+    BadgeText: function () { return BadgeText_1.BadgeText; },
+    BadgePill: function () { return BadgePill_1.BadgePill; },
+    BadgeRectangle: function () { return BadgeRectangle_1.BadgeRectangle; },
+    BadgeImage: function () { return BadgeImage_1.BadgeImage; },
+};

package/dist/cjs/utilities/index.d.ts

@@ -4,4 +4,5 @@ export * from './componentArgs';
 export * from './sprintf';
 export * from './LightenDarkenColor';
 export * from './shiftColor';
+export * from './defaultBadgeComponentMap';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC"}

package/dist/cjs/utilities/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./componentArgs"), exports);
 __exportStar(require("./sprintf"), exports);
 __exportStar(require("./LightenDarkenColor"), exports);
 __exportStar(require("./shiftColor"), exports);
+__exportStar(require("./defaultBadgeComponentMap"), exports);

package/dist/cjs/utilities/snapify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../src/utilities/snapify.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAUnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAkB1I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}
+{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../src/utilities/snapify.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAUnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAqB1I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}

package/dist/cjs/utilities/snapify.js

@@ -37,6 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Snapify = void 0;
+var mobx_1 = require("mobx");
 var snap_controller_1 = require("@searchspring/snap-controller");
 var snap_client_1 = require("@searchspring/snap-client");
 var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
@@ -45,6 +46,8 @@ var snap_event_manager_1 = require("@searchspring/snap-event-manager");
 var snap_profiler_1 = require("@searchspring/snap-profiler");
 var snap_logger_1 = require("@searchspring/snap-logger");
 var snap_tracker_1 = require("@searchspring/snap-tracker");
+// configure MobX
+(0, mobx_1.configure)({ useProxies: 'never', isolateGlobalState: true, enforceActions: 'never' });
 var controllers = {};
 var client = {
     globals: { siteId: '8uyt2m' },

package/dist/esm/components/Atoms/BadgeImage/BadgeImage.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeImage: ((properties: BadgeImageProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeImageProps extends ComponentProps {
+    url: string;
+    label?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeImage.d.ts.map

package/dist/esm/components/Atoms/BadgeImage/BadgeImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeImage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/BadgeImage.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,WAAW;;CA4B3E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgeImage/BadgeImage.js

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgeImage: () => {
+        return css({
+            maxHeight: '100%',
+            maxWidth: '100%',
+        });
+    },
+};
+export const BadgeImage = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        // global theme
+        ...globalTheme?.components?.badgeImage,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgeImage,
+    };
+    const { label, url, tag, disableStyles, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeImage(), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return url ? (jsx(CacheProvider, null,
+        jsx("img", { ...styling, className: classnames('ss__badge-image', `ss__badge-image--${tag}`, className), alt: label || `${tag} badge`, src: url }))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgeImage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeImage';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgeImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/components/Atoms/BadgeImage/index.js

@@ -0,0 +1 @@
+export * from './BadgeImage';

package/dist/esm/components/Atoms/BadgePill/BadgePill.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgePill: ((properties: BadgePillProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgePillProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgePill.d.ts.map

package/dist/esm/components/Atoms/BadgePill/BadgePill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePill.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/BadgePill.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAmB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CAgCzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgePill/BadgePill.js

@@ -0,0 +1,46 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgePill: (props) => {
+        return css({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+            borderRadius: '1em',
+        });
+    },
+};
+export const BadgePill = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        color: 'rgba(58, 35, 173, 1)',
+        colorText: '#fff',
+        // global theme
+        ...globalTheme?.components?.badgePill,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgePill,
+    };
+    const { value, disableStyles, tag, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgePill(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? (jsx(CacheProvider, null,
+        jsx("div", { ...styling, className: classnames('ss__badge-pill', `ss__badge-pill--${tag}`, className) },
+            jsx("span", { className: "ss__badge-pill__value" }, value)))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgePill/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgePill';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgePill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/Atoms/BadgePill/index.js

@@ -0,0 +1 @@
+export * from './BadgePill';

package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeRectangle: ((properties: BadgeRectangleProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeRectangleProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeRectangle.d.ts.map

package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/BadgeRectangle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAkB5D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CAgCnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.js

@@ -0,0 +1,45 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgeRectangle: (props) => {
+        return css({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+export const BadgeRectangle = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        color: 'rgba(58, 35, 173, 1)',
+        colorText: '#fff',
+        // global theme
+        ...globalTheme?.components?.badgeRectangle,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgeRectangle,
+    };
+    const { value, disableStyles, tag, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeRectangle(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? (jsx(CacheProvider, null,
+        jsx("div", { ...styling, className: classnames('ss__badge-rectangle', `ss__badge-rectangle--${tag}`, className) },
+            jsx("span", { className: "ss__badge-rectangle__value" }, value)))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgeRectangle/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeRectangle';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgeRectangle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/Atoms/BadgeRectangle/index.js

@@ -0,0 +1 @@
+export * from './BadgeRectangle';

package/dist/esm/components/Atoms/BadgeText/BadgeText.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeText: ((properties: BadgeTextProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeTextProps extends ComponentProps {
+    value: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeText.d.ts.map

package/dist/esm/components/Atoms/BadgeText/BadgeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/BadgeText.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAiB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CA+BzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgeText/BadgeText.js

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgeText: (props) => {
+        return css({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+export const BadgeText = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        colorText: '#000000',
+        // global theme
+        ...globalTheme?.components?.badgeText,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgeText,
+    };
+    const { value, disableStyles, tag, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeText(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? (jsx(CacheProvider, null,
+        jsx("div", { ...styling, className: classnames('ss__badge-text', `ss__badge-text--${tag}`, className) },
+            jsx("span", { className: "ss__badge-text__value" }, value)))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgeText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeText';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgeText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/Atoms/BadgeText/index.js

@@ -0,0 +1 @@
+export * from './BadgeText';

package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentProps, ComponentMap } from '../../../types';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const CalloutBadge: ((properties: CalloutBadgeProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface CalloutBadgeProps extends ComponentProps {
+    result: Product;
+    tag?: string;
+    renderEmpty?: boolean;
+    componentMap?: ComponentMap;
+}
+//# sourceMappingURL=CalloutBadge.d.ts.map

package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAW7D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA0C/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.js

@@ -0,0 +1,49 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+import { defaultBadgeComponentMap } from '../../../utilities';
+import { useComponent } from '../../../hooks';
+const CSS = {
+    CalloutBadge: ({}) => css({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    }),
+};
+export const CalloutBadge = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        tag: 'callout',
+        // global theme
+        ...globalTheme?.components?.calloutBadge,
+        // props
+        ...properties,
+        ...properties.theme?.components?.calloutBadge,
+    };
+    const { result, tag, renderEmpty, disableStyles, className, style } = props;
+    const styling = {};
+    const badgeComponentMap = { ...defaultBadgeComponentMap, ...props.componentMap };
+    if (!disableStyles) {
+        styling.css = [CSS.CalloutBadge(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    const limit = 1;
+    const badges = result?.badges?.atLocation(tag).slice(0, limit);
+    if (renderEmpty || badges?.length) {
+        return (jsx(CacheProvider, null,
+            jsx("div", { ...styling, className: classnames('ss__callout-badge', `ss__callout-badge--${tag?.replace('/', '-')}`, className) }, badges.map((badge) => {
+                const BadgeComponent = useComponent(badgeComponentMap, badge.component);
+                if (!BadgeComponent) {
+                    return jsx(Fragment, null);
+                }
+                return jsx(BadgeComponent, { ...badge, ...badge.parameters });
+            }))));
+    }
+    return jsx(Fragment, null);
+});

package/dist/esm/components/Molecules/CalloutBadge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CalloutBadge';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Molecules/CalloutBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/Molecules/CalloutBadge/index.js

@@ -0,0 +1 @@
+export * from './CalloutBadge';

package/dist/esm/components/Molecules/Grid/Grid.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ComponentProps, ListOption, SwatchOption } from '../../../types';
+export declare function Grid(properties: GridProps): JSX.Element;
+export interface GridProps extends ComponentProps {
+    options: SwatchOption[];
+    hideLabels?: boolean;
+    multiSelect?: boolean;
+    onSelect?: (e: React.MouseEvent<HTMLElement>, option: ListOption, selected: ListOption[]) => void;
+    titleText?: string;
+    hideShowLess?: boolean;
+    selected?: ListOption | ListOption[];
+    columns?: number;
+    rows?: number;
+    gapSize?: string;
+    disableOverflowAction?: boolean;
+    overflowButton?: JSX.Element;
+    overflowButtonInGrid?: boolean;
+    onOverflowButtonClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, status: boolean, remainder: number) => void;
+}
+//# sourceMappingURL=Grid.d.ts.map

package/dist/esm/components/Molecules/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Grid/Grid.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAyGtF,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAuKvD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACnH"}