@mindly/ui-components 5.98.18 → 5.98.20

package/dist/cjs/lib2/shared/ui/LabelArrowRedirect/LabelArrowRedirect.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelArrowRedirect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const assets_1 = require("../../assets");
-const styles_1 = require("./styles");
-const Typography_1 = require("../Typography");
-const LabelArrowRedirect = ({ transparent = false, disabled = false, label, subLabel, className, routeClick, }) => {
-    const { base, icon } = (0, styles_1.button)({});
-    const baseStyles = (0, react_1.useMemo)(() => {
-        return base({ disabled, transparent });
-    }, [disabled]);
-    const getLabel = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: label ? ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text14Regular, opacity: subLabel ? 50 : 100 }, { children: label }))) : null }));
-    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ className: `${className ? className : ''} ${baseStyles}`, onClick: () => !disabled && routeClick() }, { children: [subLabel ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start" }, { children: [getLabel(), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text16Regular }, { children: subLabel }))] }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: getLabel() })), (0, jsx_runtime_1.jsx)(assets_1.IconArrowRight, { className: icon() })] })));
-};
-exports.LabelArrowRedirect = LabelArrowRedirect;

package/dist/cjs/lib2/shared/ui/LabelArrowRedirect/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelArrowRedirect = void 0;
-var LabelArrowRedirect_1 = require("./LabelArrowRedirect");
-Object.defineProperty(exports, "LabelArrowRedirect", { enumerable: true, get: function () { return LabelArrowRedirect_1.LabelArrowRedirect; } });

package/dist/cjs/lib2/shared/ui/LabelArrowRedirect/styles.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.button = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.button = (0, tailwind_variants_1.tv)({
-    slots: {
-        base: 'flex items-center gap-x-1',
-        icon: 'h-3 w-3 text-typography-typography-primary',
-        text: 'text-sm text-color-black',
-    },
-    variants: {
-        transparent: {
-            true: {
-                base: '!opacity-30',
-            },
-        },
-        disabled: {
-            true: {
-                base: '!opacity-30 !cursor-default',
-            },
-        },
-    },
-});

package/dist/cjs/lib2/shared/ui/ListBox/ListBox.js

@@ -1,31 +0,0 @@
-"use strict";
-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;
-};
-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_stately_1 = require("react-stately");
-const react_aria_1 = require("react-aria");
-const react_1 = require("react");
-const ListBoxItem_1 = require("../ListBoxItem");
-const react_2 = require("@ionic/react");
-const classnames_1 = __importDefault(require("classnames"));
-function ListBox(_a) {
-    var { selectedIconProps, type, selectionPosition = 'end', enableSelection = true, className } = _a, props = __rest(_a, ["selectedIconProps", "type", "selectionPosition", "enableSelection", "className"]);
-    const listBoxRef = (0, react_1.useRef)(null);
-    const state = (0, react_stately_1.useListState)(props);
-    const { listBoxProps } = (0, react_aria_1.useListBox)(props, state, listBoxRef);
-    return ((0, jsx_runtime_1.jsx)(react_2.IonList, Object.assign({}, listBoxProps, { lines: "none", className: (0, classnames_1.default)("ion-no-padding ion-no-padding w-full", className), ref: listBoxRef }, { children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(ListBoxItem_1.ListOption, { item: item, state: state, type: type, enableSelection: enableSelection, selectionPosition: selectionPosition, selectedIconProps: selectedIconProps }, item.key))) })));
-}
-exports.default = ListBox;

package/dist/cjs/lib2/shared/ui/ListBox/index.js

