@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

package/dist/esm/lib/DaySlider/DaySlider.js

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import React, { forwardRef } from 'react';
+import { IonSlides } from '@ionic/react';
+import { dateNormalize } from './utils';
+import { DateButton, DaySliderWrapper, SliderDivider, SlideStyled, } from './DaySlider.style';
+const options = {
+    initialSlide: 0,
+    width: 100,
+    spaceBetween: 10,
+};
+const DaySlider = forwardRef((props, ref) => {
+    const { slides, onDayClick, locale, translations } = props, sliderProps = __rest(props, ["slides", "onDayClick", "locale", "translations"]);
+    return (_jsxs(_Fragment, { children: [_jsx(DaySliderWrapper, { children: _createElement(IonSlides, Object.assign({ ref: ref, options: options }, sliderProps, { key: slides.map((slide) => slide).join('_') }), slides.map((s, index) => (_jsx(SlideStyled, { children: _jsx(DateButton, { onClick: () => onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(index, s), dangerouslySetInnerHTML: {
+                            __html: typeof s === 'string'
+                                ? s
+                                : dateNormalize(s, locale, translations === null || translations === void 0 ? void 0 : translations.today, translations === null || translations === void 0 ? void 0 : translations.tomorrow),
+                        } }) }, s)))) }), _jsx(SliderDivider, {})] }));
+});
+DaySlider.displayName = 'DaySlider';
+export default React.memo(DaySlider);

package/dist/esm/lib/DaySlider/DaySlider.style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const DaySliderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SlideStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSlide & Pick<import("react").HTMLAttributes<HTMLIonSlideElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSlideElement>>, any, {}, never>;
-export declare const DateButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const SliderDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DaySliderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SlideStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("swiper/react").SwiperSlideProps, never>> & string & Omit<import("react").FunctionComponent<import("swiper/react").SwiperSlideProps>, keyof import("react").Component<any, {}, any>>;
+export declare const DateButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const SliderDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/lib/DaySlider/DaySlider.style.js

@@ -0,0 +1,54 @@
+import styled from 'styled-components';
+import { IonSlide } from '@ionic/react';
+export const DaySliderWrapper = styled.div `
+  width: 100%;
+  overflow: hidden;
+`;
+export const SlideStyled = styled(IonSlide) `
+  color: #1d201f;
+  min-height: 36px;
+
+  &.swiper-slide-active button {
+    color: #177590;
+  }
+`;
+export const DateButton = styled.button `
+  outline: none;
+  background: transparent;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 18px;
+  color: #1d201f;
+  padding: 0;
+  margin: 0;
+  text-transform: capitalize;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  & span {
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14px;
+    text-transform: lowercase;
+  }
+`;
+export const SliderDivider = styled.div `
+  position: relative;
+  width: 100%;
+  height: 1px;
+  background: #eeeeee;
+  margin-top: 20px;
+
+  &:before {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 100px;
+    height: 2px;
+    background: #177590;
+  }
+`;

package/dist/esm/lib/DaySlider/index.js

@@ -0,0 +1 @@
+export { default } from './DaySlider';

package/dist/esm/lib/DaySlider/utils.js

@@ -0,0 +1,13 @@
+import { DateTime } from 'luxon';
+export const dateNormalize = (date, locale, today, tomorrow) => {
+    const now = DateTime.local().setLocale(locale);
+    const current = DateTime.fromSeconds(date).setLocale(locale);
+    if (now.toFormat('yyyy-LL-dd') === current.toFormat('yyyy-LL-dd')) {
+        return today !== null && today !== void 0 ? today : '';
+    }
+    if (now.plus({ days: 1 }).toFormat('yyyy-LL-dd') ===
+        current.toFormat('yyyy-LL-dd')) {
+        return tomorrow !== null && tomorrow !== void 0 ? tomorrow : '';
+    }
+    return `${current.toFormat('cccc')}<span>${current.toFormat('d MMMM')}</span>`;
+};

