@mindly/ui-components 7.5.1 → 8.0.0-alpha.31

package/dist/cjs/lib/ProgressBar/ProgressBar.style.d.ts

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

package/dist/cjs/lib/ProgressBar/ProgressBar.style.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBarWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ProgressBarWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  row-gap: 17px;
+
+  & .circular-progress {
+    position: relative;
+    width: 110px;
+    height: 110px;
+    border-radius: 50%;
+    background: conic-gradient(
+      #177590 ${({ progress }) => progress}deg,
+      #eeeeee 0deg
+    );
+    transition: all;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &::before {
+      content: '';
+      position: absolute;
+      width: 104px;
+      height: 104px;
+      border-radius: 50%;
+      background: #ffffff;
+    }
+  }
+
+  & .progress-value {
+    position: relative;
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 32px;
+    color: #1d201f;
+  }
+
+  & .progress-title {
+    font-weight: 600;
+    font-size: 12px;
+    line-height: 14px;
+    color: #1d201f;
+  }
+`;

package/dist/cjs/lib/ProgressBar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ProgressBar_1 = require("./ProgressBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });

package/dist/cjs/lib/Refresher/Refresher.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@ionic/react");
+const Refresher_style_1 = require("./Refresher.style");
+const Refresher = ({ onIonRefresh, disabled }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.IonRefresher, Object.assign({ slot: 'fixed', onIonRefresh: onIonRefresh, disabled: disabled }, { children: (0, jsx_runtime_1.jsx)(Refresher_style_1.RefresherContentStyled, { pullingIcon: null, refreshingSpinner: 'lines' }) })));
+};
+exports.default = Refresher;

package/dist/cjs/lib/Refresher/Refresher.style.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const RefresherContentStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonRefresherContent & Pick<import("react").HTMLAttributes<HTMLIonRefresherContentElement>, "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<HTMLIonRefresherContentElement>>, any, {}, never>;
+export declare const RefresherContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonRefresherContent & Omit<import("react").HTMLAttributes<HTMLIonRefresherContentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherContentElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonRefresherContent & Omit<import("react").HTMLAttributes<HTMLIonRefresherContentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherContentElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/lib/Refresher/Refresher.style.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RefresherContentStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = require("@ionic/react");
+exports.RefresherContentStyled = (0, styled_components_1.default)(react_1.IonRefresherContent) `
+  & ion-spinner {
+    color: #d8d8d8 !important;
+  }
+`;

package/dist/cjs/lib/Refresher/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Refresher_1 = require("./Refresher");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Refresher_1).default; } });

package/dist/cjs/lib/ReviewSwiperSection/ReviewSwiperSection.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@ionic/react");
+const ReviewSwiperSection_style_1 = require("./ReviewSwiperSection.style");
+const StarRating_1 = __importDefault(require("../StarRating"));
+const ReviewCard_1 = __importDefault(require("../SpecialistProfile/ReviewCard"));
+const CustomButton_1 = __importDefault(require("../CustomButton"));
+const Skeleton_1 = __importDefault(require("../Skeleton"));
+const ReviewSwiperSection = ({ reviews, loading, reviewsCount, averageRating, showAllReviewsHandler, specialistReviewsCountForShowing, translations, }) => {
+    var _a, _b;
+    const swiperRef = (0, react_1.useRef)(null);
+    if (((_b = ((_a = reviews === null || reviews === void 0 ? void 0 : reviews.length) !== null && _a !== void 0 ? _a : 0) < specialistReviewsCountForShowing) !== null && _b !== void 0 ? _b : reviewsCount < specialistReviewsCountForShowing) &&
+        !loading) {
+        return null;
+    }
+    return !loading ? ((0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewSwiperContainer, { children: [(0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewsHeadingContainer, { children: [(0, jsx_runtime_1.jsxs)("h4", { children: [reviewsCount, " ", translations.reviews] }), (0, jsx_runtime_1.jsx)(StarRating_1.default, { averageStarsCount: averageRating })] }), (0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewSwiperSlider, Object.assign({ ref: swiperRef, slidesPerView: (0, react_2.isPlatform)('android') || (0, react_2.isPlatform)('ios') ? 1.2 : 1.25, style: { marginBottom: '18px' }, spaceBetween: 14 }, { children: [reviews
+                        .slice(0, specialistReviewsCountForShowing)
+                        .map((review) => {
+                        var _a, _b, _c, _d, _e;
+                        return ((0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlide, { children: (0, jsx_runtime_1.jsx)(ReviewCard_1.default, { reviewerAvatar: (_a = review === null || review === void 0 ? void 0 : review.client_avatar) !== null && _a !== void 0 ? _a : '', reviewerFirstName: (_b = review === null || review === void 0 ? void 0 : review.client_first_name) !== null && _b !== void 0 ? _b : '', reviewerLastName: (_c = review === null || review === void 0 ? void 0 : review.client_last_name) !== null && _c !== void 0 ? _c : '', reviewerCountry: ((_d = review === null || review === void 0 ? void 0 : review.client_country) !== null && _d !== void 0 ? _d : 'uk'), reviewedAtInSeconds: review === null || review === void 0 ? void 0 : review.created_at, starsCount: review === null || review === void 0 ? void 0 : review.review_rating, reviewText: (_e = review === null || review === void 0 ? void 0 : review.text_of_review) !== null && _e !== void 0 ? _e : undefined, onShowMoreButtonClick: showAllReviewsHandler, type: 'card', translations: {
+                                    showMore: translations.showMore,
+                                    showAllReviews: translations.showAllReviews,
+                                } }) }, review.id));
+                    }), (reviews === null || reviews === void 0 ? void 0 : reviews.length) > specialistReviewsCountForShowing && ((0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlide, { children: (0, jsx_runtime_1.jsx)(ReviewCard_1.default, { showAllReview: true, reviewerAvatar: '', reviewerFirstName: '', reviewerLastName: '', starsCount: 5, type: 'card', onClick: showAllReviewsHandler, translations: {
+                                showMore: translations.showMore,
+                                showAllReviews: translations.showAllReviews,
+                            } }) }, 'last_id'))] })), (reviews === null || reviews === void 0 ? void 0 : reviews.length) > specialistReviewsCountForShowing && ((0, jsx_runtime_1.jsx)(CustomButton_1.default, Object.assign({ buttonType: 'accent-light-grey', onClick: showAllReviewsHandler }, { children: translations.showAllReviews })))] })) : ((0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewSwiperContainer, { children: [(0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewsHeadingContainer, { children: [(0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 100, heightPx: 24 }) }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 81, heightPx: 17 })] }), (0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlider, Object.assign({ ref: swiperRef, slidesPerView: (0, react_2.isPlatform)('android') || (0, react_2.isPlatform)('ios') ? 1.2 : 1.25, style: { marginBottom: '18px' } }, { children: Array.from({ length: 6 }).map((_, index) => ((0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlide, { children: (0, jsx_runtime_1.jsx)(ReviewCard_1.default, { loading: true, reviewerAvatar: '', reviewerFirstName: '', reviewerLastName: '', translations: {
+                            showMore: 'Показати більше',
+                            showAllReviews: 'Показати всі відгуки',
+                        }, starsCount: 5, type: 'card' }) }, index))) })), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { heightPx: 48, style: { borderRadius: '10px' } })] }));
+};
+exports.default = ReviewSwiperSection;

package/dist/cjs/lib/ReviewSwiperSection/ReviewSwiperSection.style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const ReviewSwiperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReviewSwiperSlider: import("styled-components").StyledComponent<import("react").FunctionComponent<import("react").RefAttributes<import("swiper/react").SwiperRef> & import("swiper/react").SwiperProps>, any, {}, never>;
-export declare const ReviewSwiperSlide: import("styled-components").StyledComponent<import("react").FunctionComponent<import("swiper/react").SwiperSlideProps>, any, {}, never>;
-export declare const ReviewsHeadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ReviewSwiperContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReviewSwiperSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").RefAttributes<import("swiper/react").SwiperRef> & import("swiper/react").SwiperProps, never>> & string & Omit<import("react").FunctionComponent<import("react").RefAttributes<import("swiper/react").SwiperRef> & import("swiper/react").SwiperProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ReviewSwiperSlide: 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 ReviewsHeadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/lib/ReviewSwiperSection/ReviewSwiperSection.style.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReviewsHeadingContainer = exports.ReviewSwiperSlide = exports.ReviewSwiperSlider = exports.ReviewSwiperContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = require("swiper/react");
+exports.ReviewSwiperContainer = styled_components_1.default.div `
+  width: 100%;
+  padding: 20px 16px !important;
+
+  .swiper-slide {
+    justify-content: start;
+  }
+`;
+exports.ReviewSwiperSlider = (0, styled_components_1.default)(react_1.Swiper) `
+  .swiper-wrapper {
+  }
+`;
+exports.ReviewSwiperSlide = (0, styled_components_1.default)(react_1.SwiperSlide) ``;
+exports.ReviewsHeadingContainer = styled_components_1.default.div `
+  display: flex;
+  gap: 10px;
+  align-items: center !important;
+
+  margin-bottom: 20px;
+  margin-top: 8px;
+
+  h4 {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 24px;
+
+    color: #1d201f;
+  }
+`;

package/dist/cjs/lib/ReviewSwiperSection/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ReviewSwiperSection_1 = require("./ReviewSwiperSection");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ReviewSwiperSection_1).default; } });
+__exportStar(require("./types"), exports);

package/dist/cjs/lib/ReviewSwiperSection/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/lib/RoundButton/RoundButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@ionic/react");
+const RoundButton_styled_1 = require("./RoundButton.styled");
+const RoundButton = ({ disabled, onClickHandler, buttonText, buttonIcon, buttonType, dimension, transformed = false, isLoading = false, }) => {
+    return ((0, jsx_runtime_1.jsxs)(RoundButton_styled_1.StyledRoundButtonContainer, { children: [(0, jsx_runtime_1.jsx)(RoundButton_styled_1.StyledRoundButton, Object.assign({ disabled: disabled, dimension: dimension, buttonType: buttonType, onClick: onClickHandler, transformed: transformed }, { children: isLoading ? (0, jsx_runtime_1.jsx)(RoundButton_styled_1.Loader, { name: "crescent" }) : (0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: buttonIcon }) })), (0, jsx_runtime_1.jsx)(RoundButton_styled_1.StyledRoundButtonText, { children: buttonText })] }));
+};
+exports.default = RoundButton;

package/dist/cjs/lib/RoundButton/RoundButton.styled.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-export declare const StyledRoundButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRoundButtonText: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const StyledRoundButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledRoundButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 type StyledControlPanelButtonPropsType = {
     buttonType?: 'transparent' | 'fullFill' | 'reject' | 'success';
     disabled?: boolean;
     dimension?: number;
     transformed?: boolean;
 };
-export declare const StyledRoundButton: import("styled-components").StyledComponent<"button", any, StyledControlPanelButtonPropsType, never>;
-export declare const Loader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSpinner & Pick<import("react").HTMLAttributes<HTMLIonSpinnerElement>, "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<HTMLIonSpinnerElement>>, any, {}, never>;
+export declare const StyledRoundButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledControlPanelButtonPropsType>> & string;
+export declare const Loader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonSpinner & Omit<import("react").HTMLAttributes<HTMLIonSpinnerElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSpinnerElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSpinner & Omit<import("react").HTMLAttributes<HTMLIonSpinnerElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSpinnerElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/cjs/lib/RoundButton/RoundButton.styled.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = exports.StyledRoundButton = exports.StyledRoundButtonText = exports.StyledRoundButtonContainer = void 0;
+const react_1 = require("@ionic/react");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.StyledRoundButtonContainer = styled_components_1.default.div `
+  text-align: center;
+`;
+exports.StyledRoundButtonText = styled_components_1.default.p `
+  color: white;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 10px;
+`;
+exports.StyledRoundButton = styled_components_1.default.button `
+  margin-bottom: 4px;
+
+  width: ${(props) => (props.dimension ? `${props.dimension}px` : '50px')};
+  height: ${(props) => (props.dimension ? `${props.dimension}px` : '50px')};
+  border-radius: 50%;
+
+  background-color: ${(props) => {
+    var _a, _b, _c, _d;
+    if ((_a = props.buttonType) === null || _a === void 0 ? void 0 : _a.includes('reject'))
+        return '#C13E18';
+    if ((_b = props.buttonType) === null || _b === void 0 ? void 0 : _b.includes('fullFill'))
+        return 'white';
+    if ((_c = props.buttonType) === null || _c === void 0 ? void 0 : _c.includes('transparent')) {
+        return 'rgba(255, 255, 255, 0.15)';
+    }
+    if ((_d = props.buttonType) === null || _d === void 0 ? void 0 : _d.includes('success'))
+        return '#26B183';
+    return 'rgba(255, 255, 255, 0.15)';
+}};
+
+  ion-icon {
+    color: ${(props) => { var _a; return ((_a = props.buttonType) === null || _a === void 0 ? void 0 : _a.includes('fullFill')) ? 'black' : 'white'; }};
+    width: ${(props) => props.dimension ? `${props.dimension / 2}px` : '25px'};
+    height: ${(props) => props.dimension ? `${props.dimension / 2}px` : '25px'};
+    transform: ${(props) => (props.transformed ? 'rotate(135deg)' : 'none')};
+    margin: ${(props) => (props.transformed ? '5px 0 0 1px' : 0)};
+  }
+
+  &:active {
+    background-color: ${(props) => { var _a; return ((_a = props.buttonType) === null || _a === void 0 ? void 0 : _a.includes('reject')) ? 'rgba(242, 78, 30, 0.6)' : 'none'; }};
+  }
+`;
+exports.Loader = (0, styled_components_1.default)(react_1.IonSpinner) `
+  --color: #ffffff;
+`;

package/dist/cjs/lib/RoundButton/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var RoundButton_1 = require("./RoundButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(RoundButton_1).default; } });

package/dist/cjs/lib/SectionHeading/SectionHeading.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@ionic/react");
+const SectionHeading_style_1 = require("./SectionHeading.style");
+const Skeleton_1 = __importDefault(require("../Skeleton/Skeleton"));
+const SectionHeading = ({ color, icon, iconDimension, text, showLoader, }) => {
+    return !showLoader ? ((0, jsx_runtime_1.jsxs)(SectionHeading_style_1.StyledSectionHeadingContainer, Object.assign({ iconDimension: iconDimension, iconColor: color }, { children: [icon && (0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: icon }), (0, jsx_runtime_1.jsx)("h4", { children: text })] }))) : ((0, jsx_runtime_1.jsxs)(SectionHeading_style_1.StyledSectionHeadingContainer, { children: [icon && (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 20, heightPx: 20 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 204, heightPx: 24 })] }));
+};
+exports.default = SectionHeading;

package/dist/cjs/lib/SectionHeading/SectionHeading.style.d.ts

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

package/dist/cjs/lib/SectionHeading/SectionHeading.style.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledSectionHeadingContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.StyledSectionHeadingContainer = styled_components_1.default.div `
+  display: flex;
+
+  align-items: center;
+
+  gap: 13px;
+
+  ion-icon {
+    width: ${(props) => { var _a; return (_a = props.iconDimension) !== null && _a !== void 0 ? _a : '20px'; }};
+    height: ${(props) => { var _a; return (_a = props.iconDimension) !== null && _a !== void 0 ? _a : '20px'; }};
+    color: ${(props) => (props.iconColor ? props.iconColor : '#177590')};
+  }
+
+  h4 {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 24px;
+    color: #1d201f;
+  }
+
+  margin-bottom: 16px;
+`;

package/dist/cjs/lib/SectionHeading/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var SectionHeading_1 = require("./SectionHeading");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SectionHeading_1).default; } });

package/dist/cjs/lib/Segment/Segment.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Segment_style_1 = require("./Segment.style");
+const types_1 = require("./types");
+const SegmentSkeleton_1 = __importDefault(require("./SegmentSkeleton"));
+const Segment = ({ segments, selected, onChange, type = types_1.SegmentColor.PRIMARY, isLoading = false, }) => {
+    if (isLoading) {
+        return (0, jsx_runtime_1.jsx)(SegmentSkeleton_1.default, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(Segment_style_1.SegmentWrapper, Object.assign({ scrollable: true, mode: "ios", value: selected, onIonChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value), colorType: type }, { children: segments.map((item) => ((0, jsx_runtime_1.jsx)(Segment_style_1.SegmentButton, Object.assign({ value: item.id, colorType: type }, { children: (0, jsx_runtime_1.jsx)(Segment_style_1.SegmentLabel, Object.assign({ colorType: type }, { children: item.label })) }), item.id))) })));
+};
+exports.default = Segment;

package/dist/cjs/lib/Segment/Segment.style.d.ts

@@ -3,8 +3,8 @@ import { SegmentColor } from './types';
 type SegmentProps = {
     colorType: SegmentColor;
 };
-export declare const SegmentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSegment & Pick<import("react").HTMLAttributes<HTMLIonSegmentElement>, "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<HTMLIonSegmentElement>>, any, SegmentProps, never>;
-export declare const SegmentLabel: 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, SegmentProps, never>;
-export declare const SegmentButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSegmentButton & Pick<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "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<HTMLIonSegmentButtonElement>>, any, SegmentProps, never>;
-export declare const SegmentSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SegmentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@ionic/core/dist/types/components").JSX.IonSegment & Omit<import("react").HTMLAttributes<HTMLIonSegmentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentElement>, SegmentProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSegment & Omit<import("react").HTMLAttributes<HTMLIonSegmentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SegmentLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<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>, SegmentProps>> & 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>>;
+export declare const SegmentButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@ionic/core/dist/types/components").JSX.IonSegmentButton & Omit<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentButtonElement>, SegmentProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSegmentButton & Omit<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SegmentSkeletonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};