@@ -1,23 +0,0 @@
-"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.ListBox = void 0;
-var ListBox_1 = require("./ListBox");
-Object.defineProperty(exports, "ListBox", { enumerable: true, get: function () { return __importDefault(ListBox_1).default; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/lib2/shared/ui/ListBox/types.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListBoxSelectionType = void 0;
-var ListBoxSelectionType;
-(function (ListBoxSelectionType) {
-    ListBoxSelectionType["Checkbox"] = "checkbox";
-    ListBoxSelectionType["Radio"] = "radio";
-})(ListBoxSelectionType = exports.ListBoxSelectionType || (exports.ListBoxSelectionType = {}));

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxItem.js

@@ -1,70 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListBoxItem = exports.ListOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_stately_1 = require("react-stately");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const hooks_1 = require("../../hooks");
-const react_2 = require("@ionic/react");
-const ListBoxItem_module_css_1 = __importDefault(require("./ListBoxItem.module.css"));
-const classnames_1 = __importDefault(require("classnames"));
-const assets_1 = require("../../assets");
-const CheckBoxItem_1 = require("../CheckBoxItem");
-const ListBox_1 = require("../ListBox");
-const Typography_1 = require("../Typography");
-const ActiveIconMap = {
-    [CheckBoxItem_1.SelectItemType.Checkbox]: assets_1.IconCheckboxChecked,
-    [CheckBoxItem_1.SelectItemType.Radio]: assets_1.IconRadioButtonChecked,
-};
-exports.ListOption = React.forwardRef(function ListOption({ item, state, type = ListBox_1.ListBoxSelectionType.Checkbox, selectedIconProps = {}, selectionPosition = 'end', enableSelection = true, }, ref) {
-    var _a, _b, _c;
-    const optionRef = (0, hooks_1.useDomRef)(ref);
-    const { isSelected, optionProps, labelProps, isDisabled } = (0, react_aria_1.useOption)({ key: item.key }, state, optionRef);
-    const selectionIconClassName = (0, classnames_1.default)('h-6 w-6', selectedIconProps === null || selectedIconProps === void 0 ? void 0 : selectedIconProps.className);
-    const { className = '', onClick, customContent = false } = item.props;
-    const Component = (0, react_1.useMemo)(() => {
-        return ActiveIconMap[type];
-    }, [type]);
-    return ((0, jsx_runtime_1.jsx)(react_2.IonItem, Object.assign({}, (0, react_aria_1.mergeProps)(optionProps, enableSelection
-        ? undefined
-        : { onClick: isDisabled ? undefined : onClick }), { className: (0, classnames_1.default)(ListBoxItem_module_css_1.default.listBoxItem, `flex list-none outline-none`, {
-            'opacity-50 !cursor-default': isDisabled,
-            'cursor-pointer': !isDisabled,
-        }), ref: optionRef }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center justify-between w-full py-4 cursor-pointer leading-loose', ListBoxItem_module_css_1.default.radioButton, ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.divider) ? ListBoxItem_module_css_1.default.divider : ListBoxItem_module_css_1.default.noDivider, className) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center gap-4', ListBoxItem_module_css_1.default.iconWrapper, {
-                        'order-3': selectionPosition === 'start',
-                        'order-1': selectionPosition === 'end',
-                        'pr-3': selectionPosition === 'end' && ((_b = item.props) === null || _b === void 0 ? void 0 : _b.icon),
-                    }) }, { children: [(_c = item.props) === null || _c === void 0 ? void 0 : _c.icon, customContent ? null : ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({}, labelProps, { children: item.rendered })))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "order-2 flex-1" }, { children: customContent ? item.rendered : null })), enableSelection ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)({
-                        'order-1 mr-3': selectionPosition === 'start',
-                        'order-3 ml-3': selectionPosition === 'end',
-                    }) }, { children: isSelected ? ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, selectedIconProps, { className: selectionIconClassName }))) : ((0, jsx_runtime_1.jsx)(assets_1.IconCheckboxUnchecked, Object.assign({}, selectedIconProps, { className: selectionIconClassName }))) }))) : null] })) })));
-});
-exports.ListBoxItem = react_stately_1.Item;

package/dist/cjs/lib2/shared/ui/ListBoxItem/index.js

@@ -1,18 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ListBoxItem"), exports);
-__exportStar(require("./types"), exports);

package/dist/cjs/lib2/shared/ui/ListBoxItem/types.js

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

package/dist/cjs/lib2/shared/ui/ListItemWithColumns/ListItemWithColumns.js

@@ -1,13 +0,0 @@
-"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 classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const Typography_1 = require("../Typography");
-const ListItemWithColumns = ({ className, title, children, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-start gap-2 relative py-4 w-full border-color-black/10 border-b last:border-none', className) }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text15Regular, className: "text-typography-typography-secondary w-[35%]", opacity: 50 }, { children: title })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text15Regular, className: "w-[65%]" }, { children: children }))] })));
-};
-exports.default = react_1.default.memo(ListItemWithColumns);

package/dist/cjs/lib2/shared/ui/ListItemWithColumns/index.js

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

package/dist/cjs/lib2/shared/ui/ListItems/Item.js

@@ -1,64 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_1 = require("@ionic/react");
-const classnames_1 = __importDefault(require("classnames"));
-const assets_1 = require("../../assets");
-const ListItems_module_css_1 = __importDefault(require("./ListItems.module.css"));
-const styles_1 = require("./styles");
-const listItemStyles = (0, styles_1.listItemsStyles)();
-exports.Item = React.forwardRef((_a, ref) => {
-    var { children, leftContent = null, rightContent = ((0, jsx_runtime_1.jsx)(assets_1.IconArrowRight, { className: "text-typography-typography-primary/30", width: 16, height: 16 })), className, withBorders = false, isDisabled = false, isError = false, innerItemClassName = '', status } = _a, props = __rest(_a, ["children", "leftContent", "rightContent", "className", "withBorders", "isDisabled", "isError", "innerItemClassName", "status"]);
-    const classes = React.useMemo(() => listItemStyles.item({
-        className: (0, classnames_1.default)(ListItems_module_css_1.default.listItem, { [ListItems_module_css_1.default.error]: isError }, className),
-        status,
-        withBorders,
-        isDisabled,
-    }), [className, withBorders, isDisabled, isError, status]);
-    return ((0, jsx_runtime_1.jsx)(react_1.IonItem, Object.assign({}, props, { disabled: isDisabled, ref: ref, lines: "none", className: classes }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listItemStyles.itemInnerContainer({
-                withBorders,
-                status,
-                className: innerItemClassName,
-            }) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listItemStyles.itemInnerContentWrapper() }, { children: [leftContent ? leftContent : null, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: listItemStyles.itemInnerContent() }, { children: children }))] })), rightContent ? rightContent : null] })) })));
-});
-exports.Item.displayName = 'Mindly.Item';
-exports.default = React.memo(exports.Item);

