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

package/dist/cjs/lib2/shared/ui/Tabs/styles.d.ts

@@ -1,243 +1 @@
-export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}, {
-    tab: string;
-    tabText: string;
-    tabs: string;
-    tabList: string;
-    activeTab: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}, {
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}>, {
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}, {
-    tab: string;
-    tabText: string;
-    tabs: string;
-    tabList: string;
-    activeTab: string;
-}, import("tailwind-variants").TVReturnType<{
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}, {
-    tab: string;
-    tabText: string;
-    tabs: string;
-    tabList: string;
-    activeTab: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}, {
-    textTransform: {
-        uppercase: {
-            tabText: string;
-        };
-        capitalize: {
-            tabText: string;
-        };
-        lowercase: {
-            tabText: string;
-        };
-        none: {
-            tabText: string;
-        };
-    };
-    isPressed: {
-        true: {};
-    };
-    isFocusVisible: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    orientation: {
-        vertical: {
-            tabs: string;
-        };
-        horizontal: {
-            tabs: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+export declare const tabsStyles: any;

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabsStyles = void 0;
+const tailwind_variants_1 = require("tailwind-variants");
+exports.tabsStyles = (0, tailwind_variants_1.tv)({
+    slots: {
+        tab: 'relative flex-1 py-3.5 cursor-pointer appearance-none focus-within:outline-none transition-opacity duration-200',
+        tabText: '',
+        tabs: 'tabs',
+        tabList: 'relative',
+        activeTab: 'absolute bottom-0 !bg-typography-typography-primary duration-200 will-change-transform transition-transform',
+    },
+    variants: {
+        textTransform: {
+            uppercase: {
+                tabText: 'uppercase',
+            },
+            capitalize: {
+                tabText: 'capitalize',
+            },
+            lowercase: {
+                tabText: 'lowercase',
+            },
+            none: {
+                tabText: 'normal-case',
+            },
+        },
+        isPressed: {
+            true: {},
+        },
+        isFocusVisible: {
+            true: {},
+        },
+        isSelected: {
+            true: {},
+        },
+        orientation: {
+            vertical: {
+                tabs: '',
+            },
+            horizontal: {
+                tabs: '',
+            },
+        },
+    },
+    compoundSlots: [
+        {
+            slots: ['tab'],
+            isSelected: true,
+            className: "after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-full after:border-b-2 after:border-solid after:border-typography-typography-primary",
+        },
+        {
+            slots: ['tab'],
+            isPressed: true,
+            className: 'opacity-50',
+        },
+        {
+            slots: ['activeTab'],
+            isFocusVisible: true,
+            className: 'focused',
+        },
+    ],
+});

package/dist/cjs/lib2/shared/ui/Textarea_v2/Textarea_v2.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TextareaV2Props } from './types';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextareaV2Props & React.RefAttributes<HTMLIonTextareaElement>>>;
+declare const _default: React.NamedExoticComponent<TextareaV2Props & React.RefAttributes<HTMLIonTextareaElement>>;
 export default _default;

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

@@ -0,0 +1,67 @@
+"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_1 = __importStar(require("react"));
+const react_2 = require("@ionic/react");
+const Textarea_v2_module_css_1 = __importDefault(require("./Textarea_v2.module.css"));
+const classnames_1 = __importDefault(require("classnames"));
+const Typography_1 = require("../Typography");
+const Textarea_v2 = (0, react_1.forwardRef)((props, ref) => {
+    const { className, borderTop = false, showCounter = false, maxlength, onIonChange, value: defaultValue, onKeyPress } = props, rest = __rest(props, ["className", "borderTop", "showCounter", "maxlength", "onIonChange", "value", "onKeyPress"]);
+    const [value, setValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+    const handleChange = (0, react_1.useCallback)((e) => {
+        var _a;
+        const currentValue = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.value;
+        setValue(currentValue !== null && currentValue !== void 0 ? currentValue : '');
+        onIonChange === null || onIonChange === void 0 ? void 0 : onIonChange(e);
+    }, [onIonChange]);
+    (0, react_1.useEffect)(() => {
+        if (!maxlength)
+            return;
+        if (value.length > maxlength) {
+            setValue(value.slice(0, maxlength));
+        }
+    }, [value, maxlength]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Textarea_v2_module_css_1.default.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonTextarea, Object.assign({ ref: ref, className: (0, classnames_1.default)(Textarea_v2_module_css_1.default.textarea, { [Textarea_v2_module_css_1.default.borderTop]: borderTop }, {
+                    [Textarea_v2_module_css_1.default.withCounter]: showCounter && !!maxlength,
+                }, className), inputmode: "text", onIonChange: handleChange, onKeyPress: onKeyPress, value: value }, rest)), showCounter && !!maxlength && ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text13Regular, className: Textarea_v2_module_css_1.default.counter }, { children: [value.length, "/", maxlength] })))] })));
+});
+Textarea_v2.displayName = 'Textarea_v2';
+exports.default = react_1.default.memo(Textarea_v2);

