@kvell-group/ui 1.11.2 → 1.12.0

package/dist/assets/Button.css

@@ -1 +1 @@
-.m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}._root_arz1h_1{border-radius:12px;box-shadow:var(--mantine-shadow-xs);height:auto;font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._root_arz1h_1[data-variant=primary]{padding:12px;background-color:var(--mantine-color-primary-0);color:var(--mantine-color-white);border-radius:var(--mantine-radius-xl)}._root_arz1h_1[data-variant=secondary]{background-color:var(--mantine-color-secondary-0);color:var(--mantine-color-primary);padding:10px 12px;border:1px solid #dee0e3}._root_arz1h_1[data-variant=tertiary]{background-color:var(--mantine-color-tertiary-0);color:var(--mantine-color-primary);padding:10px 12px}
+.m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}._root_dkdpv_1{border-radius:12px;box-shadow:var(--mantine-shadow-xs);height:auto;font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._root_dkdpv_1[data-variant=primary]{padding:12px;background-color:var(--mantine-color-primary-0);color:var(--mantine-color-white);border-radius:var(--mantine-radius-xl)}._root_dkdpv_1[data-variant=secondary]{background-color:var(--mantine-color-secondary-0);color:var(--mantine-color-primary);padding:10px 12px;border:1px solid #dee0e3}._root_dkdpv_1[data-variant=tertiary]{background-color:var(--mantine-color-tertiary-0);color:var(--mantine-color-primary);padding:10px 12px}._root_dkdpv_1[data-size=xs]{padding:6px}

package/dist/assets/Modal.css

@@ -0,0 +1 @@
+._root_jcnc7_1{box-shadow:var(--mantine-shadows-lg)}._content_jcnc7_5{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);white-space:pre-wrap;padding:.5rem}._header_jcnc7_12{padding-bottom:.25rem}button._close_jcnc7_16{position:absolute;right:.25rem;top:.4rem;display:flex;background-color:var(--mantine-color-background-button-tertiary-0);border-radius:50%;--cb-size: 1.5rem}button._close_jcnc7_16>svg{color:var(--mantine-color-icon-base-secondary-0);scale:.75}

package/dist/assets/typography.css

@@ -1 +1 @@
-._body-s-medium_19522_2{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-letter-spacing-body-s)}._caption-l-medium_19522_11{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._caption-l-regular_19522_19{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l-regular);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}
+._body-s-medium_1la8r_2{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-letter-spacing-body-s)}h2._body-m-medium_1la8r_10,._body-m-medium_1la8r_10{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-letter-spacing-body-m)}._caption-l-medium_1la8r_20{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}p._caption-l-regular_1la8r_28,._caption-l-regular_1la8r_28{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}

package/dist/components/Button/Button.d.ts

