@athoscommerce/snap-preact 1.0.0

package/dist/esm/components/src/themes/base/components/templates/searchCollapsible.js

@@ -0,0 +1,27 @@
+import { css } from '@emotion/react';
+import { searchCollapsibleThemeComponentProps } from '../../../themeComponents/searchCollapsible';
+// CSS in JS style script for the Search component
+const searchCollapsibleStyleScript = ({ theme }) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const variables = theme?.variables;
+    const sidebarWidth = 'calc(270px + 1.5em)';
+    return css({
+        '.ss__toolbar .ss__button--sidebar-toggle-button-wrapper': {
+            marginRight: sidebarWidth ? 'inherit' : 'auto',
+            width: sidebarWidth ? sidebarWidth : 'inherit',
+        },
+    });
+};
+// Search component props come from Template export
+export const searchCollapsible = {
+    default: {
+        ...searchCollapsibleThemeComponentProps.default,
+        searchCollapsible: {
+            ...(searchCollapsibleThemeComponentProps.default?.['searchCollapsible'] || {}),
+            themeStyleScript: searchCollapsibleStyleScript,
+        },
+    },
+    mobile: searchCollapsibleThemeComponentProps.mobile,
+    desktop: searchCollapsibleThemeComponentProps.desktop,
+    tablet: searchCollapsibleThemeComponentProps.tablet,
+};

package/dist/esm/components/src/themes/base/components/templates/searchHorizontal.d.ts

@@ -0,0 +1,4 @@
+import type { SearchHorizontalProps } from '../../../../components/Templates/SearchHorizontal';
+import { ThemeComponent } from '../../../../providers';
+export declare const searchHorizontal: ThemeComponent<'searchHorizontal', SearchHorizontalProps>;
+//# sourceMappingURL=searchHorizontal.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/searchHorizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/searchHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAWvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAAuC,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/searchHorizontal.js

@@ -0,0 +1,9 @@
+import { searchHorizontalThemeComponentProps } from '../../../themeComponents/searchHorizontal';
+// CSS in JS style script for the Search component
+// const searchHorizontalStyleScript = ({ theme }: SearchHorizontalProps) => {
+// 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+// 	const variables = theme?.variables;
+// 	return css({});
+// };
+// Search component props come from Template export
+export const searchHorizontal = searchHorizontalThemeComponentProps;

package/dist/esm/components/src/themes/base/responsive.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsive } from '../../providers/theme';
+export declare const responsive: ThemeResponsive;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/esm/components/src/themes/base/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/base/responsive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,eAAO,MAAM,UAAU,EAAE,eAIxB,CAAC"}

package/dist/esm/components/src/themes/base/responsive.js

@@ -0,0 +1,6 @@
+import { mobileComponents, tabletComponents, desktopComponents } from './components';
+export const responsive = {
+    mobile: mobileComponents,
+    tablet: tabletComponents,
+    desktop: desktopComponents,
+};

package/dist/esm/components/src/themes/bocachica/bocachica.d.ts

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

package/dist/esm/components/src/themes/bocachica/bocachica.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bocachica.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/bocachica/bocachica.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAkBhE,eAAO,MAAM,SAAS,EAAE,aAKvB,CAAC"}

package/dist/esm/components/src/themes/bocachica/bocachica.js