package/dist/esm/lib/EntryNotFound/EntryNotFound.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export type EntryNotFoundProps = {
+    title?: string;
+};
+export declare const EntryNotFound: FC<EntryNotFoundProps>;

package/dist/esm/lib/EntryNotFound/EntryNotFound.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactComponent as CalendarIcon } from './calendar.svg';
+import { EntryNodFoundContainer, EntryNotFoundTitle, } from './EntryNotFound.style';
+export const EntryNotFound = ({ title = 'Консультацій немає', }) => {
+    return (_jsxs(EntryNodFoundContainer, { children: [_jsx(CalendarIcon, {}), _jsx(EntryNotFoundTitle, { children: title })] }));
+};

package/dist/esm/lib/EntryNotFound/EntryNotFound.style.d.ts

@@ -0,0 +1,2 @@
+export declare const EntryNodFoundContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EntryNotFoundTitle: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/esm/lib/EntryNotFound/EntryNotFound.style.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+export const EntryNodFoundContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+export const EntryNotFoundTitle = styled.span `
+  font-size: 16px;
+  font-weight: 600;
+  color: #1d201f;
+  margin-top: 20px;
+`;

package/dist/esm/lib/EntryNotFound/index.d.ts

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

package/dist/esm/lib/EntryNotFound/index.js

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

package/dist/esm/lib/Filters/ListSelect/ListSelect.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { IonIcon, IonList } from '@ionic/react';
+import { checkmarkOutline } from 'ionicons/icons';
+import { IonItemStyled, IonLabelStyled, ListTitle } from './ListSelect.style';
+const ListSelect = ({ title, listItems, onChange, selected, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(ListTitle, { children: title }), _jsx(IonList, Object.assign({ lines: "none", mode: "ios" }, { children: listItems.map((item) => (_jsxs(IonItemStyled, Object.assign({ mode: "ios", button: true, detail: false, onClick: () => onChange(item), fill: "solid" }, { children: [_jsx(IonLabelStyled, Object.assign({ color: selected === item.id ? 'primary' : 'medium' }, { children: item.label })), selected === item.id && (_jsx(IonIcon, { icon: checkmarkOutline, slot: "end" }))] }), item.id))) }))] }));
+};
+export default ListSelect;

package/dist/esm/lib/Filters/ListSelect/ListSelect.style.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="react" />
-export declare const ListTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export declare const IonItemStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@ionic/core/dist/types/components").JSX.IonItem, "button" | "type" | "disabled" | "rel" | "color" | "mode" | "fill" | "lines" | "href" | "target" | "routerAnimation" | "download" | "shape" | "counter" | "counterFormatter" | "detail" | "detailIcon"> & {
+export declare const ListTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const IonItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@ionic/core/dist/types/components").JSX.IonItem, "routerDirection"> & {
     routerLink?: string | undefined;
-    routerDirection?: "root" | "none" | "forward" | "back" | undefined;
+    routerDirection?: import("@ionic/react").RouterDirection | undefined;
     routerOptions?: import("@ionic/react").RouterOptions | undefined;
     routerAnimation?: import("@ionic/react").AnimationBuilder | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLIonItemElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>, any, {}, never>;
-export declare const IonLabelStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonLabel & Pick<import("react").HTMLAttributes<HTMLIonLabelElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonLabelElement>>, any, {}, never>;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@ionic/core/dist/types/components").JSX.IonItem, "routerDirection"> & {
+    routerLink?: string | undefined;
+    routerDirection?: import("@ionic/react").RouterDirection | undefined;
+    routerOptions?: import("@ionic/react").RouterOptions | undefined;
+    routerAnimation?: import("@ionic/react").AnimationBuilder | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const IonLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonLabel & Omit<import("react").HTMLAttributes<HTMLIonLabelElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonLabelElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonLabel & Omit<import("react").HTMLAttributes<HTMLIonLabelElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonLabelElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/esm/lib/Filters/ListSelect/ListSelect.style.js