package/dist/cjs/lib2/shared/ui/Textarea_v2/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.Textarea_v2 = void 0;
+var Textarea_v2_1 = require("./Textarea_v2");
+Object.defineProperty(exports, "Textarea_v2", { enumerable: true, get: function () { return __importDefault(Textarea_v2_1).default; } });

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

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

package/dist/cjs/lib2/shared/ui/Toast/Toast.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import './Toast.css';
 import { ToastProps } from './types';
-export declare function Toast<T extends React.ReactNode>({ state, ...props }: ToastProps<T>): JSX.Element;
+export declare function Toast<T>({ state, ...props }: ToastProps<T>): JSX.Element;

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

@@ -0,0 +1,39 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toast_1 = require("@react-aria/toast");
+const ToastCloseButton_1 = require("./ToastCloseButton");
+const Container_v2_1 = require("../Container_v2");
+const hooks_1 = require("../../hooks");
+require("./Toast.css");
+const styles_1 = require("./styles");
+const assets_1 = require("../../assets");
+function Toast(_a) {
+    var _b;
+    var { state } = _a, props = __rest(_a, ["state"]);
+    const ref = (0, hooks_1.useDomRef)(null);
+    const toastContent = (_b = props === null || props === void 0 ? void 0 : props.toast) === null || _b === void 0 ? void 0 : _b.content;
+    const classNames = (0, styles_1.toastStyles)({
+        type: toastContent === null || toastContent === void 0 ? void 0 : toastContent.type,
+    });
+    const { toastProps, titleProps, closeButtonProps } = (0, toast_1.useToast)(props, state, ref);
+    const onAnimationEnd = (0, hooks_1.useEvent)(() => {
+        if (props.toast.animation === 'exiting') {
+            state.remove(props.toast.key);
+        }
+    });
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, toastProps, { ref: ref, className: classNames, "data-animation": props.toast.animation, onAnimationEnd: onAnimationEnd }, { children: (0, jsx_runtime_1.jsx)(Container_v2_1.Container_v2, Object.assign({ as: "div", className: "flex h-full items-end" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center justify-between w-full pb-2" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({}, titleProps, { className: "text-sm/[120%] text-color-background-white" }, { children: toastContent.text })), (0, jsx_runtime_1.jsx)(ToastCloseButton_1.ToastCloseButton, Object.assign({}, closeButtonProps, { className: "text-color-background-white" }, { children: (0, jsx_runtime_1.jsx)(assets_1.IconClose, { className: "h-5 w-5" }) }))] })) })) })));
+}
+exports.Toast = Toast;

package/dist/cjs/lib2/shared/ui/Toast/ToastCloseButton.js

@@ -0,0 +1,47 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastCloseButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const hooks_1 = require("../../hooks");
+exports.ToastCloseButton = React.forwardRef(function CalendarButton(_a, ref) {
+    var { children, onPressEnd, onPress, onPressChange, onPressStart, onPressUp, className } = _a, props = __rest(_a, ["children", "onPressEnd", "onPress", "onPressChange", "onPressStart", "onPressUp", "className"]);
+    const buttonRef = (0, hooks_1.useDomRef)(ref);
+    const { buttonProps } = (0, react_aria_1.useButton)(Object.assign({ onPressEnd, onPress, onPressChange, onPressStart, onPressUp }, props), buttonRef);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className, ref: buttonRef }, buttonProps, { children: children })));
+});