@@ -1,2 +1,5 @@
-import { ButtonProps } from '@mantine/core';
-export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+import { ButtonProps as BaseButtonProps, ElementProps } from '@mantine/core';
+import { ExtendedButtonVariant } from './types';
+export declare const Button: import('react').ForwardRefExoticComponent<BaseButtonProps & ElementProps<"button"> & {
+    variant?: ExtendedButtonVariant;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,14 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { Button as s } from "@mantine/core";
-import '../../assets/Button.css';const r = "_root_arz1h_1", n = {
-  root: r
-}, c = (o) => /* @__PURE__ */ t(
+import { forwardRef as m } from "react";
+import '../../assets/Button.css';const n = "_root_dkdpv_1", a = {
+  root: n
+}, p = m((o, t) => /* @__PURE__ */ r(
   s,
   {
+    ref: t,
     ...o,
-    classNames: n
+    classNames: a
   }
-);
+));
 export {
-  c as Button
+  p as Button
 };

package/dist/components/Inputs/Input.js

@@ -1,8 +1,8 @@
-import { InputBase as a } from "@mantine/core";
-import { c as s, b as o } from "../../clsx-BvFBxcni.js";
-import { c as t } from "../../typography.module-D5hr9RHB.js";
+import { InputBase as r } from "@mantine/core";
+import { c as s, b as a } from "../../clsx-BvFBxcni.js";
+import { t as o } from "../../typography.module-CkcKr7wr.js";
 import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
-const { input: m, error: p, ...n } = o, r = t[e], c = s(m, r), i = s(p, r), I = a.withProps({
+const { input: m, error: p, ...n } = a, t = o[e], c = s(m, t), i = s(p, t), I = r.withProps({
   classNames: { ...n, input: c, error: i }
 });
 export {

package/dist/components/Inputs/PasswordInput/PasswordInput.js

@@ -1,6 +1,6 @@
 import { PasswordInput as t } from "@mantine/core";
 import { c as s, b as a } from "../../../clsx-BvFBxcni.js";
-import { c as r } from "../../../typography.module-D5hr9RHB.js";
+import { t as r } from "../../../typography.module-CkcKr7wr.js";
 import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../../constants/font-variants.js";
 import '../../../assets/PasswordInput.css';const n = "_section_1lzoc_1", c = {
   section: n

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+export declare const Modal: import('react').ForwardRefExoticComponent<import('@mantine/core').ModalProps & import('react').RefAttributes<HTMLDivElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;

package/dist/components/Modal/Modal.js

@@ -0,0 +1,15 @@
+import { Modal as o } from "@mantine/core";
+import { t } from "../../typography.module-CkcKr7wr.js";
+import { BODY_M_MEDIUM_FONT_VARIANT as c } from "../../constants/font-variants.js";
+import '../../assets/Modal.css';const s = "_root_jcnc7_1", e = "_content_jcnc7_5", a = "_header_jcnc7_12", n = "_close_jcnc7_16", _ = {
+  root: s,
+  content: e,
+  header: a,
+  close: n
+}, d = o.withProps({
+  classNames: { ..._, title: t[c] },
+  withOverlay: !1
+});
+export {
+  d as Modal
+};

package/dist/components/Modal/index.d.ts

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

package/dist/components/Modal/index.js

@@ -0,0 +1,4 @@
+import { Modal as a } from "./Modal.js";
+export {
+  a as Modal
+};

package/dist/components/Text/Text.d.ts

@@ -1,8 +1,7 @@
 import { TextProps as TextBaseProps } from '@mantine/core';
 import { ReactNode } from 'react';
 import { TextVariants } from './types';
-export type TextProps = Omit<TextBaseProps, 'variant'> & {
+export declare const Text: import('react').ForwardRefExoticComponent<Omit<TextBaseProps, "variant"> & {
     children: ReactNode;
     variant?: TextVariants;
-};
-export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
+} & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/components/Text/Text.js

@@ -1,13 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Text as o } from "@mantine/core";
-import { c as a } from "../../typography.module-D5hr9RHB.js";
-const x = (t) => /* @__PURE__ */ s(
-  o,
+import { jsx as r } from "react/jsx-runtime";
+import { Text as m } from "@mantine/core";
+import { forwardRef as a } from "react";
+import { t as e } from "../../typography.module-CkcKr7wr.js";
+const p = a((t, o) => /* @__PURE__ */ r(
+  m,
   {
+    ref: o,
     ...t,
-    classNames: { root: a[t.variant || "text"] }
+    classNames: { root: e[t.variant || "text"] }
   }
-);
+));
 export {
-  x as Text
+  p as Text
 };

package/dist/components/theme.js

@@ -1,5 +1,5 @@
 import { colorsTuple as e } from "@mantine/core";
-const m = {
+const a = {
   focusRing: "never",
   scale: 1,
   //default value
@@ -14,7 +14,13 @@ const m = {
     //borders
     "border-action-normal": e("#dee0e3"),
     "border-action-destructive": e("#f7c3c0"),
+    //buttons
+    "background-button-tertiary": e("#0a0f290a"),
+    //icons
+    "icon-base-secondary": e("#0f132499"),
+    // icon/base/secondary
     //text
+    "text-base-secondary": e("#0f132499"),
     "text-base-tertiary": e("#0d112666"),
     "text-status-destructive": e("#e6483d")
   },
@@ -64,7 +70,8 @@ const m = {
   defaultRadius: "sm",
   spacing: {
     //blank variables
-    "body-s": " -0.20000000298023224px",
+    "body-m": "-0.20000000298023224px",
+    "body-s": "-0.20000000298023224px",
     "caption-l": "-0.10000000149011612px;",
     //mantine default variables
     xs: "0.625rem",
@@ -76,9 +83,9 @@ const m = {
   //for example
   fontSizes: {
     //blank variables
+    "body-m": "18px",
     "body-s-medium": "16px",
     "caption-l": "14px",
-    "caption-l-regular": "14px",
     // mantine default variables
     xs: "0.75rem",
     sm: "0.875rem",
@@ -89,6 +96,7 @@ const m = {
   //for example
   lineHeights: {
     //blank variables
+    "body-m": "26px",
     "body-s": "24px",
     "caption-l": "20px",
     // mantine default variables
@@ -102,10 +110,10 @@ const m = {
   breakpoints: { xs: "36em", sm: "48em", md: "62em", lg: "75em", xl: "88em" },
   shadows: {
     //same name for mantine and
-    xs: "0px 1px 2px 0px #14151A0D"
+    xs: "0px 1px 2px 0px #14151A0D",
     // sm: '1px 1px 3px rgba(0, 0, 0, .25)',
     // md: '1px 1px 3px rgba(0, 0, 0, .25)',
-    // lg: '1px 1px 3px rgba(0, 0, 0, .25)',
+    lg: "0px 3px 6px -2px #14151a0d, 0px 10px 16px -3px #14151a14"
     // xl: '1px 1px 3px rgba(0, 0, 0, .25)',
   },
   //for example
@@ -154,5 +162,5 @@ const m = {
   }
 };
 export {
-  m as theme
+  a as theme
 };

package/dist/constants/font-variants.d.ts

@@ -1,4 +1,5 @@
+export declare const BODY_M_MEDIUM_FONT_VARIANT: "body-m-medium";
 export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
 export declare const CAPTION_L_MEDIUM_FONT_VARIANT: "caption-l-medium";
 export declare const CAPTION_L_REGULAR_FONT_VARIANT: "caption-l-regular";
-export declare const FontVariants: ("body-s-medium" | "caption-l-regular" | "caption-l-medium")[];
+export declare const FontVariants: ("body-s-medium" | "body-m-medium" | "caption-l-medium" | "caption-l-regular")[];

package/dist/constants/font-variants.js

@@ -1,11 +1,13 @@
-const _ = "body-s-medium", o = "caption-l-medium", t = "caption-l-regular", A = [
+const _ = "body-m-medium", o = "body-s-medium", A = "caption-l-medium", t = "caption-l-regular", N = [
   _,
   o,
+  A,
   t
 ];
 export {
-  _ as BODY_S_MEDIUM_FONT_VARIANT,
-  o as CAPTION_L_MEDIUM_FONT_VARIANT,
+  _ as BODY_M_MEDIUM_FONT_VARIANT,
+  o as BODY_S_MEDIUM_FONT_VARIANT,
+  A as CAPTION_L_MEDIUM_FONT_VARIANT,
   t as CAPTION_L_REGULAR_FONT_VARIANT,
-  A as FontVariants
+  N as FontVariants
 };

package/dist/main.d.ts

@@ -8,3 +8,4 @@ export { MaskedInput } from './components/Inputs/MaskedInput';
 export { PasswordInput } from './components/Inputs/PasswordInput';
 export { CvvInput } from './components/Inputs/CvvInput';
 export { Text } from './components/Text';
+export { Modal } from './components/Modal';

package/dist/main.js

@@ -1,23 +1,25 @@
 import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
 import { MantineProvider as m } from "./components/MainProvider/MantineProvider.js";
 import { theme as f } from "./components/theme.js";
-import { Button as u } from "./components/Button/Button.js";
-import { Input as I } from "./components/Inputs/Input.js";
+import { Button as a } from "./components/Button/Button.js";
+import { Input as d } from "./components/Inputs/Input.js";
 import { CardInput as i } from "./components/Inputs/CardInput/CardInput.js";
-import { MaskedInput as v } from "./components/Inputs/MaskedInput/MaskedInput.js";
-import { PasswordInput as P } from "./components/Inputs/PasswordInput/PasswordInput.js";
-import { CvvInput as h } from "./components/Inputs/CvvInput/CvvInput.js";
-import { Text as M } from "./components/Text/Text.js";
+import { MaskedInput as l } from "./components/Inputs/MaskedInput/MaskedInput.js";
+import { PasswordInput as C } from "./components/Inputs/PasswordInput/PasswordInput.js";
+import { CvvInput as P } from "./components/Inputs/CvvInput/CvvInput.js";
+import { Text as h } from "./components/Text/Text.js";
+import { Modal as k } from "./components/Modal/Modal.js";
 export {
-  u as Button,
+  a as Button,
   i as CardInput,
   t as ColorSchemeScript,
-  h as CvvInput,
-  I as Input,
+  P as CvvInput,
+  d as Input,
   m as MantineProvider,
-  v as MaskedInput,
-  P as PasswordInput,
-  M as Text,
+  l as MaskedInput,
+  k as Modal,
+  C as PasswordInput,
+  h as Text,
   e as mantineHtmlProps,
   f as theme
 };

package/dist/typography.module-CkcKr7wr.js

@@ -0,0 +1,9 @@
+import './assets/typography.css';const m = {
+  "body-s-medium": "_body-s-medium_1la8r_2",
+  "body-m-medium": "_body-m-medium_1la8r_10",
+  "caption-l-medium": "_caption-l-medium_1la8r_20",
+  "caption-l-regular": "_caption-l-regular_1la8r_28"
+};
+export {
+  m as t
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.11.2",
+  "version": "1.12.0",
   "type": "module",
   "files": [
     "dist",

package/dist/typography.module-D5hr9RHB.js

@@ -1,8 +0,0 @@
-import './assets/typography.css';const a = {
-  "body-s-medium": "_body-s-medium_19522_2",
-  "caption-l-medium": "_caption-l-medium_19522_11",
-  "caption-l-regular": "_caption-l-regular_19522_19"
-};
-export {
-  a as c
-};