@searchspring/snap-preact-components 0.28.0 → 0.30.1

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { ComponentProps } from '../../../types';
+import type { SearchPaginationStore } from '@searchspring/snap-store-mobx';
 export declare const Pagination: ((properties: PaginationProps) => JSX.Element) & {
     displayName: string;
 };
 export interface PaginationProps extends ComponentProps {
-    pagination: any;
+    pagination: SearchPaginationStore;
     pages?: number;
     pagesLeft?: number;
     pagesRight?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Pagination/Pagination.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAsBhD,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,WAAW;;CAwH3E,CAAC;AAOH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAClC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Pagination/Pagination.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAE5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAqB3E,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,WAAW;;CAwH3E,CAAC;AAMH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAClC"}

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

@@ -18,7 +18,7 @@ const CSS = {
                 fontWeight: 'bold',
             },
             '&:hover:not(.ss__pagination__page--active)': {
-                backgroundColor: theme.colors?.hover || '#f8f8f8',
+                backgroundColor: theme?.colors?.hover || '#f8f8f8',
             },
         },
     }),
@@ -48,7 +48,7 @@ export const Pagination = observer((properties) => {
                 disableStyles,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
     const store = pagination;
@@ -62,7 +62,7 @@ export const Pagination = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (store?.totalResults && (jsx(CacheProvider, null,
+    return store?.totalResults ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__pagination', className) },
             jsx(Fragment, null,
                 store.previous && !hidePrev && (jsx("a", { ...store.previous.url.link, className: classnames('ss__pagination__page', 'ss__pagination__page--previous'), "aria-label": 'previous page' }, prevButton ? prevButton : jsx(Icon, { ...subProps.icon, icon: 'angle-left' }))),
@@ -74,5 +74,5 @@ export const Pagination = observer((properties) => {
                 !pageNumbers.includes(store.last.number) && !hideLast && (jsx(Fragment, null,
                     !pageNumbers.includes(store.totalPages - 1) && !hideEllipsis && jsx("span", null, "\u2026"),
                     jsx("a", { ...store.last.url.link, className: classnames('ss__pagination__page', 'ss__pagination__page--last'), "aria-label": 'last page' }, lastButton ? lastButton : store.last.number))),
-                store.next && !hideNext && (jsx("a", { ...store.next.url.link, className: classnames('ss__pagination__page', 'ss__pagination__page--next'), "aria-label": 'next page' }, nextButton ? nextButton : jsx(Icon, { ...subProps.icon, icon: 'angle-right' }))))))));
+                store.next && !hideNext && (jsx("a", { ...store.next.url.link, className: classnames('ss__pagination__page', 'ss__pagination__page--next'), "aria-label": 'next page' }, nextButton ? nextButton : jsx(Icon, { ...subProps.icon, icon: 'angle-right' }))))))) : (jsx(Fragment, null));
 });

