@searchspring/snap-preact-components 0.54.0 → 0.55.0

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/OverlayBadge/OverlayBadge.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
+import { ComponentProps, ComponentMap } from '../../../types';
+import type { AutocompleteController, RecommendationController, SearchController } from '@searchspring/snap-controller';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const OverlayBadge: ((properties: OverlayBadgeProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface OverlayBadgeProps extends ComponentProps {
+    result: Product;
+    controller: SearchController | AutocompleteController | RecommendationController;
+    children: ComponentChildren;
+    renderEmpty?: boolean;
+    componentMap?: ComponentMap;
+}
+//# sourceMappingURL=OverlayBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAe,MAAM,QAAQ,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA6C7D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAqF/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

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

@@ -0,0 +1,111 @@
+/** @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 = {
+    OverlayBadge: ({ grid }) => {
+        let gridProperties = {};
+        if (grid?.length && grid[0]?.length) {
+            const gridTemplateAreas = grid.map((row) => `"${row.join(' ')}"`).join(' ');
+            const columns = grid[0].length;
+            gridProperties = {
+                gridTemplateColumns: `repeat(${columns}, 1fr)`,
+                gridTemplateAreas,
+            };
+        }
+        return css({
+            position: 'relative',
+            '& .ss__overlay-badge__grid-wrapper': {
+                display: 'grid',
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+                ...gridProperties,
+            },
+        });
+    },
+    BadgePositioning: ({ index, section, tag }) => {
+        return css({
+            position: 'absolute',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: section == 'right' ? 'flex-end' : 'flex-start',
+            right: section == 'right' ? 0 : undefined,
+            gap: '0.5em',
+            gridArea: tag,
+            boxSizing: 'border-box',
+            zIndex: Math.max(100 - index, 1),
+            width: '100%',
+            height: '100%',
+        });
+    },
+};
+export const OverlayBadge = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        // global theme
+        ...globalTheme?.components?.overlayBadge,
+        // props
+        ...properties,
+        ...properties.theme?.components?.overlayBadge,
+    };
+    const { result, children, controller, renderEmpty, disableStyles, className, style } = props;
+    const styling = {};
+    if (!children) {
+        controller?.log?.warn('OverlayBadge component must have children');
+        return jsx(Fragment, null);
+    }
+    const limit = 1;
+    const meta = controller?.store?.meta;
+    const group = 'overlay';
+    const grid = meta?.badges?.groups?.[group]?.grid;
+    const badgeComponentMap = { ...defaultBadgeComponentMap, ...props.componentMap };
+    const sections = meta?.badges?.groups?.[group]?.sections;
+    // build locations and filter out the locations that have no badges in them to prevent rendering
+    const locations = sections
+        ?.map((section) => {
+        const sectionSlots = meta?.data?.badges?.locations[section];
+        const slots = sectionSlots
+            ?.map((slot) => ({
+            tag: slot.tag,
+            name: slot.name,
+            badges: result?.badges?.atLocation(`${section}/${slot.tag}`).slice(0, limit),
+        }))
+            .filter((slot) => slot.badges.length);
+        return {
+            section,
+            slots,
+        };
+    })
+        .filter((location) => location.slots?.length);
+    if (!disableStyles) {
+        styling.css = [CSS.OverlayBadge({ ...props, grid }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    if (renderEmpty || locations?.length) {
+        return (jsx(CacheProvider, null,
+            jsx("div", { ...styling, className: classnames('ss__overlay-badge', className) },
+                jsx("div", { className: "ss__overlay-badge__grid-wrapper" }, locations.map((location, index) => {
+                    return location.slots?.map((slot) => {
+                        return (jsx("div", { className: classnames('ss__overlay-badge__grid-wrapper__slot', `ss__overlay-badge__grid-wrapper__slot--${slot.tag}`), css: [CSS.BadgePositioning({ tag: slot.tag, section: location.section, index })] }, slot.badges.map((badge) => {
+                            const BadgeComponent = useComponent(badgeComponentMap, badge.component);
+                            if (!BadgeComponent) {
+                                return jsx(Fragment, null);
+                            }
+                            return jsx(BadgeComponent, { ...badge, ...badge.parameters });
+                        })));
+                    });
+                })),
+                children)));
+    }
+    return jsx(Fragment, null, children);
+});

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WA2HxD,CAAC;AAOH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAGhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WAuJxD,CAAC;AAQH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

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

@@ -4,12 +4,13 @@ import { observer } from 'mobx-react';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { Image } from '../../Atoms/Image';
-import { Badge } from '../../Atoms/Badge';
 import { Price } from '../../Atoms/Price';
 import { useTheme, CacheProvider } from '../../../providers';
 import { defined, cloneWithProps } from '../../../utilities';
 import { filters } from '@searchspring/snap-toolbox';
 import { Layout } from '../../../types';
+import { CalloutBadge } from '../../Molecules/CalloutBadge';
+import { OverlayBadge } from '../../Molecules/OverlayBadge';
 const CSS = {
     result: () => css({
         '&.ss__result--grid': {
@@ -87,15 +88,28 @@ export const Result = observer((properties) => {
             // component theme overrides
             theme: props.theme,
         },
-        badge: {
+        calloutBadge: {
             // default props
-            className: 'ss__result__badge',
-            content: 'Sale',
+            className: 'ss__result__callout-badge',
             // global theme
-            ...globalTheme?.components?.badge,
+            ...globalTheme?.components?.calloutBadge,
             // inherited props
             ...defined({
                 disableStyles,
+                result,
+            }),
+            // component theme overrides
+            theme: props.theme,
+        },
+        overlayBadge: {
+            // default props
+            className: 'ss__result__overlay-badge',
+            // global theme
+            ...globalTheme?.components?.overlayBadge,
+            // inherited props
+            ...defined({
+                disableStyles,
+                result,
             }),
             // component theme overrides
             theme: props.theme,
@@ -116,7 +130,6 @@ export const Result = observer((properties) => {
             theme: props?.theme,
         },
     };
-    const onSale = Boolean(core?.msrp && core.price && core?.msrp * 1 > core?.price * 1);
     let displayName = core?.name;
     if (props.truncateTitle) {
         displayName = filters.truncate(core?.name || '', props.truncateTitle.limit, props.truncateTitle.append);
@@ -134,10 +147,11 @@ export const Result = observer((properties) => {
                 jsx("a", { href: core.url, onClick: (e) => {
                         onClick && onClick(e);
                         controller?.track?.product?.click(e, result);
-                    } },
-                    !hideBadge && onSale && jsx(Badge, { ...subProps.badge }),
-                    !hideImage && jsx(Image, { ...subProps.image }))),
+                    } }, !hideImage &&
+                    (!hideBadge ? (jsx(OverlayBadge, { ...subProps.overlayBadge, controller: controller },
+                        jsx(Image, { ...subProps.image }))) : (jsx(Image, { ...subProps.image }))))),
             jsx("div", { className: "ss__result__details" },
+                !hideBadge && (jsx(CalloutBadge, { ...subProps.calloutBadge, controller: controller })),
                 !hideTitle && (jsx("div", { className: "ss__result__details__title" },
                     jsx("a", { href: core.url, onClick: (e) => {
                             onClick && onClick(e);

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAodpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAidpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}

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

@@ -210,9 +210,6 @@ export const Autocomplete = observer((properties) => {
                 columns: 3,
                 onClick: facetClickEvent,
             },
-            result: {
-                hideBadge: true,
-            },
         },
     };
     const displaySettings = useDisplaySettings(breakpoints) || {};

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

@@ -5,4 +5,5 @@ export * from './useIntersection';
 export * from './useDisplaySettings';
 export * from './useA11y';
 export * from './useDeepCompareEffect';
+export * from './useComponent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC"}

package/dist/esm/hooks/index.js

@@ -5,3 +5,4 @@ export * from './useIntersection';
 export * from './useDisplaySettings';
 export * from './useA11y';
 export * from './useDeepCompareEffect';
+export * from './useComponent';

package/dist/esm/hooks/useComponent.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent } from 'preact';
+import { ComponentMap } from '../types';
+export declare const useComponent: (map: ComponentMap, name: string) => undefined | FunctionalComponent<any>;
+//# sourceMappingURL=useComponent.d.ts.map

package/dist/esm/hooks/useComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,eAAO,MAAM,YAAY,QAAS,YAAY,QAAQ,MAAM,KAAG,SAAS,GAAG,oBAAoB,GAAG,CAkBjG,CAAC"}

package/dist/esm/hooks/useComponent.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'preact/hooks';
+export const useComponent = (map, name) => {
+    const [importedComponent, setImportedComponent] = useState(undefined);
+    useEffect(() => {
+        const importFn = map[name];
+        if (importFn && typeof importFn === 'function') {
+            const componentFn = importFn();
+            if (componentFn instanceof Promise) {
+                componentFn.then((component) => {
+                    setImportedComponent(() => component);
+                });
+            }
+            else {
+                setImportedComponent(() => componentFn);
+            }
+        }
+    }, []);
+    return importedComponent;
+};

package/dist/esm/index.d.ts

@@ -1,4 +1,7 @@
-export * from './components/Atoms/Badge';
+export * from './components/Atoms/BadgeImage';
+export * from './components/Atoms/BadgePill';
+export * from './components/Atoms/BadgeRectangle';
+export * from './components/Atoms/BadgeText';
 export * from './components/Atoms/Breadcrumbs';
 export * from './components/Atoms/Button';
 export * from './components/Atoms/Dropdown';
@@ -12,6 +15,7 @@ export * from './components/Atoms/Price';
 export * from './components/Atoms/Skeleton';
 export * from './components/Trackers/Recommendation/ResultTracker';
 export * from './components/Trackers/Recommendation/ProfileTracker';
+export * from './components/Molecules/CalloutBadge';
 export * from './components/Molecules/Carousel';
 export * from './components/Molecules/Checkbox';
 export * from './components/Molecules/ErrorHandler';
@@ -20,6 +24,7 @@ export * from './components/Molecules/FacetHierarchyOptions';
 export * from './components/Molecules/FacetListOptions';
 export * from './components/Molecules/FacetPaletteOptions';
 export * from './components/Molecules/Filter';
+export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/Result';
 export * from './components/Molecules/Select';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}

package/dist/esm/index.js

@@ -1,5 +1,8 @@
 // ATOMS
-export * from './components/Atoms/Badge';
+export * from './components/Atoms/BadgeImage';
+export * from './components/Atoms/BadgePill';
+export * from './components/Atoms/BadgeRectangle';
+export * from './components/Atoms/BadgeText';
 export * from './components/Atoms/Breadcrumbs';
 export * from './components/Atoms/Button';
 export * from './components/Atoms/Dropdown';
@@ -14,6 +17,7 @@ export * from './components/Atoms/Skeleton';
 export * from './components/Trackers/Recommendation/ResultTracker';
 export * from './components/Trackers/Recommendation/ProfileTracker';
 // MOLECULES
+export * from './components/Molecules/CalloutBadge';
 export * from './components/Molecules/Carousel';
 export * from './components/Molecules/Checkbox';
 export * from './components/Molecules/ErrorHandler';
@@ -22,6 +26,7 @@ export * from './components/Molecules/FacetHierarchyOptions';
 export * from './components/Molecules/FacetListOptions';
 export * from './components/Molecules/FacetPaletteOptions';
 export * from './components/Molecules/Filter';
+export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/Result';
 export * from './components/Molecules/Select';

package/dist/esm/types.d.ts

@@ -1,4 +1,5 @@
-import { RenderableProps } from 'preact';
+/// <reference types="react" />
+import { FunctionalComponent, RenderableProps } from 'preact';
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from './providers/theme';
 export interface ComponentProps extends RenderableProps<any> {
@@ -7,6 +8,9 @@ export interface ComponentProps extends RenderableProps<any> {
     style?: string | Record<string, any>;
     theme?: Theme;
 }
+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/esm/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;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,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/esm/utilities/defaultBadgeComponentMap.d.ts

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

package/dist/esm/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/esm/utilities/defaultBadgeComponentMap.js

@@ -0,0 +1,10 @@
+import { BadgeText } from '../components/Atoms/BadgeText';
+import { BadgePill } from '../components/Atoms/BadgePill';
+import { BadgeRectangle } from '../components/Atoms/BadgeRectangle';
+import { BadgeImage } from '../components/Atoms/BadgeImage';
+export const defaultBadgeComponentMap = {
+    BadgeText: () => BadgeText,
+    BadgePill: () => BadgePill,
+    BadgeRectangle: () => BadgeRectangle,
+    BadgeImage: () => BadgeImage,
+};

package/dist/esm/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/esm/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/esm/utilities/index.js

@@ -4,3 +4,4 @@ export * from './componentArgs';
 export * from './sprintf';
 export * from './LightenDarkenColor';
 export * from './shiftColor';
+export * from './defaultBadgeComponentMap';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact-components",
-	"version": "0.54.0",
+	"version": "0.55.0",
 	"description": "Snap Preact Component Library",
 	"author": "Searchspring",
 	"license": "MIT",
@@ -29,7 +29,7 @@
 	"dependencies": {
 		"@cypress/react": "^8.0.0",
 		"@emotion/react": "11.9.0",
-		"@searchspring/snap-toolbox": "^0.54.0",
+		"@searchspring/snap-toolbox": "^0.55.0",
 		"classnames": "^2.3.2",
 		"cypress": "^12.15.0",
 		"cypress-wait-until": "^1.7.2",
@@ -52,14 +52,14 @@
 		"@babel/preset-env": "^7.21.4",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/runtime": "^7.21.0",
-		"@searchspring/snap-client": "^0.54.0",
-		"@searchspring/snap-controller": "^0.54.0",
-		"@searchspring/snap-event-manager": "^0.54.0",
-		"@searchspring/snap-logger": "^0.54.0",
-		"@searchspring/snap-profiler": "^0.54.0",
-		"@searchspring/snap-store-mobx": "^0.54.0",
-		"@searchspring/snap-tracker": "^0.54.0",
-		"@searchspring/snap-url-manager": "^0.54.0",
+		"@searchspring/snap-client": "^0.55.0",
+		"@searchspring/snap-controller": "^0.55.0",
+		"@searchspring/snap-event-manager": "^0.55.0",
+		"@searchspring/snap-logger": "^0.55.0",
+		"@searchspring/snap-profiler": "^0.55.0",
+		"@searchspring/snap-store-mobx": "^0.55.0",
+		"@searchspring/snap-tracker": "^0.55.0",
+		"@searchspring/snap-url-manager": "^0.55.0",
 		"@storybook/addon-actions": "6.4.22",
 		"@storybook/addon-controls": "6.4.22",
 		"@storybook/addon-docs": "6.4.22",
@@ -83,5 +83,5 @@
 		"webpack-merge": "^5.8.0"
 	},
 	"sideEffects": false,
-	"gitHead": "a54d2c6579bf83500ed2faca8ff72b3e3495f063"
+	"gitHead": "ad413e17c9756a28e1972173b3b25f0a4dcb127c"
 }

package/dist/cjs/components/Atoms/Badge/Badge.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-/** @jsx jsx */
-import { ComponentChildren } from 'preact';
-import { ComponentProps } from '../../../types';
-export declare const Badge: (properties: BadgeProps) => JSX.Element;
-export interface BadgeProps extends ComponentProps {
-    content?: any;
-    children?: ComponentChildren;
-    position?: {
-        top?: string | number;
-        right?: string | number;
-        bottom?: string | number;
-        left?: string | number;
-    };
-}
-//# sourceMappingURL=Badge.d.ts.map

package/dist/cjs/components/Atoms/Badge/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,KAAK,eAAyB,UAAU,KAAG,WAgCtD,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACF"}

package/dist/cjs/components/Atoms/Badge/Badge.js

@@ -1,47 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_1 = require("mobx-react");
-var providers_1 = require("../../../providers");
-var CSS = {
-    badge: function (_a) {
-        var position = _a.position;
-        return (0, react_1.css)(__assign({ display: 'inline-block', position: 'absolute' }, position));
-    },
-};
-exports.Badge = (0, mobx_react_1.observer)(function (properties) {
-    var _a, _b, _c;
-    var globalTheme = (0, providers_1.useTheme)();
-    var props = __assign(__assign(__assign({ 
-        // default props
-        position: {
-            top: 0,
-            left: 0,
-        } }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badge);
-    var content = props.content, children = props.children, position = props.position, disableStyles = props.disableStyles, className = props.className, style = props.style;
-    var styling = {};
-    if (!disableStyles) {
-        styling.css = [CSS.badge({ position: position }), style];
-    }
-    else if (style) {
-        styling.css = [style];
-    }
-    return ((0, react_1.jsx)(providers_1.CacheProvider, null,
-        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge', className) }), content || children)));
-});

package/dist/cjs/components/Atoms/Badge/index.d.ts

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

package/dist/cjs/components/Atoms/Badge/index.d.ts.map

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

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-/** @jsx jsx */
-import { ComponentChildren } from 'preact';
-import { ComponentProps } from '../../../types';
-export declare const Badge: (properties: BadgeProps) => JSX.Element;
-export interface BadgeProps extends ComponentProps {
-    content?: any;
-    children?: ComponentChildren;
-    position?: {
-        top?: string | number;
-        right?: string | number;
-        bottom?: string | number;
-        left?: string | number;
-    };
-}
-//# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,KAAK,eAAyB,UAAU,KAAG,WAgCtD,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACF"}