@searchspring/snap-preact-components 0.27.8 → 0.30.0

package/dist/esm/mocks/searchResponse.js

@@ -13,6 +13,7 @@ export const gridFacetMock = {
             label: '5',
             type: 'value',
             value: '5',
+            custom: '',
         },
         {
             filtered: false,
@@ -20,6 +21,7 @@ export const gridFacetMock = {
             label: '6',
             type: 'value',
             value: '6',
+            custom: '',
         },
         {
             filtered: true,
@@ -27,6 +29,7 @@ export const gridFacetMock = {
             label: '7',
             type: 'value',
             value: '7',
+            custom: '',
         },
         {
             filtered: false,
@@ -34,6 +37,7 @@ export const gridFacetMock = {
             label: '8',
             type: 'value',
             value: '8',
+            custom: '',
         },
         {
             filtered: true,
@@ -41,6 +45,7 @@ export const gridFacetMock = {
             label: '7.5',
             type: 'value',
             value: '7',
+            custom: '',
         },
         {
             filtered: false,
@@ -48,6 +53,7 @@ export const gridFacetMock = {
             label: '8.5',
             type: 'value',
             value: '8',
+            custom: '',
         },
         {
             filtered: false,
@@ -55,6 +61,7 @@ export const gridFacetMock = {
             label: 'L',
             type: 'value',
             value: '6',
+            custom: '',
         },
         {
             filtered: false,
@@ -62,6 +69,7 @@ export const gridFacetMock = {
             label: 'XL',
             type: 'value',
             value: '7',
+            custom: '',
         },
         {
             filtered: false,
@@ -69,6 +77,7 @@ export const gridFacetMock = {
             label: 'ONE SIZE',
             type: 'value',
             value: '8',
+            custom: '',
         },
     ],
 };
@@ -618,6 +627,8 @@ export const searchResponse = {
                 product_type_unigram: 'dress',
                 id: 'd68bd8da07b9e98b3509412d3aa03feb',
             },
+            type: '',
+            custom: '',
         },
         {
             id: '174328',

package/dist/esm/providers/controller.d.ts

@@ -1,8 +1,9 @@
-import preact from 'preact';
+import { h, ComponentChildren, ComponentType } from 'preact';
+import type { AbstractController } from '@searchspring/snap-controller';
 export declare const ControllerProvider: ({ children, controller }: {
-    children: any;
-    controller: any;
-}) => preact.JSX.Element;
-export declare const useController: () => any;
-export declare const withController: (Component: any) => (props: any) => preact.JSX.Element;
+    children: ComponentChildren;
+    controller: AbstractController;
+}) => h.JSX.Element;
+export declare const useController: () => AbstractController | null;
+export declare function withController<C extends ComponentType>(Component: C): C;
 //# sourceMappingURL=controller.d.ts.map

package/dist/esm/providers/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,MAA4B,MAAM,QAAQ,CAAC;AAKlD,eAAO,MAAM,kBAAkB;;;wBAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,WAAsC,CAAC;AAEjE,eAAO,MAAM,cAAc,wDAE1B,CAAC"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAiB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,eAAO,MAAM,kBAAkB;cAA0C,iBAAiB;gBAAc,kBAAkB;mBAEzH,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAsC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAIvE"}

package/dist/esm/providers/controller.js

@@ -5,6 +5,6 @@ export const ControllerProvider = ({ children, controller }) => {
     return h(ControllerContext.Provider, { value: controller }, children);
 };
 export const useController = () => useContext(ControllerContext);
-export const withController = (Component) => (props) => {
-    return h(Component, { controller: useController(), ...props });
-};
+export function withController(Component) {
+    return ((props) => (h(ControllerContext.Consumer, null, (controller) => h(Component, { ...props, controller: controller }))));
+}

package/dist/esm/providers/store.d.ts

@@ -1,8 +1,9 @@
-import preact from 'preact';
+import preact, { ComponentChildren, ComponentType } from 'preact';
+import type { AbstractStore } from '@searchspring/snap-store-mobx';
 export declare const StoreProvider: ({ children, store }: {
-    children: any;
-    store: any;
+    children: ComponentChildren;
+    store: AbstractStore;
 }) => preact.JSX.Element;
-export declare const useStore: () => any;
-export declare const withStore: (Component: any) => (props: any) => preact.JSX.Element;
+export declare const useStore: () => AbstractStore | null;
+export declare function withStore<C extends ComponentType>(Component: C): C;
 //# sourceMappingURL=store.d.ts.map

package/dist/esm/providers/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAA4B,MAAM,QAAQ,CAAC;AAKlD,eAAO,MAAM,aAAa;;;wBAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAiC,CAAC;AAEvD,eAAO,MAAM,SAAS,wDAErB,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAoB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,eAAO,MAAM,aAAa;cAAqC,iBAAiB;WAAS,aAAa;wBAErG,CAAC;AAEF,eAAO,MAAM,QAAQ,4BAAiC,CAAC;AAEvD,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAElE"}

package/dist/esm/providers/store.js

@@ -5,6 +5,6 @@ export const StoreProvider = ({ children, store }) => {
     return h(StoreContext.Provider, { value: store }, children);
 };
 export const useStore = () => useContext(StoreContext);
-export const withStore = (Component) => (props) => {
-    return h(Component, { store: useStore(), ...props });
-};
+export function withStore(Component) {
+    return ((props) => h(StoreContext.Consumer, null, (store) => h(Component, { ...props, store: store })));
+}

package/dist/esm/providers/theme.d.ts

@@ -1,4 +1,13 @@
-export { ThemeProvider, useTheme, withTheme } from '@emotion/react';
+/// <reference types="react" />
+export { useTheme, withTheme } from '@emotion/react';
+interface ThemeProviderProps {
+    theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
+    children?: any;
+}
+interface ThemeProvider {
+    (props: ThemeProviderProps): React.ReactElement;
+}
+export declare const ThemeProvider: ThemeProvider;
 export declare const defaultTheme: Theme;
 export interface Theme {
     colors?: {

package/dist/esm/providers/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/providers/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE;YACN,SAAS,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,OAAO,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/providers/theme.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAErD,UAAU,kBAAkB;IAC3B,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,GAAG,CAAC;CACf;AACD,UAAU,aAAa;IACtB,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC;CAChD;AACD,eAAO,MAAM,aAAa,EAAE,aAA4B,CAAC;AAEzD,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AACF,MAAM,WAAW,KAAK;IACrB,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE;YACN,SAAS,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,OAAO,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/esm/providers/theme.js

@@ -1,4 +1,6 @@
-export { ThemeProvider, useTheme, withTheme } from '@emotion/react';
+import { ThemeProvider as EmotionTheme } from '@emotion/react';
+export { useTheme, withTheme } from '@emotion/react';
+export const ThemeProvider = EmotionTheme;
 export const defaultTheme = {
     colors: {
         primary: '#3A23AD',

package/dist/esm/setupTests.js

@@ -1 +1,2 @@
+"use strict";
 require('@testing-library/jest-dom/extend-expect');

package/dist/esm/types.d.ts

@@ -1,4 +1,5 @@
 import { RenderableProps } from 'preact';
+import { SerializedStyles } from '@emotion/react';
 import { Theme } from './providers/theme';
 export interface ComponentProps extends RenderableProps<any> {
     className?: string;
@@ -6,206 +7,11 @@ export interface ComponentProps extends RenderableProps<any> {
     style?: string | Record<string, string>;
     theme?: Theme;
 }
-export declare enum BannerType {
-    HEADER = "header",
-    FOOTER = "footer",
-    LEFT = "left",
-    BANNER = "banner",
-    INLINE = "inline"
-}
-export declare type InlineBannerContent = {
-    value: string;
-    config: {
-        position: {
-            index: number;
-        };
-    };
-};
-export declare type BannerContent = Partial<Record<BannerType, any[]>>;
-export interface Mappings {
-    core: {
-        uid: string;
-        name: string;
-        url: string;
-        price: number;
-        msrp?: number;
-        thumbnailImageUrl?: string;
-        imageUrl?: string;
-        sku?: string;
-        brand?: string;
-    };
-}
 export declare enum Layout {
     GRID = "grid",
     LIST = "list"
 }
 export declare type LayoutType = Layout.GRID | Layout.LIST;
-export interface Pagination {
-    page: number;
-    pageSize: number;
-    pageSizeOptions: PageSizeOption[];
-    totalResults: number;
-    begin: number;
-    end: number;
-    multiplePages: boolean;
-    current: Page;
-    first: Page;
-    last: Page;
-    next: Page;
-    previous: Page;
-    totalPages: number;
-    getPages: (limit: number, secondLimit?: number) => Page[];
-}
-export declare type PageSizeOption = {
-    label: string;
-    value: number;
-};
-export declare type Page = {
-    active: boolean;
-    number: number;
-    url: any;
-};
-export interface Option {
-    value?: number;
-    direction?: string;
-    field?: string;
-    label: string;
-    type?: string;
-    url?: any;
-}
-export interface Filter {
-    facet: {
-        label: string;
-        field: string;
-    };
-    value: {
-        label: string;
-        value: string;
-    };
-    url: any;
-    label: string;
-}
-export interface IconProps {
-    className?: string;
-    color?: string;
-    icon?: string;
-    path?: string;
-    size?: string;
-    width?: string;
-    height?: string;
-    style?: Record<string, string>;
-    viewBox?: string;
-}
-export interface FacetIconSet {
-    activeIcon: IconProps;
-    nonActiveIcon: IconProps;
-}
-export interface GridValue {
-    active: boolean;
-    type: string;
-    value: string;
-    count: number;
-    label: string;
-    filtered?: boolean;
-    url?: {
-        link: any;
-    };
-}
-export interface BaseFacet {
-    type: FacetType | any;
-    field: string;
-    display: FacetDisplay | any;
-    filtered: boolean;
-    label: string;
-    collapsed: boolean;
-    toggleCollapse?: () => any;
-    services?: any;
-}
-export interface ValueFacet extends BaseFacet {
-    values: ValueFacetValue[];
-    refinedValues?: ValueFacetValue[];
-    overflow?: {
-        enabled: boolean;
-        remaining: number;
-        toggle: () => any;
-        limit: number;
-        setLimit: (limit: number) => any;
-    };
-}
-export interface HierarchyFacet extends BaseFacet {
-    values: HierarchyFacetValue[];
-    refinedValues?: HierarchyFacetValue[];
-    overflow?: {
-        enabled: boolean;
-        remaining: number;
-        toggle: () => any;
-        limit: number;
-        setLimit: (limit: number) => any;
-    };
-}
-export interface RangeBucketFacet extends BaseFacet {
-    values: RangeBucketFacetValue[];
-    refinedValues: RangeBucketFacetValue[];
-    overflow: {
-        enabled: boolean;
-        remaining: number;
-        toggle: () => any;
-        limit: number;
-        setLimit: (limit: number) => any;
-    };
-}
-export interface RangeFacetValue {
-    active: {
-        low: number;
-        high: number;
-    };
-    range: {
-        low: number;
-        high: number;
-    };
-    step: number;
-    formatSeparator?: string;
-    formatValue?: string;
-}
-export interface RangeFacet extends RangeFacetValue, BaseFacet {
-}
-export interface BaseFacetValue {
-    filtered: boolean;
-    label: string;
-    count?: number;
-    url?: any;
-    value?: any;
-    custom?: any;
-}
-export interface ValueFacetValue extends BaseFacetValue {
-    value: string;
-    preview?: () => void;
-}
-export interface HierarchyFacetValue extends BaseFacetValue {
-    history: boolean;
-    level: number;
-    preview?: () => void;
-}
-export interface RangeBucketFacetValue extends BaseFacetValue {
-    low: number;
-    high: number;
-}
-export interface SliderFacetValue {
-    active: {
-        low: number;
-        high: number;
-    };
-    range: {
-        low: number;
-        high: number;
-    };
-    step: number;
-}
-export declare enum FacetMultiple {
-    SINGLE = "single",
-    OR = "or",
-    AND = "and"
-}
 export declare enum FacetType {
     VALUE = "value",
     RANGE = "range",
@@ -224,4 +30,5 @@ export declare type BreakpointsProps = {
 export declare type BreakpointsEntry = {
     [property: string]: any;
 };
+export declare type StylingCSS = Array<SerializedStyles | string | Record<string, string> | undefined>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
+{"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,MAAM,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,oBAAY,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,oBAAY,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,oBAAY,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}

package/dist/esm/types.js

@@ -1,23 +1,9 @@
-// TODO: figure out types for URL manager
-export var BannerType;
-(function (BannerType) {
-    BannerType["HEADER"] = "header";
-    BannerType["FOOTER"] = "footer";
-    BannerType["LEFT"] = "left";
-    BannerType["BANNER"] = "banner";
-    BannerType["INLINE"] = "inline";
-})(BannerType || (BannerType = {}));
 export var Layout;
 (function (Layout) {
     Layout["GRID"] = "grid";
     Layout["LIST"] = "list";
 })(Layout || (Layout = {}));
-export var FacetMultiple;
-(function (FacetMultiple) {
-    FacetMultiple["SINGLE"] = "single";
-    FacetMultiple["OR"] = "or";
-    FacetMultiple["AND"] = "and";
-})(FacetMultiple || (FacetMultiple = {}));
+// TODO: move to store or use store or snapi types
 export var FacetType;
 (function (FacetType) {
     FacetType["VALUE"] = "value";

package/dist/esm/utilities/cloneWithProps.d.ts

@@ -1,2 +1,2 @@
-export declare const cloneWithProps: (input: any, props: any) => any;
+export declare const cloneWithProps: (input: any, props?: any) => any;
 //# sourceMappingURL=cloneWithProps.d.ts.map

package/dist/esm/utilities/cloneWithProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../src/utilities/cloneWithProps.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iCAY1B,CAAC"}
+{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../src/utilities/cloneWithProps.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,KAAG,GAYxD,CAAC"}

package/dist/esm/utilities/defined.d.ts

@@ -1,2 +1,6 @@
-export declare function defined(properties: Record<string, any>): Record<string, any>;
+declare type DefinedProps = {
+    [key: string]: any;
+};
+export declare function defined(properties: Record<string, any>): DefinedProps;
+export {};
 //# sourceMappingURL=defined.d.ts.map

package/dist/esm/utilities/defined.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defined.d.ts","sourceRoot":"","sources":["../../../src/utilities/defined.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAS5E"}
+{"version":3,"file":"defined.d.ts","sourceRoot":"","sources":["../../../src/utilities/defined.ts"],"names":[],"mappings":"AAAA,aAAK,YAAY,GAAG;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,YAAY,CAUrE"}

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

@@ -3,4 +3,5 @@ export * from './defined';
 export * from './componentArgs';
 export * from './sprintf';
 export * from './LightenDarkenColor';
+export * from './shiftColor';
 //# 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"}
+{"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"}

package/dist/esm/utilities/index.js

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

package/dist/esm/utilities/shiftColor.d.ts

@@ -0,0 +1,2 @@
+export declare function shiftColor(base: string, change: string): string;
+//# sourceMappingURL=shiftColor.d.ts.map

package/dist/esm/utilities/shiftColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiftColor.d.ts","sourceRoot":"","sources":["../../../src/utilities/shiftColor.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CA8B/D"}

package/dist/esm/utilities/shiftColor.js

@@ -0,0 +1,24 @@
+export function shiftColor(base, change) {
+    const colorRegEx = /^\#?[A-Fa-f0-9]{6}$/;
+    if (!base || !change) {
+        return '#000000';
+    }
+    if (!base.match(colorRegEx) || !change.match(colorRegEx)) {
+        return '#000000';
+    }
+    // remove '#'s
+    base = base.replace(/\#/g, '');
+    change = change.replace(/\#/g, '');
+    let newColor = '';
+    for (let i = 0; i < 3; i++) {
+        const basePiece = parseInt(base.substring(i * 2, i * 2 + 2), 16);
+        const changePiece = parseInt(change.substring(i * 2, i * 2 + 2), 16);
+        let newPiece;
+        newPiece = basePiece + changePiece;
+        newPiece = newPiece > 255 ? 255 : newPiece;
+        newPiece = newPiece.toString(16);
+        newPiece = newPiece.length < 2 ? '0' + newPiece : newPiece;
+        newColor += newPiece;
+    }
+    return `#${newColor}`;
+}

package/dist/esm/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;AAc1I,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":"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"}

package/dist/esm/utilities/sprintf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprintf.d.ts","sourceRoot":"","sources":["../../../src/utilities/sprintf.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AASH,wBAAgB,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,UAwDrC"}
+{"version":3,"file":"sprintf.d.ts","sourceRoot":"","sources":["../../../src/utilities/sprintf.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;GAmBG;AASH,wBAAgB,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,UAwDrC"}

package/dist/esm/utilities/sprintf.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /**
  * sprintf() for JavaScript v.0.4
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact-components",
-	"version": "0.27.8",
+	"version": "0.30.0",
 	"description": "Snap Preact Component Library",
 	"author": "Searchspring",
 	"license": "MIT",
@@ -26,7 +26,7 @@
 	},
 	"dependencies": {
 		"@emotion/react": "11.9.0",
-		"@searchspring/snap-toolbox": "^0.27.8",
+		"@searchspring/snap-toolbox": "^0.30.0",
 		"classnames": "2.3.1",
 		"deepmerge": "4.2.2",
 		"mobx-react-lite": "3.4.0",
@@ -37,15 +37,14 @@
 		"preact": "10.7.3"
 	},
 	"devDependencies": {
-		"@mdx-js/loader": "1.6.22",
-		"@searchspring/snap-client": "^0.27.8",
-		"@searchspring/snap-controller": "^0.27.8",
-		"@searchspring/snap-event-manager": "^0.27.8",
-		"@searchspring/snap-logger": "^0.27.8",
-		"@searchspring/snap-profiler": "^0.27.8",
-		"@searchspring/snap-store-mobx": "^0.27.8",
-		"@searchspring/snap-tracker": "^0.27.8",
-		"@searchspring/snap-url-manager": "^0.27.8",
+		"@searchspring/snap-client": "^0.30.0",
+		"@searchspring/snap-controller": "^0.30.0",
+		"@searchspring/snap-event-manager": "^0.30.0",
+		"@searchspring/snap-logger": "^0.30.0",
+		"@searchspring/snap-profiler": "^0.30.0",
+		"@searchspring/snap-store-mobx": "^0.30.0",
+		"@searchspring/snap-tracker": "^0.30.0",
+		"@searchspring/snap-url-manager": "^0.30.0",
 		"@storybook/addon-actions": "6.4.22",
 		"@storybook/addon-controls": "6.4.22",
 		"@storybook/addon-docs": "6.4.22",
@@ -58,12 +57,13 @@
 		"@testing-library/jest-dom": "5.16.4",
 		"@testing-library/preact": "2.0.1",
 		"@testing-library/user-event": "13.5.0",
+		"@types/react": "16.14.28",
+		"@types/react-ranger": "2.0.1",
 		"mobx-react": "7.5.0",
 		"preact": "10.7.3",
 		"react": "16.14.0",
-		"react-dom": "16.14.0",
-		"ts-loader": "9.3.0"
+		"react-dom": "16.14.0"
 	},
 	"sideEffects": false,
-	"gitHead": "cfbe6d18899fb4944ec397e2419d8409d4ab0065"
+	"gitHead": "48ab43e7ecb42f7b0e1da15b85fe02cc929918f6"
 }