package/dist/cjs/lib2/shared/ui/Toast/ToastRegion.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import { ToastRegionProps } from './types';
-export declare function ToastRegion<T extends React.ReactNode>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
+export declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): JSX.Element;

package/dist/cjs/lib2/shared/ui/Toast/ToastRegion.js

@@ -0,0 +1,25 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastRegion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toast_1 = require("@react-aria/toast");
+const Toast_1 = require("./Toast");
+const hooks_1 = require("../../hooks");
+function ToastRegion(_a) {
+    var { state } = _a, props = __rest(_a, ["state"]);
+    const ref = (0, hooks_1.useDomRef)(null);
+    const { regionProps } = (0, toast_1.useToastRegion)(props, state, ref);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, regionProps, { ref: ref, className: "toast-region" }, { children: state.visibleToasts.map((toast) => ((0, jsx_runtime_1.jsx)(Toast_1.Toast, { toast: toast, state: state }, toast.key))) })));
+}
+exports.ToastRegion = ToastRegion;

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

@@ -0,0 +1,18 @@
+"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("./Toast"), exports);
+__exportStar(require("./ToastRegion"), exports);

package/dist/cjs/lib2/shared/ui/Toast/styles.d.ts

@@ -1,50 +1 @@
-export declare const toastStyles: import("tailwind-variants").TVReturnType<{
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}, undefined, "toast fixed top-0 left-0 right-0 w-full h-[80px]", import("tailwind-variants/dist/config").TVConfig<{
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}, {
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}>, {
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}, undefined, "toast fixed top-0 left-0 right-0 w-full h-[80px]", import("tailwind-variants/dist/config").TVConfig<{
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}, {
-    type: {
-        success: " bg-badges-success-main";
-        error: "bg-color-info-red-not-red";
-        attention: "bg-badges-attention-main";
-        info: "bg-color-info-blue";
-    };
-}>, unknown, unknown, undefined>>;
+export declare const toastStyles: any;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toastStyles = void 0;
+const tailwind_variants_1 = require("tailwind-variants");
+exports.toastStyles = (0, tailwind_variants_1.tv)({
+    base: 'toast fixed top-0 left-0 right-0 w-full h-[80px]',
+    variants: {
+        type: {
+            success: ' bg-badges-success-main',
+            error: 'bg-color-info-red-not-red',
+            attention: 'bg-badges-attention-main',
+            info: 'bg-color-info-blue',
+        },
+    },
+    defaultVariants: {
+        type: 'error',
+    },
+});

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

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

package/dist/cjs/lib2/shared/ui/Typography/Typography.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TypographyProps } from './types';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>>;
+declare const _default: React.NamedExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -0,0 +1,38 @@
+"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 react_1 = __importStar(require("react"));
+const types_1 = require("./types");
+const classnames_1 = __importDefault(require("classnames"));
+const styles_1 = require("./styles");
+const Typography = (0, react_1.forwardRef)(({ variant = types_1.TypographyVariantsEnum.Text16Regular, align = 'left', opacity = 100, isAppearCase = false, className = '', children, onClick, isError = false, }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, onClick: onClick, className: (0, classnames_1.default)('text-typography-typography-primary', styles_1.typographyVariantClasses[variant], styles_1.typographyAlignClasses[align], styles_1.typographyOpacityClasses[opacity], { uppercase: isAppearCase }, { '!text-color-info-red-not-red': isError }, className) }, { children: children })));
+});
+Typography.displayName = 'Typography';
+exports.default = react_1.default.memo(Typography);

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

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypographyVariantsEnum = exports.Typography = void 0;
+const types_1 = require("./types");
+Object.defineProperty(exports, "TypographyVariantsEnum", { enumerable: true, get: function () { return types_1.TypographyVariantsEnum; } });
+var Typography_1 = require("./Typography");
+Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return __importDefault(Typography_1).default; } });