package/dist/cjs/lib2/shared/ui/ListItems/ListItems.js

@@ -1,60 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItems = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_1 = require("@ionic/react");
-const styles_1 = require("./styles");
-const classnames_1 = __importDefault(require("classnames"));
-const { items: itemsStyles } = (0, styles_1.listItemsStyles)();
-exports.ListItems = React.forwardRef((_a, ref) => {
-    var { children, className, withBorders = false } = _a, props = __rest(_a, ["children", "className", "withBorders"]);
-    const classes = React.useMemo(() => {
-        return itemsStyles({
-            className: (0, classnames_1.default)('ion-no-padding', className),
-            withBorders,
-        });
-    }, [className, withBorders]);
-    return ((0, jsx_runtime_1.jsx)(react_1.IonList, Object.assign({}, props, { className: classes, ref: ref }, { children: React.Children.map(children, (child) => {
-            return child && React.cloneElement(child, { withBorders });
-        }) })));
-});
-exports.ListItems.displayName = 'Mindly.ListItems';
-exports.default = React.memo(exports.ListItems);

package/dist/cjs/lib2/shared/ui/ListItems/index.js

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

package/dist/cjs/lib2/shared/ui/ListItems/styles.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listItemsStyles = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.listItemsStyles = (0, tailwind_variants_1.tv)({
-    base: '',
-    variants: {
-        withBorders: {
-            true: '',
-        },
-        isDisabled: {
-            true: '',
-        },
-        status: {
-            error: '',
-            attention: '',
-        },
-    },
-    slots: {
-        items: 'lines-none',
-        item: 'px-5',
-        itemInnerContainer: 'flex flex-1 justify-between items-center py-4',
-        itemInnerContentWrapper: 'flex items-center gap-x-4',
-        itemInnerContent: 'flex flex-col',
-    },
-    compoundSlots: [
-        {
-            slots: ['items'],
-            withBorders: true,
-            className: 'rounded-[20px] border border-solid border-[#eeeeee]',
-        },
-        {
-            slots: ['itemInnerContainer'],
-            withBorders: true,
-            className: 'border-b border-b-solid border-b-typography-typography-primary/10',
-        },
-        {
-            slots: ['item'],
-            withBorders: false,
-            className: 'border-b border-b-solid border-b-typography-typography-primary/10',
-        },
-        {
-            slots: ['item'],
-            isDisabled: false,
-            className: 'cursor-pointer',
-        },
-        {
-            slots: ['item'],
-            isDisabled: true,
-            className: 'opacity-30 pointer-events-none cursor-default',
-        },
-        {
-            slots: ['item', 'itemInnerContainer'],
-            status: 'error',
-            className: '!bg-color-info-light-red-not-red !text-color-info-red-not-red',
-        },
-        {
-            slots: ['item', 'itemInnerContainer'],
-            status: 'attention',
-            className: '!bg-badges-attention-bg !text-badges-attention-main',
-        },
-    ],
-    defaultVariants: {
-        withBorders: false,
-    },
-});

package/dist/cjs/lib2/shared/ui/ListSimple/ListSimple.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("../../index");
-const ListSimple = ({ list }) => {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-col" }, { children: list.map((item) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center mt-2 first:mt-0" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "min-w-4 mr-2 text-color-info-green" }, { children: (0, jsx_runtime_1.jsx)(index_1.IconCheckboxChecked, { size: 16 }) })), (0, jsx_runtime_1.jsx)(index_1.Typography, Object.assign({ variant: index_1.TypographyVariantsEnum.Text14Regular }, { children: item }))] }), item))) })));
-};
-exports.default = ListSimple;