@@ -0,0 +1,21 @@
+import { components } from './components';
+import { responsive } from './responsive';
+const bocachicaVariables = {
+    breakpoints: {
+        mobile: 767,
+        tablet: 991,
+        desktop: 1299,
+    },
+    colors: {
+        text: '#222222',
+        primary: '#202223',
+        secondary: '#6d7175',
+        accent: '#3a23ad',
+    },
+};
+export const bocachica = {
+    name: 'bocachica',
+    variables: bocachicaVariables,
+    components,
+    responsive,
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/button.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from '../../../../components/Atoms/Button';
+import { ThemeComponent } from '../../../../providers';
+export declare const button: ThemeComponent<'button', ButtonProps>;
+//# sourceMappingURL=button.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAMxD,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/button.js

@@ -0,0 +1,28 @@
+import { css } from '@emotion/react';
+import Color from 'color';
+// CSS in JS style script for the Button component
+const buttonStyleScript = ({ backgroundColor, theme }) => {
+    const variables = theme?.variables;
+    const hoverBackgroundColorObj = new Color(backgroundColor || variables?.colors.primary || undefined);
+    const hoverColorObj = hoverBackgroundColorObj.isDark() ? Color('#fff') : Color('#000');
+    return css({
+        backgroundColor: backgroundColor || '#fff',
+        borderRadius: '3px',
+        '&:not(.ss__button--disabled):hover': {
+            backgroundColor: hoverBackgroundColorObj.hex(),
+            color: hoverColorObj.hex(),
+            '.ss__icon': {
+                fill: hoverColorObj.hex(),
+                stroke: hoverColorObj.hex(),
+            },
+        },
+    });
+};
+// Button component props
+export const button = {
+    default: {
+        button: {
+            themeStyleScript: buttonStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/dropdown.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownProps } from '../../../../components/Atoms/Dropdown';
+import { ThemeComponent } from '../../../../providers';
+export declare const dropdown: ThemeComponent<'dropdown', DropdownProps>;
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/dropdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAM9D,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/dropdown.js

@@ -0,0 +1,22 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the Dropdown component
+const dropdownStyleScript = ({ theme }) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const variables = theme?.variables;
+    return css({
+        position: 'relative',
+        '&.ss__dropdown--open': {
+            '& .ss__dropdown__content': {
+                transition: `opacity .5s ease`,
+            },
+        },
+    });
+};
+// Dropdown component props
+export const dropdown = {
+    default: {
+        dropdown: {
+            themeStyleScript: dropdownStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/icon.d.ts

@@ -0,0 +1,4 @@
+import type { IconProps } from '../../../../components/Atoms/Icon';
+import { ThemeComponent } from '../../../../providers';
+export declare const icon: ThemeComponent<'icon', IconProps>;
+//# sourceMappingURL=icon.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/icon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAevD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,CAMlD,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/icon.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the Icon component
+const iconStyleScript = ({ color, height, width, size, theme }) => {
+    const variables = theme?.variables;
+    return css({
+        fill: color || variables?.colors?.accent,
+        stroke: color || variables?.colors?.accent,
+        width: width || size,
+        height: height || size,
+    });
+};
+// Icon component props
+export const icon = {
+    default: {
+        icon: {
+            themeStyleScript: iconStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/image.d.ts

@@ -0,0 +1,4 @@
+import type { ImageProps } from '../../../../components/Atoms/Image';
+import { ThemeComponent } from '../../../../providers';
+export declare const image: ThemeComponent<'image', ImageProps>;
+//# sourceMappingURL=image.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/image.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAWvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAMrD,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/image.js

@@ -0,0 +1,15 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the Image component
+const imageStyleScript = ({ theme }) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const variables = theme?.variables;
+    return css({});
+};
+// Image component props
+export const image = {
+    default: {
+        image: {
+            themeStyleScript: imageStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const atoms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAYhE,eAAO,MAAM,KAAK,EAAE,uBAwCnB,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/index.js

@@ -0,0 +1,50 @@
+// ATOMS Imports
+import { button } from './button';
+import { dropdown } from './dropdown';
+import { icon } from './icon';
+import { image } from './image';
+import { loadingBar } from './loadingBar';
+import { price } from './price';
+import { searchHeader } from './searchHeader';
+import { skeleton } from './skeleton';
+export const atoms = {
+    default: {
+        ...button.default,
+        ...dropdown.default,
+        ...icon.default,
+        ...image.default,
+        ...loadingBar.default,
+        ...price.default,
+        ...searchHeader.default,
+        ...skeleton.default,
+    },
+    mobile: {
+        ...button.mobile,
+        ...dropdown.mobile,
+        ...icon.mobile,
+        ...image.mobile,
+        ...loadingBar.mobile,
+        ...price.mobile,
+        ...searchHeader.mobile,
+        ...skeleton.mobile,
+    },
+    tablet: {
+        ...dropdown.tablet,
+        ...icon.tablet,
+        ...image.tablet,
+        ...loadingBar.tablet,
+        ...price.tablet,
+        ...searchHeader.tablet,
+        ...skeleton.tablet,
+    },
+    desktop: {
+        ...button.desktop,
+        ...dropdown.desktop,
+        ...icon.desktop,
+        ...image.desktop,
+        ...loadingBar.desktop,
+        ...price.desktop,
+        ...searchHeader.desktop,
+        ...skeleton.desktop,
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/loadingBar.d.ts

@@ -0,0 +1,4 @@
+import type { LoadingBarProps } from '../../../../components/Atoms/Loading';
+import { ThemeComponent } from '../../../../providers';
+export declare const loadingBar: ThemeComponent<'loadingBar', LoadingBarProps>;
+//# sourceMappingURL=loadingBar.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/loadingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingBar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/loadingBar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,CAMpE,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/loadingBar.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the LoadingBar component
+const loadingBarStyleScript = ({ color, backgroundColor, theme }) => {
+    const variables = theme?.variables;
+    return css({
+        background: backgroundColor || '#f8f8f8',
+        '& .ss__loading-bar__bar': {
+            background: `${color || variables?.colors?.accent || '#ccc'}`,
+        },
+    });
+};
+// LoadingBar component props
+export const loadingBar = {
+    default: {
+        loadingBar: {
+            themeStyleScript: loadingBarStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/price.d.ts

@@ -0,0 +1,4 @@
+import type { PriceProps } from '../../../../components/Atoms/Price';
+import { ThemeComponent } from '../../../../providers';
+export declare const price: ThemeComponent<'price', PriceProps>;
+//# sourceMappingURL=price.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/price.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/price.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAMrD,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/price.js

@@ -0,0 +1,20 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the Price component
+const priceStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
+    return css({
+        margin: '0 0.5rem 0 0',
+        '&.ss__price--strike': {
+            color: variables?.colors?.secondary || 'inherit',
+            opacity: 0.5,
+        },
+    });
+};
+// Price component props
+export const price = {
+    default: {
+        price: {
+            themeStyleScript: priceStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/searchHeader.d.ts

@@ -0,0 +1,4 @@
+import type { SearchHeaderProps } from '../../../../components/Atoms/SearchHeader';
+import { ThemeComponent } from '../../../../providers';
+export declare const searchHeader: ThemeComponent<'searchHeader', SearchHeaderProps>;
+//# sourceMappingURL=searchHeader.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/searchHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/searchHeader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAO1E,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/searchHeader.js

@@ -0,0 +1,25 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the SearchHeader component
+const searchHeaderStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
+    return css({
+        paddingBottom: '10px',
+        textAlign: 'center',
+        '.ss__search-header__title': {
+            color: variables?.colors?.primary,
+            marginBottom: '5px',
+        },
+        '.ss__search-header__title--corrected': {
+            color: variables?.colors?.secondary,
+        },
+    });
+};
+// SearchHeader component props
+export const searchHeader = {
+    default: {
+        searchHeader: {
+            themeStyleScript: searchHeaderStyleScript,
+            titleText: (data) => `Search Results${data.search?.query?.string ? ` for "${data.search.query.string}"` : ''}`,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/atoms/skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { SkeletonProps } from '../../../../components/Atoms/Skeleton';
+import { ThemeComponent } from '../../../../providers';
+export declare const skeleton: ThemeComponent<'skeleton', SkeletonProps>;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/atoms/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/skeleton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAM9D,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/skeleton.js

@@ -0,0 +1,10 @@
+// CSS in JS style script for the Skeleton component
+// const skeletonStyleScript = () => {};
+// Skeleton component props
+export const skeleton = {
+    default: {
+        skeleton: {
+        // themeStyleScript: skeletonStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/index.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeComponentsRestricted } from '../../../providers';
+export declare const components: ThemeComponentsRestricted;
+export declare const mobileComponents: ThemeComponentsRestricted;
+export declare const tabletComponents: ThemeComponentsRestricted;
+export declare const desktopComponents: ThemeComponentsRestricted;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/themes/bocachica/components/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,eAAO,MAAM,UAAU,EAAE,yBAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,yBAK/B,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/index.js

@@ -0,0 +1,28 @@
+import { atoms } from './atoms';
+import { molecules } from './molecules';
+import { organisms } from './organisms';
+import { templates } from './templates';
+export const components = {
+    ...atoms.default,
+    ...molecules.default,
+    ...organisms.default,
+    ...templates.default,
+};
+export const mobileComponents = {
+    ...atoms.mobile,
+    ...molecules.mobile,
+    ...organisms.mobile,
+    ...templates.mobile,
+};
+export const tabletComponents = {
+    ...atoms.tablet,
+    ...molecules.tablet,
+    ...organisms.tablet,
+    ...templates.tablet,
+};
+export const desktopComponents = {
+    ...atoms.desktop,
+    ...molecules.desktop,
+    ...organisms.desktop,
+    ...templates.desktop,
+};

package/dist/esm/components/src/themes/bocachica/components/molecules/carousel.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselProps } from '../../../../components/Molecules/Carousel';
+import { ThemeComponent } from '../../../../providers';
+export declare const carousel: ThemeComponent<'carousel', CarouselProps>;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/molecules/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/molecules/carousel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAM9D,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/molecules/carousel.js

@@ -0,0 +1,23 @@
+import { css } from '@emotion/react';
+// CSS in JS style script for the Carousel component
+const carouselStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
+    return css({
+        '.swiper-pagination-bullet': {
+            background: '#ccc',
+            opacity: '.5',
+            '&.swiper-pagination-bullet-active': {
+                opacity: '1',
+                background: variables?.colors?.accent || '#3A23AD',
+            },
+        },
+    });
+};
+// Carousel component props
+export const carousel = {
+    default: {
+        carousel: {
+            themeStyleScript: carouselStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/molecules/checkbox.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxProps } from '../../../../components/Molecules/Checkbox';
+import { ThemeComponent } from '../../../../providers';
+export declare const checkbox: ThemeComponent<'checkbox', CheckboxProps>;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/molecules/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/molecules/checkbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA0BvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAO9D,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/molecules/checkbox.js

@@ -0,0 +1,31 @@
+import { css } from '@emotion/react';
+import Color from 'color';
+// CSS in JS style script for the Checkbox component
+const checkboxStyleScript = ({ color, theme }) => {
+    const variables = theme?.variables;
+    const backgroundColorObj = new Color(color || variables?.colors.primary || undefined);
+    const backgroundTextColorObj = backgroundColorObj.isDark() ? new Color('#fff') : new Color('#000');
+    return css({
+        border: `1px solid ${backgroundColorObj.hex()}`,
+        borderRadius: '3px',
+        '&.ss__checkbox--active': {
+            backgroundColor: backgroundColorObj.hex(),
+            '.ss__icon': {
+                fill: backgroundTextColorObj.hex(),
+                stroke: backgroundTextColorObj.hex(),
+            },
+        },
+        '&.ss__checkbox--disabled': {
+            opacity: 0.3,
+        },
+    });
+};
+// Checkbox component props
+export const checkbox = {
+    default: {
+        checkbox: {
+            themeStyleScript: checkboxStyleScript,
+            size: '18px',
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/molecules/errorHandler.d.ts

@@ -0,0 +1,4 @@
+import type { ErrorHandlerProps } from '../../../../components/Molecules/ErrorHandler';
+import { ThemeComponent } from '../../../../providers';
+export declare const errorHandler: ThemeComponent<'errorHandler', ErrorHandlerProps>;
+//# sourceMappingURL=errorHandler.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/molecules/errorHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandler.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/molecules/errorHandler.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAM1E,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/molecules/errorHandler.js

@@ -0,0 +1,11 @@
+// CSS in JS style script for the RadioList component
+// const errorHandlerStyleScript = () => {
+// };
+// ErrorHandler component props
+export const errorHandler = {
+    default: {
+        errorHandler: {
+        // themeStyleScript: ErrorHandlerStyleScript,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/molecules/facetGridOptions.d.ts

@@ -0,0 +1,4 @@
+import type { FacetGridOptionsProps } from '../../../../components/Molecules/FacetGridOptions';
+import { ThemeComponent } from '../../../../providers';
+export declare const facetGridOptions: ThemeComponent<'facetGridOptions', FacetGridOptionsProps>;
+//# sourceMappingURL=facetGridOptions.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/molecules/facetGridOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/molecules/facetGridOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6BvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAQtF,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/molecules/facetGridOptions.js

@@ -0,0 +1,34 @@
+import { css } from '@emotion/react';
+import Color from 'color';
+// CSS in JS style script for the FacetGridOptions component
+const facetGridOptionsStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
+    const backgroundColorObj = new Color(variables?.colors.primary || undefined);
+    const colorObj = backgroundColorObj.isDark() ? new Color('#fff') : new Color('#000');
+    return css({
+        a: {
+            color: theme?.variables?.colors?.text,
+        },
+        '& .ss__facet-grid-options__option': {
+            border: `1px solid ${backgroundColorObj.hex()}`,
+            borderRadius: '3px',
+            '&.ss__facet-grid-options__option--filtered': {
+                background: backgroundColorObj.hex(),
+                color: colorObj.hex(),
+            },
+            '&:hover:not(.ss__facet-grid-options__option--filtered)': {
+                cursor: 'pointer',
+            },
+        },
+    });
+};
+// FacetGridOptions component props
+export const facetGridOptions = {
+    default: {
+        facetGridOptions: {
+            themeStyleScript: facetGridOptionsStyleScript,
+            gapSize: '5px',
+            columns: 5,
+        },
+    },
+};

package/dist/esm/components/src/themes/bocachica/components/molecules/facetHierarchyOptions.d.ts

@@ -0,0 +1,4 @@
+import type { FacetHierarchyOptionsProps } from '../../../../components/Molecules/FacetHierarchyOptions';
+import { ThemeComponent } from '../../../../providers';
+export declare const facetHierarchyOptions: ThemeComponent<'facetHierarchyOptions', FacetHierarchyOptionsProps>;
+//# sourceMappingURL=facetHierarchyOptions.d.ts.map

package/dist/esm/components/src/themes/bocachica/components/molecules/facetHierarchyOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/molecules/facetHierarchyOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyCvD,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,uBAAuB,EAAE,0BAA0B,CAMrG,CAAC"}