@searchspring/snap-preact-components 0.27.7 → 0.29.0

package/dist/cjs/types.js

@@ -1,25 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FacetDisplay = exports.FacetType = exports.FacetMultiple = exports.Layout = exports.BannerType = void 0;
-var BannerType;
-(function (BannerType) {
-    BannerType["HEADER"] = "header";
-    BannerType["FOOTER"] = "footer";
-    BannerType["LEFT"] = "left";
-    BannerType["BANNER"] = "banner";
-    BannerType["INLINE"] = "inline";
-})(BannerType = exports.BannerType || (exports.BannerType = {}));
+exports.FacetDisplay = exports.FacetType = exports.Layout = void 0;
 var Layout;
 (function (Layout) {
     Layout["GRID"] = "grid";
     Layout["LIST"] = "list";
 })(Layout = exports.Layout || (exports.Layout = {}));
-var FacetMultiple;
-(function (FacetMultiple) {
-    FacetMultiple["SINGLE"] = "single";
-    FacetMultiple["OR"] = "or";
-    FacetMultiple["AND"] = "and";
-})(FacetMultiple = exports.FacetMultiple || (exports.FacetMultiple = {}));
+// TODO: move to store or use store or snapi types
 var FacetType;
 (function (FacetType) {
     FacetType["VALUE"] = "value";

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/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"}
+{"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/cjs/utilities/index.js

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

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

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

package/dist/cjs/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/cjs/utilities/shiftColor.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shiftColor = void 0;
+function shiftColor(base, change) {
+    var 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, '');
+    var newColor = '';
+    for (var i = 0; i < 3; i++) {
+        var basePiece = parseInt(base.substring(i * 2, i * 2 + 2), 16);
+        var changePiece = parseInt(change.substring(i * 2, i * 2 + 2), 16);
+        var newPiece = void 0;
+        newPiece = basePiece + changePiece;
+        newPiece = newPiece > 255 ? 255 : newPiece;
+        newPiece = newPiece.toString(16);
+        newPiece = newPiece.length < 2 ? '0' + newPiece : newPiece;
+        newColor += newPiece;
+    }
+    return "#".concat(newColor);
+}
+exports.shiftColor = shiftColor;

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;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/cjs/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/cjs/utilities/sprintf.js

@@ -1,4 +1,5 @@
 "use strict";
+// @ts-nocheck
 /**
  * sprintf() for JavaScript v.0.4
  *

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

@@ -1,10 +1,12 @@
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
 export declare const Badge: ((properties: BadgeProps) => JSX.Element) & {
     displayName: string;
 };
 export interface BadgeProps extends ComponentProps {
     content?: any;
-    children?: any;
+    children?: ComponentChildren;
     position?: {
         top?: string | number;
         right?: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWhD,eAAO,MAAM,KAAK,gBAAyB,UAAU,KAAG,WAAW;;CA8BjE,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,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"}
+{"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,gBAAyB,UAAU,KAAG,WAAW;;CAgCjE,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/esm/components/Atoms/Badge/Badge.stories.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 /** @jsx h */
 import { h } from 'preact';
+import { BadgeProps } from './Badge';
 declare const _default: {
     title: string;
-    component: ((properties: import("./Badge").BadgeProps) => JSX.Element) & {
+    component: ((properties: BadgeProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -104,6 +105,15 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const BadgeWithContent: any;
-export declare const BadgeWithChildren: (args: any) => h.JSX.Element;
+export declare const BadgeWithContent: {
+    (args: BadgeProps): h.JSX.Element;
+    args: {
+        content: string;
+        position: {
+            top: number;
+            right: number;
+        };
+    };
+};
+export declare const BadgeWithChildren: (args: BadgeProps) => h.JSX.Element;
 //# sourceMappingURL=Badge.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.stories.tsx"],"names":[],"mappings":";AAAA,aAAa;AACb,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ3B,wBA0DE;AAIF,eAAO,MAAM,gBAAgB,KAAoB,CAAC;AASlD,eAAO,MAAM,iBAAiB,8BAI7B,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.stories.tsx"],"names":[],"mappings":";AAAA,aAAa;AACb,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;yBAiBlC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA0DE;AAEF,eAAO,MAAM,gBAAgB;WAAU,UAAU;;;;;;;;CAAwB,CAAC;AAU1E,eAAO,MAAM,iBAAiB,SAAU,UAAU,kBAIjD,CAAC"}

package/dist/esm/components/Atoms/Badge/Badge.stories.js

@@ -55,8 +55,7 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(Badge, { ...args });
-export const BadgeWithContent = Template.bind({});
+export const BadgeWithContent = (args) => h(Badge, { ...args });
 BadgeWithContent.args = {
     content: 'pink',
     position: {

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAgBhD,eAAO,MAAM,WAAW,gBAAyB,eAAe,KAAG,WAAW;;CAmC5E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAgB5D,eAAO,MAAM,WAAW,gBAAyB,eAAe,KAAG,WAAW;;CAmC5E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC"}

package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { h } from 'preact';
+import { BreadcrumbProps } from './Breadcrumbs';
 declare const _default: {
     title: string;
-    component: ((properties: import("./Breadcrumbs").BreadcrumbProps) => JSX.Element) & {
+    component: ((properties: BreadcrumbProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -93,6 +94,29 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const categoryPage: any;
-export declare const SearchPage: any;
+export declare const categoryPage: {
+    (args: BreadcrumbProps): h.JSX.Element;
+    args: {
+        data: ({
+            url: string;
+            label: string;
+        } | {
+            label: string;
+            url?: undefined;
+        })[];
+        separator: string;
+    };
+};
+export declare const SearchPage: {
+    (args: BreadcrumbProps): h.JSX.Element;
+    args: {
+        data: ({
+            url: string;
+            label: string;
+        } | {
+            label: string;
+            url?: undefined;
+        })[];
+    };
+};
 //# sourceMappingURL=Breadcrumbs.stories.d.ts.map

package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ3B,wBAoCE;AAIF,eAAO,MAAM,YAAY,KAAoB,CAAC;AAsB9C,eAAO,MAAM,UAAU,KAAoB,CAAC"}
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,eAAe,EAAe,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI7D,wBAoCE;AAEF,eAAO,MAAM,YAAY;WAAU,eAAe;;;;;;;;;;;CAA8B,CAAC;AAsBjF,eAAO,MAAM,UAAU;WAAU,eAAe;;;;;;;;;;CAA8B,CAAC"}

package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js

@@ -37,8 +37,7 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(Breadcrumbs, { ...args });
-export const categoryPage = Template.bind({});
+export const categoryPage = (args) => h(Breadcrumbs, { ...args });
 categoryPage.args = {
     data: [
         {
@@ -59,7 +58,7 @@ categoryPage.args = {
     ],
     separator: '/',
 };
-export const SearchPage = Template.bind({});
+export const SearchPage = (args) => h(Breadcrumbs, { ...args });
 SearchPage.args = {
     data: [
         {

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

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
 export declare const Button: ((properties: ButtonProps) => JSX.Element) & {
     displayName: string;
@@ -8,9 +10,9 @@ export interface ButtonProps extends ComponentProps {
     borderColor?: string;
     color?: string;
     content?: string | JSX.Element;
-    children?: any;
+    children?: ComponentChildren;
     disabled?: boolean;
     native?: boolean;
-    onClick?: (e: Event) => void;
+    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA6BhD,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAkDnE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC7B"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA6B5D,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAmDnE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}

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

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -7,13 +9,13 @@ const CSS = {
         display: 'inline-flex',
         padding: '5px 10px',
         position: 'relative',
-        color: color || theme.colors?.primary,
+        color: color || theme?.colors?.primary,
         outline: 0,
         backgroundColor: backgroundColor || '#fff',
-        border: `1px solid ${borderColor || color || theme.colors?.primary || '#333'}`,
+        border: `1px solid ${borderColor || color || theme?.colors?.primary || '#333'}`,
         '&:hover': {
             cursor: 'pointer',
-            backgroundColor: theme.colors?.hover || '#f8f8f8',
+            backgroundColor: theme?.colors?.hover || '#f8f8f8',
         },
         '&.ss__button--disabled': {
             opacity: 0.7,
@@ -56,9 +58,9 @@ export const Button = observer((properties) => {
         disabled,
         onClick: (e) => !disabled && onClick && onClick(e),
     };
-    return ((content || children) && (jsx(CacheProvider, null, native ? (jsx("button", { ...elementProps },
+    return content || children ? (jsx(CacheProvider, null, native ? (jsx("button", { ...elementProps },
         content,
         children)) : (jsx("div", { ...elementProps },
         content,
-        children)))));
+        children)))) : (jsx(Fragment, null));
 });

package/dist/esm/components/Atoms/Button/Button.stories.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { h } from 'preact';
+import { ButtonProps } from './Button';
 declare const _default: {
     title: string;
-    component: ((properties: import("./Button").ButtonProps) => JSX.Element) & {
+    component: ((properties: ButtonProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -163,7 +164,24 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Disabled: any;
-export declare const Native: any;
+export declare const Default: {
+    (args: ButtonProps): h.JSX.Element;
+    args: {
+        content: string;
+    };
+};
+export declare const Disabled: {
+    (args: ButtonProps): h.JSX.Element;
+    args: {
+        content: string;
+        disabled: boolean;
+    };
+};
+export declare const Native: {
+    (args: ButtonProps): h.JSX.Element;
+    args: {
+        content: string;
+        native: boolean;
+    };
+};
 //# sourceMappingURL=Button.stories.d.ts.map

package/dist/esm/components/Atoms/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ3B,wBA4FE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAKzC,eAAO,MAAM,QAAQ,KAAoB,CAAC;AAM1C,eAAO,MAAM,MAAM,KAAoB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI/C,wBA4FE;AAEF,eAAO,MAAM,OAAO;WAAU,WAAW;;;;CAAyB,CAAC;AAKnE,eAAO,MAAM,QAAQ;WAAU,WAAW;;;;;CAAyB,CAAC;AAMpE,eAAO,MAAM,MAAM;WAAU,WAAW;;;;;CAAyB,CAAC"}

package/dist/esm/components/Atoms/Button/Button.stories.js

@@ -93,17 +93,16 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(Button, { ...args });
-export const Default = Template.bind({});
+export const Default = (args) => h(Button, { ...args });
 Default.args = {
     content: 'Button',
 };
-export const Disabled = Template.bind({});
+export const Disabled = (args) => h(Button, { ...args });
 Disabled.args = {
     content: 'Button',
     disabled: true,
 };
-export const Native = Template.bind({});
+export const Native = (args) => h(Button, { ...args });
 Native.args = {
     content: 'Button',
     native: true,

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

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
 export declare const Dropdown: ((properties: DropdownProps) => JSX.Element) & {
     displayName: string;
@@ -6,12 +8,12 @@ export declare const Dropdown: ((properties: DropdownProps) => JSX.Element) & {
 export interface DropdownProps extends ComponentProps {
     button: string | JSX.Element;
     content?: string | JSX.Element;
-    children?: any;
+    children?: ComponentChildren;
     disabled?: boolean;
     open?: boolean;
     disableOverlay?: boolean;
-    onClick?: (event: Event) => void;
-    onToggle?: (event: Event, showContent: boolean) => void;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onToggle?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, showContent: boolean) => void;
     startOpen?: boolean;
     disableClickOutside?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA8BhD,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAsFvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAgB,MAAM,QAAQ,CAAC;AAOzD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA8B5D,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CA4FvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

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

@@ -10,7 +10,7 @@ const CSS = {
         position: 'relative',
         '&.ss__dropdown--open': {
             '& .ss__dropdown__content': {
-                position: disableOverlay ? 'relative' : null,
+                position: disableOverlay ? 'relative' : undefined,
                 visibility: 'visible',
                 opacity: 1,
             },
@@ -48,21 +48,24 @@ export const Dropdown = observer((properties) => {
     else {
         showContent = open;
     }
-    const innerRef = !disableClickOutside &&
-        useClickOutside((e) => {
+    let innerRef;
+    if (!disableClickOutside) {
+        innerRef = useClickOutside((e) => {
             if (showContent) {
                 if (!disabled) {
-                    stateful && setShowContent(false);
+                    stateful && setShowContent && setShowContent(false);
                     onToggle && onToggle(e, false);
                 }
             }
         });
+    }
     const toggleShowContent = (e) => {
         if (stateful) {
-            setShowContent((prev) => {
-                onToggle && onToggle(e, !prev);
-                return !prev;
-            });
+            setShowContent &&
+                setShowContent((prev) => {
+                    onToggle && onToggle(e, !prev);
+                    return !prev;
+                });
         }
     };
     const styling = {};

package/dist/esm/components/Atoms/Dropdown/Dropdown.stories.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { h } from 'preact';
+import { DropdownProps } from './Dropdown';
 declare const _default: {
     title: string;
-    component: ((properties: import("./Dropdown").DropdownProps) => JSX.Element) & {
+    component: ((properties: DropdownProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -187,9 +188,40 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const ExternalState: any;
-export declare const JSXContent: any;
-export declare const JSXChildren: any;
-export declare const StringChildren: any;
+export declare const Default: {
+    (args: DropdownProps): h.JSX.Element;
+    args: {
+        button: string;
+        content: string;
+    };
+};
+export declare const ExternalState: {
+    (args: DropdownProps): h.JSX.Element;
+    args: {
+        button: string;
+        content: string;
+        open: boolean;
+    };
+};
+export declare const JSXContent: {
+    (args: DropdownProps): h.JSX.Element;
+    args: {
+        button: string;
+        content: h.JSX.Element;
+    };
+};
+export declare const JSXChildren: {
+    (args: DropdownProps): h.JSX.Element;
+    args: {
+        button: string;
+        content: h.JSX.Element;
+    };
+};
+export declare const StringChildren: {
+    (args: DropdownProps): h.JSX.Element;
+    args: {
+        button: string;
+        content: string;
+    };
+};
 //# sourceMappingURL=Dropdown.stories.d.ts.map

package/dist/esm/components/Atoms/Dropdown/Dropdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAS3B,wBAgHE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAQzC,eAAO,MAAM,aAAa,KAAqB,CAAC;AAShD,eAAO,MAAM,UAAU,KAAqB,CAAC;AAQ7C,eAAO,MAAM,WAAW,KAAqB,CAAC;AAQ9C,eAAO,MAAM,cAAc,KAAqB,CAAC"}
+{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrD,wBAgHE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;;CAA2B,CAAC;AAMvE,eAAO,MAAM,aAAa;WAAU,aAAa;;;;;;CAA2B,CAAC;AAO7E,eAAO,MAAM,UAAU;WAAU,aAAa;;;;;CAA2B,CAAC;AAM1E,eAAO,MAAM,WAAW;WAAU,aAAa;;;;;CAA6D,CAAC;AAM7G,eAAO,MAAM,cAAc;WAAU,aAAa;;;;;CAA6D,CAAC"}

package/dist/esm/components/Atoms/Dropdown/Dropdown.stories.js

@@ -114,33 +114,28 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(Dropdown, { ...args });
-export const Default = Template.bind({});
+export const Default = (args) => h(Dropdown, { ...args });
 Default.args = {
     button: 'button text',
     content: 'content text',
 };
-const Template2 = (args) => h(Dropdown, { ...args });
-export const ExternalState = Template2.bind({});
+export const ExternalState = (args) => h(Dropdown, { ...args });
 ExternalState.args = {
     button: 'button text',
     content: 'content text',
     open: true,
 };
-const Template3 = (args) => h(Dropdown, { ...args });
-export const JSXContent = Template3.bind({});
+export const JSXContent = (args) => h(Dropdown, { ...args });
 JSXContent.args = {
     button: 'button text',
     content: h(Badge, { content: 'jsx content - (note this component receieved the open state as a prop)' }),
 };
-const Template4 = (args) => h(Dropdown, { button: args.button }, args.content);
-export const JSXChildren = Template4.bind({});
+export const JSXChildren = (args) => h(Dropdown, { button: args.button }, args.content);
 JSXChildren.args = {
     button: 'button text',
     content: h(Badge, { content: 'jsx content - (note this component receieved the open state as a prop)' }),
 };
-const Template5 = (args) => h(Dropdown, { button: args.button }, args.content);
-export const StringChildren = Template5.bind({});
+export const StringChildren = (args) => h(Dropdown, { button: args.button }, args.content);
 StringChildren.args = {
     button: 'button text',
     content: 'string content - (note this component receieved the open state as a prop)',

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

@@ -1 +1 @@
-{"version":3,"file":"FormattedNumber.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/FormattedNumber/FormattedNumber.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAMhD,wBAAgB,eAAe,CAAC,UAAU,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA6C7E;AACD,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,GAAG,CAAC,EAAE,OAAO,CAAC;CACd"}
+{"version":3,"file":"FormattedNumber.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/FormattedNumber/FormattedNumber.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAM5D,wBAAgB,eAAe,CAAC,UAAU,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA8C7E;AACD,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,GAAG,CAAC,EAAE,OAAO,CAAC;CACd"}

package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.stories.d.ts

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { FormattedNumber } from './FormattedNumber';
+import { FormattedNumber, FormattedNumberProps } from './FormattedNumber';
 declare const _default: {
     title: string;
     component: typeof FormattedNumber;
@@ -179,7 +179,26 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Temperature: any;
-export declare const Length: any;
+export declare const Default: {
+    (args: FormattedNumberProps): h.JSX.Element;
+    args: {
+        value: number;
+    };
+};
+export declare const Temperature: {
+    (args: FormattedNumberProps): h.JSX.Element;
+    args: {
+        value: number;
+        symbol: string;
+        decimalPlaces: number;
+    };
+};
+export declare const Length: {
+    (args: FormattedNumberProps): h.JSX.Element;
+    args: {
+        value: number;
+        symbol: string;
+        decimalPlaces: number;
+    };
+};
 //# sourceMappingURL=FormattedNumber.stories.d.ts.map

package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormattedNumber.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/FormattedNumber/FormattedNumber.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpD,wBAsGE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAKzC,eAAO,MAAM,WAAW,KAAoB,CAAC;AAO7C,eAAO,MAAM,MAAM,KAAoB,CAAC"}
+{"version":3,"file":"FormattedNumber.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/FormattedNumber/FormattedNumber.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI1E,wBAsGE;AAEF,eAAO,MAAM,OAAO;WAAU,oBAAoB;;;;CAAkC,CAAC;AAKrF,eAAO,MAAM,WAAW;WAAU,oBAAoB;;;;;;CAAkC,CAAC;AAOzF,eAAO,MAAM,MAAM;WAAU,oBAAoB;;;;;;CAAkC,CAAC"}