package/dist/esm/components/Molecules/Pagination/Pagination.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import { PaginationProps } from './Pagination';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: PaginationProps) => JSX.Element) & {
@@ -231,5 +232,14 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    (args: PaginationProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
 //# sourceMappingURL=Pagination.stories.d.ts.map

package/dist/esm/components/Molecules/Pagination/Pagination.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK3D,wBA8IE;AAYF,eAAO,MAAM,OAAO,KAAoB,CAAC"}
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtE,wBA8IE;AAQF,eAAO,MAAM,OAAO;WAAU,eAAe;;wBAAsD,gBAAgB;;;;;;CAElH,CAAC"}

package/dist/esm/components/Molecules/Pagination/Pagination.stories.js

@@ -148,10 +148,9 @@ const snapInstance = Snapify.search({ id: 'Pagination', globals: { siteId: '8uyt
 const ObservablePagination = observer(({ args, controller }) => {
     return h(Pagination, { ...args, pagination: controller?.store?.pagination });
 });
-const Template = (args, { loaded: { controller } }) => {
+export const Default = (args, { loaded: { controller } }) => {
     return h(ObservablePagination, { args: args, controller: controller });
 };
-export const Default = Template.bind({});
 Default.loaders = [
     async () => {
         await snapInstance.search();

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,EAAU,MAAM,gBAAgB,CAAC;AACpE,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,gBAAyB,WAAW,KAAG,WAAW;;CA2HnE,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":";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,gBAAyB,WAAW,KAAG,WAAW;;CA2HnE,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"}

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

@@ -113,13 +113,13 @@ export const Result = observer((properties) => {
                 fallback: fallback,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
-    const onSale = Boolean(core?.msrp && core?.msrp * 1 > core?.price * 1);
-    let displayName = core.name;
+    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);
+        displayName = filters.truncate(core?.name || '', props.truncateTitle.limit, props.truncateTitle.append);
     }
     const styling = {};
     if (!disableStyles) {
@@ -128,7 +128,7 @@ export const Result = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (core && (jsx(CacheProvider, null,
+    return core ? (jsx(CacheProvider, null,
         jsx("article", { ...styling, className: classnames('ss__result', `ss__result--${layout}`, className) },
             jsx("div", { className: "ss__result__image-wrapper" },
                 jsx("a", { href: core.url, onClick: (e) => {
@@ -143,11 +143,11 @@ export const Result = observer((properties) => {
                             onClick && onClick(e);
                             controller?.track?.product?.click(e, result);
                         }, dangerouslySetInnerHTML: {
-                            __html: displayName,
+                            __html: displayName || '',
                         } }))),
-                !hidePricing && (jsx("div", { className: "ss__result__details__pricing" }, core.price < core.msrp ? (jsx(Fragment, null,
+                !hidePricing && (jsx("div", { className: "ss__result__details__pricing" }, core.msrp && core.price && core.price < core.msrp ? (jsx(Fragment, null,
                     jsx(Price, { ...subProps.price, value: core.msrp, lineThrough: true }),
                     "\u00A0",
                     jsx(Price, { ...subProps.price, value: core.price }))) : (jsx(Price, { ...subProps.price, value: core.price })))),
-                cloneWithProps(detailSlot, { result }))))));
+                cloneWithProps(detailSlot, { result }))))) : (jsx(Fragment, null));
 });

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

@@ -2,6 +2,7 @@
 import { h } from 'preact';
 import { ResultProps } from './Result';
 import { Layout } from '../../../types';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: ResultProps) => JSX.Element) & {
@@ -209,7 +210,45 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const hideSections: any;
-export declare const truncateTitle: any;
+export declare const Default: {
+    (args: ResultProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
+export declare const hideSections: {
+    (args: ResultProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+    args: {
+        hideBadge: boolean;
+        hideTitle: boolean;
+        hidePricing: boolean;
+    };
+};
+export declare const truncateTitle: {
+    (args: ResultProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+    args: {
+        truncateTitle: {
+            limit: number;
+            append: string;
+        };
+    };
+};
 //# sourceMappingURL=Result.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Result.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,wBAwIE;AAKF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAUzC,eAAO,MAAM,YAAY,KAAoB,CAAC;AAe9C,eAAO,MAAM,aAAa,KAAoB,CAAC"}
+{"version":3,"file":"Result.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAwIE;AAIF,eAAO,MAAM,OAAO;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;CAE9G,CAAC;AAWF,eAAO,MAAM,YAAY;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;;CAEnH,CAAC;AAgBF,eAAO,MAAM,aAAa;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;;;CAEpH,CAAC"}

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

@@ -138,8 +138,7 @@ export default {
     },
 };
 const snapInstance = Snapify.search({ id: 'Result', globals: { siteId: '8uyt2m' } });
-const Template = (args, { loaded: { controller } }) => h(Result, { result: controller?.store?.results[0], ...args });
-export const Default = Template.bind({});
+export const Default = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
 Default.loaders = [
     async () => {
         await snapInstance.search();
@@ -148,7 +147,7 @@ Default.loaders = [
         };
     },
 ];
-export const hideSections = Template.bind({});
+export const hideSections = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
 hideSections.loaders = [
     async () => {
         await snapInstance.search();
@@ -162,7 +161,7 @@ hideSections.args = {
     hideTitle: true,
     hidePricing: true,
 };
-export const truncateTitle = Template.bind({});
+export const truncateTitle = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
 truncateTitle.loaders = [
     async () => {
         await snapInstance.search();

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAoB,MAAM,gBAAgB,CAAC;AAwBlE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAqD7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAuB5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAqD7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -5,11 +5,11 @@ import { Icon } from '../../Atoms/Icon/Icon';
 import { defined } from '../../../utilities';
 import { useTheme, CacheProvider } from '../../../providers';
 const CSS = {
-    searchInput: ({ theme, subProps }) => css({
+    searchInput: ({ theme }) => css({
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        border: `1px solid ${theme.colors?.primary || '#ccc'}`,
+        border: `1px solid ${theme?.colors?.primary || '#ccc'}`,
         '& .ss__icon': {
             padding: '5px',
         },
@@ -46,12 +46,12 @@ export const SearchInput = observer((properties) => {
                 disableStyles,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
     const styling = {};
     if (!disableStyles) {
-        styling.css = [CSS.searchInput({ theme, subProps }), style];
+        styling.css = [CSS.searchInput({ theme }), style];
     }
     else if (style) {
         styling.css = [style];

package/dist/esm/components/Molecules/SearchInput/SearchInput.stories.d.ts

@@ -105,5 +105,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: (args: SearchInputProps) => h.JSX.Element;
 //# sourceMappingURL=SearchInput.stories.d.ts.map

package/dist/esm/components/Molecules/SearchInput/SearchInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;AAIrC,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK9D,wBA0DE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC"}
+{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;yBAkBpD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA0DE;AACF,eAAO,MAAM,OAAO,SAAU,gBAAgB,kBAA8B,CAAC"}

package/dist/esm/components/Molecules/SearchInput/SearchInput.stories.js

@@ -54,5 +54,4 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(SearchInput, { ...args });
-export const Default = Template.bind({});
+export const Default = (args) => h(SearchInput, { ...args });

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

@@ -23,7 +23,7 @@ export interface SelectProps extends ComponentProps {
     iconOpen?: IconType | string;
     label?: string | JSX.Element;
     native?: boolean;
-    onSelect?: (e: Event, option: Option) => void;
+    onSelect?: (e: React.ChangeEvent<HTMLSelectElement>, option: Option | undefined) => void;
     selected?: Option;
     separator?: string | JSX.Element;
     startOpen?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyC7D,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAuNnE,CAAC;AAQH,oBAAY,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC,YAAY,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B,CAAC;AACF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAG5D,OAAO,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAwC7D,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAqNnE,CAAC;AAQH,oBAAY,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC,YAAY,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B,CAAC;AACF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

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

@@ -10,9 +10,7 @@ import { Dropdown } from '../../Atoms/Dropdown';
 import { Button } from '../../Atoms/Button';
 import { Icon } from '../../Atoms/Icon';
 const CSS = {
-    select: ({ color, backgroundColor, borderColor, label, selection, theme }) => 
-    //@ts-ignore
-    css({
+    select: ({ color, backgroundColor, borderColor, theme }) => css({
         display: 'inline-flex',
         color: color,
         '&.ss__select--disabled': {
@@ -31,7 +29,7 @@ const CSS = {
             listStyle: 'none',
             padding: '0',
             marginTop: '-1px',
-            border: `1px solid ${borderColor || color || theme.colors?.primary || '#333'}`,
+            border: `1px solid ${borderColor || color || theme?.colors?.primary || '#333'}`,
             '& .ss__select__select__option': {
                 cursor: 'pointer',
                 padding: '6px 8px',
@@ -40,7 +38,7 @@ const CSS = {
                     fontWeight: 'bold',
                 },
                 '&:hover': {
-                    backgroundColor: theme.colors?.hover || '#f8f8f8',
+                    backgroundColor: theme?.colors?.hover || '#f8f8f8',
                 },
             },
         },
@@ -75,7 +73,7 @@ export const Select = observer((properties) => {
                 disabled,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
         button: {
             // default props
@@ -91,7 +89,7 @@ export const Select = observer((properties) => {
                 borderColor,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
         icon: {
             // default props
@@ -105,14 +103,14 @@ export const Select = observer((properties) => {
                 size: '14px',
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
     // only single selection support for now
     let selection = selected;
     let setSelection;
     // open state
-    const [open, setOpen] = useState(startOpen);
+    const [open, setOpen] = useState(Boolean(startOpen));
     // selection state
     const stateful = selection === undefined;
     if (stateful) {
@@ -131,7 +129,7 @@ export const Select = observer((properties) => {
         ];
     }
     const makeSelection = (e, option) => {
-        option = option.value ? option : undefined;
+        option = option?.value ? option : undefined;
         if (option != selection) {
             onSelect && onSelect(e, option);
         }
@@ -146,15 +144,13 @@ export const Select = observer((properties) => {
             styling.css = [CSS.native(), style];
         }
         else {
-            styling.css = [CSS.select({ color, backgroundColor, borderColor, label, selection: selection || '', theme }), style];
+            styling.css = [CSS.select({ color, backgroundColor, borderColor, theme }), style];
         }
     }
     else if (style) {
         styling.css = [style];
     }
-    return (options &&
-        (typeof options == 'object' || Array.isArray(options)) &&
-        options.length && (jsx(CacheProvider, null,
+    return Array.isArray(options) && options.length ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__select', { 'ss__select--disabled': disabled }, className) }, native ? (jsx(Fragment, null,
             label && !hideLabelOnSelection && (jsx("span", { className: "ss__select__label" },
                 label,
@@ -179,5 +175,5 @@ export const Select = observer((properties) => {
             jsx("ul", { className: "ss__select__select" }, options.map((option) => (jsx("li", { className: classnames('ss__select__select__option', {
                     'ss__select__select__option--selected': selection?.value === option.value,
                 }), onClick: (e) => !disabled && makeSelection(e, option) },
-                jsx("span", null, option.label)))))))))));
+                jsx("span", null, option.label)))))))))) : (jsx(Fragment, null));
 });

package/dist/esm/components/Molecules/Select/Select.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import { SelectProps } from './Select';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: SelectProps) => JSX.Element) & {
@@ -310,6 +311,31 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Native: any;
+export declare const Default: {
+    (args: SelectProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+    args: {
+        label: string;
+    };
+};
+export declare const Native: {
+    (args: SelectProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+    args: {
+        label: string;
+        native: boolean;
+    };
+};
 //# sourceMappingURL=Select.stories.d.ts.map

package/dist/esm/components/Molecules/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM/C,wBA4ME;AAqBF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAazC,eAAO,MAAM,MAAM,KAAoB,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtE,wBA4ME;AAiBF,eAAO,MAAM,OAAO;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAE9G,CAAC;AAcF,eAAO,MAAM,MAAM;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;CAE7G,CAAC"}

package/dist/esm/components/Molecules/Select/Select.stories.js

@@ -214,10 +214,9 @@ const ObservableSelect = observer(({ args, controller }) => {
             selectedOption && selectedOption.url.go();
         } }));
 });
-const Template = (args, { loaded: { controller } }) => {
+export const Default = (args, { loaded: { controller } }) => {
     return h(ObservableSelect, { args: args, controller: controller });
 };
-export const Default = Template.bind({});
 Default.loaders = [
     async () => {
         await snapInstance.search();
@@ -229,7 +228,9 @@ Default.loaders = [
 Default.args = {
     label: 'Sort By',
 };
-export const Native = Template.bind({});
+export const Native = (args, { loaded: { controller } }) => {
+    return h(ObservableSelect, { args: args, controller: controller });
+};
 Native.loaders = [
     async () => {
         await snapInstance.search();

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
 export declare function Slideout(properties: SlideoutProps): JSX.Element;
 export interface SlideoutProps extends ComponentProps {
-    children?: JSX.Element;
-    active: boolean;
+    children?: ComponentChildren;
+    active?: boolean;
     buttonContent?: string | JSX.Element;
     width?: string;
     displayAt?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAyBhD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAuE/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA0E/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}

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

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { useState } from 'preact/hooks';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
@@ -55,16 +57,16 @@ export function Slideout(properties) {
                 transitionSpeed,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
     // state
-    const [isActive, setActive] = useState(active);
+    const [isActive, setActive] = useState(Boolean(active));
     const toggleActive = () => {
         setActive(!isActive);
         document.body.style.overflow = isActive ? 'hidden' : '';
     };
-    const isVisible = useMediaQuery(displayAt, () => {
+    let isVisible = useMediaQuery(displayAt, () => {
         document.body.style.overflow = '';
     });
     document.body.style.overflow = isVisible && isActive ? 'hidden' : '';
@@ -75,8 +77,8 @@ export function Slideout(properties) {
     else if (style) {
         styling.css = [style];
     }
-    return (isVisible && (jsx(CacheProvider, null,
+    return isVisible ? (jsx(CacheProvider, null,
         buttonContent && (jsx("div", { className: "ss__slideout__button", onClick: () => toggleActive() }, buttonContent)),
         jsx("div", { className: classnames('ss__slideout', className, { 'ss__slideout--active': isActive }), ...styling }, cloneWithProps(children, { toggleActive, active: isActive })),
-        jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: toggleActive }))));
+        jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: toggleActive }))) : (jsx(Fragment, null));
 }

package/dist/esm/components/Molecules/Slideout/Slideout.stories.d.ts

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { Slideout } from './Slideout';
+import { Slideout, SlideoutProps } from './Slideout';
 declare const _default: {
     title: string;
     component: typeof Slideout;
@@ -62,9 +62,6 @@ declare const _default: {
         };
         active: {
             description: string;
-            type: {
-                required: boolean;
-            };
             table: {
                 type: {
                     summary: string;
@@ -170,5 +167,10 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    (args: SlideoutProps): h.JSX.Element;
+    args: {
+        active: boolean;
+    };
+};
 //# sourceMappingURL=Slideout.stories.d.ts.map

package/dist/esm/components/Molecules/Slideout/Slideout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA6FE;AAQF,eAAO,MAAM,OAAO,KAAuB,CAAC"}
+{"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA4FE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}

package/dist/esm/components/Molecules/Slideout/Slideout.stories.js

@@ -15,8 +15,7 @@ export default {
     },
     argTypes: {
         active: {
-            description: 'Slideout is active',
-            type: { required: true },
+            description: 'Initial state of the slideout.',
             table: {
                 type: {
                     summary: 'boolean',
@@ -94,9 +93,8 @@ export default {
         ...componentArgs,
     },
 };
-const _HelloWorld = (args) => (h(Slideout, { ...args },
+export const Default = (args) => (h(Slideout, { ...args },
     h("div", null, "props.children will be rendered here")));
-export const Default = _HelloWorld.bind({});
 Default.args = {
     active: true,
 };

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

@@ -27,7 +27,7 @@ export interface AutocompleteProps extends ComponentProps {
     breakpoints?: BreakpointsProps;
     controller: AutocompleteController;
     width?: string;
-    onFacetOptionClick?: (e: any) => void;
-    onTermClick?: (e: any) => void;
+    onFacetOptionClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onTermClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 //# sourceMappingURL=Autocomplete.d.ts.map

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;AAQ5E,OAAO,EAAc,cAAc,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA2J5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAyX/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,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,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;CAC1B"}
+{"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;AAS5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAmJ5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA0X/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,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,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3E"}