@@ -0,0 +1,35 @@
+import { IonItem, IonLabel } from '@ionic/react';
+import styled from 'styled-components';
+export const ListTitle = styled.h3 `
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  color: #1d201f;
+  margin-bottom: 16px;
+`;
+export const IonItemStyled = styled(IonItem) `
+  --padding-start: 0;
+  --inner-padding-end: 0;
+  --min-height: 32px;
+  --background-hover: transparent;
+  --background-activated: transparent;
+  --background: transparent;
+  margin-bottom: 4px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  & ion-icon {
+    margin: 0 8px 0 0;
+    color: #177590;
+    font-size: 18px;
+    --ionicon-stroke-width: 48px;
+  }
+`;
+export const IonLabelStyled = styled(IonLabel) `
+  margin: 0;
+  font-weight: 600;
+  font-size: 14px !important;
+  line-height: 16px;
+`;

package/dist/esm/lib/Filters/ListSelect/index.js

@@ -0,0 +1,2 @@
+export { default } from './ListSelect';
+export * from './types';

package/dist/esm/lib/Filters/ListSelect/types.d.ts

@@ -1,11 +1,10 @@
-import { ReactText } from 'react';
 export type ListItemType = {
-    id: ReactText;
+    id: string;
     label: string;
 };
 export type ListSelectProps = {
     title: string;
     listItems: ListItemType[];
-    selected?: ReactText;
+    selected?: string;
     onChange: (item: ListItemType) => void;
 };

package/dist/esm/lib/Filters/ListSelect/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib/Filters/Range/Range.d.ts

@@ -1,8 +1,5 @@
+import { RangeValue } from '@ionic/core';
 import { FC } from 'react';
-export type RangeValue = {
-    lower: number;
-    upper: number;
-};
 type RangeProps = {
     title: string;
     rangeTitleValues?: string;

package/dist/esm/lib/Filters/Range/Range.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { RangeHeader, RangeStyled } from './Range.style';
+export const Range = ({ title, rangeTitleValues = '', initialValue, onKnobMoveEnd, }) => {
+    const [value, setValue] = useState(initialValue);
+    const handleKnobMoveEnd = useCallback((e) => {
+        const eventValue = e.detail.value;
+        setValue(eventValue);
+        onKnobMoveEnd === null || onKnobMoveEnd === void 0 ? void 0 : onKnobMoveEnd(eventValue);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsxs(RangeHeader, { children: [_jsx("h3", { children: title }), _jsx("span", { children: `${rangeTitleValues}${value.lower}-${value.upper}` })] }), _jsx(RangeStyled, { min: initialValue.lower, max: initialValue.upper, step: 1, dualKnobs: true, value: value, mode: "ios", onIonKnobMoveEnd: handleKnobMoveEnd })] }));
+};

package/dist/esm/lib/Filters/Range/Range.style.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const RangeStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonRange & Pick<import("react").HTMLAttributes<HTMLIonRangeElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRangeElement>>, any, {}, never>;
-export declare const RangeHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RangeStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonRange & Omit<import("react").HTMLAttributes<HTMLIonRangeElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRangeElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonRange & Omit<import("react").HTMLAttributes<HTMLIonRangeElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRangeElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const RangeHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/lib/Filters/Range/Range.style.js