package/dist/cjs/lib2/shared/ui/ListSimple/ListSimple.stories.js

@@ -1,21 +0,0 @@
-"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;
-const ListSimple_1 = __importDefault(require("./ListSimple"));
-const meta = {
-    title: 'v2/Shared/ListSimple',
-    component: ListSimple_1.default,
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        list: [
-            'Психотерапевт, психолог, коуч',
-            'Працює в методиці Когнітивно-поведінкова терапія (КПТ), Психоаналіз, Позитивна психологія та інші',
-            'Допоможе навчитись правильно ставити цілі, розкрити свої сильні сторони',
-        ]
-    },
-};

package/dist/cjs/lib2/shared/ui/ListSimple/index.js

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

package/dist/cjs/lib2/shared/ui/Loading/Loading.js

@@ -1,13 +0,0 @@
-"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 = __importDefault(require("react"));
-const react_2 = require("@ionic/react");
-const Loading_module_css_1 = __importDefault(require("./Loading.module.css"));
-const Loading = ({ isOpen }) => {
-    return ((0, jsx_runtime_1.jsx)(react_2.IonLoading, { isOpen: isOpen, mode: 'ios', spinner: 'crescent', cssClass: Loading_module_css_1.default.loading }));
-};
-exports.default = react_1.default.memo(Loading);

package/dist/cjs/lib2/shared/ui/Loading/index.js

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

package/dist/cjs/lib2/shared/ui/MatchProgress/MatchProgress.js

@@ -1,48 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const Typography_1 = require("../Typography");
-const MatchProgress = ({ className, percentMatch, children, }) => {
-    const colorBorder = (0, react_1.useMemo)(() => {
-        if (percentMatch >= 80)
-            return '--color-info-green';
-        return '--color-info-orange';
-    }, [percentMatch]);
-    const colorBg = (0, react_1.useMemo)(() => {
-        if (percentMatch >= 80)
-            return 'bg-badges-success-main';
-        return 'bg-badges-attention-main';
-    }, [percentMatch]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('relative inline-flex justify-center items-center rounded-full p-[4px]', className), style: {
-            background: `conic-gradient(rgba(var(${colorBorder})) ${percentMatch}%, #ffffff ${percentMatch}% 100%)`,
-        } }, { children: [percentMatch > 0 && ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Badge12Semi, className: (0, classnames_1.default)('py-1 px-2 !text-color-white rounded-2xl absolute top-full -translate-y-1/2 left-1/2 -translate-x-1/2 -mt-1 z-20', colorBg) }, { children: [percentMatch, "%"] }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "relative z-10 bg-color-white rounded-full" }, { children: children }))] })));
-};
-exports.default = react_1.default.memo(MatchProgress);

package/dist/cjs/lib2/shared/ui/MatchProgress/index.js

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

package/dist/cjs/lib2/shared/ui/ModalSheet/ModalSheet.js

@@ -1,57 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-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 = __importStar(require("react"));
-const react_1 = require("@ionic/react");
-const classnames_1 = __importDefault(require("classnames"));
-const ModalSheet_module_css_1 = __importDefault(require("./ModalSheet.module.css"));
-const Button_v2_1 = require("../Button_v2");
-const assets_1 = require("../../assets");
-const ModalSheet = React.forwardRef(function ModalSheet(_a, ref) {
-    var { heightInPx, className, initialBreakpoint = 1, breakpoints = [0, 1], withCloseButton, children } = _a, props = __rest(_a, ["heightInPx", "className", "initialBreakpoint", "breakpoints", "withCloseButton", "children"]);
-    const handleDismiss = () => {
-        var _a;
-        if (ref && 'current' in ref) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.dismiss();
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(react_1.IonModal, Object.assign({}, props, { ref: ref, style: Object.assign({}, (heightInPx && { '--height': `${heightInPx}px` })), initialBreakpoint: initialBreakpoint, breakpoints: breakpoints, className: (0, classnames_1.default)(ModalSheet_module_css_1.default.root, className) }, { children: [withCloseButton && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex justify-end mt-4" }, { children: (0, jsx_runtime_1.jsx)(Button_v2_1.Button_v2, { fill: "clear", onClick: handleDismiss, customSize: "smaller", icon: (0, jsx_runtime_1.jsx)(assets_1.IconClose, {}) }) }))), children] })));
-});
-exports.default = ModalSheet;

package/dist/cjs/lib2/shared/ui/ModalSheet/index.js

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

package/dist/cjs/lib2/shared/ui/ModalSheet/types.js

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