@@ -0,0 +1,39 @@
+import { IonRange } from '@ionic/react';
+import styled from 'styled-components';
+export const RangeStyled = styled(IonRange) `
+  --bar-background-active: #177590;
+  --bar-height: 3px;
+  /* --knob-background: transparent; */
+  --knob-box-shadow: none;
+  --knob-size: 22px;
+  --height: 22px;
+  padding: 0 17px 0 11px;
+  ::part(knob) {
+    border: 3px solid #177590;
+    top: 8px;
+  }
+
+  .range-knob-b {
+    left: 100%;
+  }
+`;
+export const RangeHeader = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+
+  & h3 {
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 24px;
+    color: #1d201f;
+  }
+
+  & span {
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 24px;
+    color: #177590;
+  }
+`;

package/dist/esm/lib/Filters/Range/index.js

@@ -0,0 +1 @@
+export { Range as default } from './Range';

package/dist/esm/lib/Filters/RowSelect/RowSelect.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { RowButton, RowTitle, RowWrapper } from './RowSelect.style';
+const RowSelect = ({ title, rowItems, selected, onChange, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(RowTitle, { children: title }), _jsx(RowWrapper, { children: rowItems.map((item) => (_jsx(RowButton, Object.assign({ selected: selected === item.id, onClick: () => onChange(item) }, { children: item.label }), item.id))) })] }));
+};
+export default RowSelect;

package/dist/esm/lib/Filters/RowSelect/RowSelect.style.d.ts

@@ -1,7 +1,8 @@
-export declare const RowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const RowWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type RowButtonProps = {
     selected: boolean;
 };
-export declare const RowButton: import("styled-components").StyledComponent<"button", any, RowButtonProps, never>;
-export declare const RowTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const RowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, RowButtonProps>> & string;
+export declare const RowTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export {};

package/dist/esm/lib/Filters/RowSelect/RowSelect.style.js

@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+export const RowWrapper = styled.div `
+  display: flex;
+  gap: 21px;
+  align-items: centers;
+  padding-left: 7px;
+`;
+export const RowButton = styled.button `
+  background: transparent;
+  font-weight: 600;
+  font-size: ${({ selected }) => (selected ? 28 : 24)}px;
+  line-height: 32px;
+  color: ${({ selected }) => (selected ? '#177590' : '#c1c1c1')};
+  padding: 0;
+  border: none;
+`;
+export const RowTitle = styled.h3 `
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  color: #1d201f;
+  margin-bottom: 18px;
+`;

package/dist/esm/lib/Filters/RowSelect/index.js

@@ -0,0 +1,2 @@
+export { default } from './RowSelect';
+export * from './types';

package/dist/esm/lib/Filters/RowSelect/types.d.ts

@@ -1,11 +1,10 @@
-import { ReactText } from 'react';
 export type RowItemType = {
-    id: ReactText;
+    id: string;
     label: string;
 };
 export type RowSelectProps = {
     title: string;
     rowItems: RowItemType[];
-    selected?: ReactText;
+    selected?: string;
     onChange: (value: RowItemType) => void;
 };

package/dist/esm/lib/Filters/RowSelect/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib/Filters/Toggle/Toggle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IonToggle } from '@ionic/react';
+import { ToggleTitle, ToggleWrapper } from './Toggle.style';
+export const Toggle = ({ title, checked = false, onChange, }) => {
+    return (_jsxs(ToggleWrapper, { children: [_jsx(ToggleTitle, { children: title }), _jsx(IonToggle, { mode: "ios", checked: checked, onIonChange: (e) => onChange(e.detail.checked) })] }));
+};

package/dist/esm/lib/Filters/Toggle/Toggle.style.d.ts

@@ -1,2 +1,3 @@
-export declare const ToggleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ToggleTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
+/// <reference types="react" />
+export declare const ToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ToggleTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/dist/esm/lib/Filters/Toggle/Toggle.style.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+export const ToggleWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+export const ToggleTitle = styled.h3 `
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  color: #1d201f;
+`;

package/dist/esm/lib/Filters/Toggle/index.js

@@ -0,0 +1 @@
+export { Toggle as default } from './Toggle';

package/dist/esm/lib/Flag/Flag.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ReactComponent as UAIcon } from './flags/ua.svg';
+import { ReactComponent as PLIcon } from './flags/pl.svg';
+import { ReactComponent as GBIcon } from './flags/gb.svg';
+import { ReactComponent as RUIcon } from './flags/ru.svg';
+import { FlagWrapper } from './Flag.style';
+export const FlagTypes = {
+    uk: _jsx(UAIcon, {}),
+    ua: _jsx(UAIcon, {}),
+    pl: _jsx(PLIcon, {}),
+    gb: _jsx(GBIcon, {}),
+    en: _jsx(GBIcon, {}),
+    ru: _jsx(RUIcon, {}),
+    es: _jsx("div", {}),
+};
+const Flag = ({ name, dimensions = 24, className }) => {
+    return (_jsx(FlagWrapper, Object.assign({ dimensions: dimensions, className: className }, { children: FlagTypes[name] })));
+};
+export default React.memo(Flag);

package/dist/esm/lib/Flag/Flag.style.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 type FlagProps = {
     dimensions: number;
 };
-export declare const FlagWrapper: import("styled-components").StyledComponent<"div", any, FlagProps, never>;
+export declare const FlagWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlagProps>> & string;
 export {};

package/dist/esm/lib/Flag/Flag.style.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+export const FlagWrapper = styled.div `
+  width: ${({ dimensions }) => dimensions}px;
+  height: ${({ dimensions }) => dimensions}px;
+  flex: 0 0 ${({ dimensions }) => dimensions}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  & svg {
+    border-radius: 5px;
+    width: 100%;
+    height: auto;
+  }
+`;

package/dist/esm/lib/Flag/index.js

@@ -0,0 +1,2 @@
+export { default } from './Flag';
+export * from './Flag';

package/dist/esm/lib/FrequentlyAskedQuestions/FrequentlyAskedQuestions.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FrequentlyAskedQuestionsContainer, FrequentlyAskedQuestionsIcon, FrequentlyAskedQuestionsText, } from './FrequentlyAskedQuestions.styled';
+import { informationCircle } from 'ionicons/icons';
+const FrequentlyAskedQuestions = ({ text, alignment, }) => {
+    return (_jsxs(FrequentlyAskedQuestionsContainer, Object.assign({ alignment: alignment }, { children: [_jsx(FrequentlyAskedQuestionsIcon, { icon: informationCircle }), _jsx(FrequentlyAskedQuestionsText, { children: text })] })));
+};
+export default FrequentlyAskedQuestions;

package/dist/esm/lib/FrequentlyAskedQuestions/FrequentlyAskedQuestions.styled.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 type FrequentlyAskedQuestionsContainerProps = {
     alignment?: 'left' | 'right' | 'center';
 };
-export declare const FrequentlyAskedQuestionsContainer: import("styled-components").StyledComponent<"div", any, FrequentlyAskedQuestionsContainerProps, never>;
+export declare const FrequentlyAskedQuestionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FrequentlyAskedQuestionsContainerProps>> & string;
 export declare const FrequentlyAskedQuestionsIcon: any;
-export declare const FrequentlyAskedQuestionsText: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const FrequentlyAskedQuestionsText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export {};

package/dist/esm/lib/FrequentlyAskedQuestions/FrequentlyAskedQuestions.styled.js

@@ -0,0 +1,24 @@
+import styled from 'styled-components';
+import { IonIcon } from '@ionic/react';
+export const FrequentlyAskedQuestionsContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: ${({ alignment }) => alignment === 'left'
+    ? 'flex-start'
+    : alignment === 'right'
+        ? 'flex-end'
+        : 'center'};
+  gap: 2px;
+  cursor: pointer;
+`;
+export const FrequentlyAskedQuestionsIcon = styled(IonIcon) `
+  font-size: 30px;
+  color: #1d201f;
+`;
+export const FrequentlyAskedQuestionsText = styled.h4 `
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 20px;
+  color: #1d201f;
+`;

package/dist/esm/lib/FrequentlyAskedQuestions/index.js

@@ -0,0 +1 @@
+export { default } from './FrequentlyAskedQuestions';