@arthurzakharov/ui-kit 2.4.0 → 2.5.1

package/dist/components/signature/signature.component.js

@@ -2,11 +2,10 @@ import { jsxs as te, jsx as Y } from "react/jsx-runtime";
 import We, { useRef as ze, useState as oe, useCallback as re, useEffect as xe } from "react";
 import { useResizeObserver as Ne } from "usehooks-ts";
 import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
-import fe from "clsx";
-import { Button as Pe } from "../../controls/buttons/button/button.component.js";
+import { clsx as fe, baseProps as Pe } from "../../utils/functions/functions.util.js";
+import { Button as Ee } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
 import "../../utils/content/content.component.js";
-import { baseProps as Ee } from "../../utils/functions/functions.util.js";
 import { ButtonText as ie } from "../../controls/buttons/button-text/button-text.component.js";
 import { Loader as Ue } from "../loader/loader.component.js";
 import '../../assets/signature-CYVRZH6h.css';function He(e) {
@@ -1096,7 +1095,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   AutoPanelLabelText: Ct,
   AutoPanelError: Ot,
   AutoPanelErrorTitle: Rt
-}, Ft = ({
+}, Nt = ({
   // Signature props
   auto: e,
   manual: a,
@@ -1153,8 +1152,8 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   return /* @__PURE__ */ te(
     "div",
     {
-      "data-testid": Ee(d, "data-testid", "signature"),
-      className: fe(U.Signature, Ee(d, "className")),
+      "data-testid": Pe(d, "data-testid", "signature"),
+      className: fe(U.Signature, Pe(d, "className")),
       children: [
         /* @__PURE__ */ te(
           "div",
@@ -1240,9 +1239,9 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
           }
         ),
         H(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ te("div", { className: U.Footer, children: [
-          /* @__PURE__ */ Y(Pe, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
+          /* @__PURE__ */ Y(Ee, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
           /* @__PURE__ */ Y(
-            Pe,
+            Ee,
             {
               fullWidth: !0,
               blurAfterClick: !0,
@@ -1258,5 +1257,5 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   );
 };
 export {
-  Ft as Signature
+  Nt as Signature
 };

package/dist/components/text/text.component.js

@@ -1,18 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as G } from "react";
-import L from "clsx";
-import { Content as u } from "../../utils/content/content.component.js";
-import '../../assets/text-DYEJSFKw.css';const x = "_Lined_zitvv_1", b = "_Left_zitvv_7", S = "_Center_zitvv_11", f = "_Right_zitvv_15", T = "_Light_zitvv_21", B = "_Regular_zitvv_25", H = "_Medium_zitvv_29", w = "_Bold_zitvv_33", R = "_BodyExtraSmall_zitvv_39", P = "_BodySmall_zitvv_44", A = "_Body_zitvv_39", U = "_BodyLarge_zitvv_54", E = "_HL1_zitvv_59", C = "_HL2_zitvv_64", k = "_HL3_zitvv_69", M = "_HL4_zitvv_74", F = "_HL5_zitvv_79", $ = "_TextPrimary_zitvv_86", N = "_TextSecondary_zitvv_90", j = "_AccentPrimary_zitvv_94", W = "_AccentSecondary_zitvv_98", q = "_ThemePrimary_zitvv_102", D = "_ThemeSecondary_zitvv_106", I = "_Success_zitvv_114", J = "_Focus_zitvv_118", K = "_Link_zitvv_122", O = "_Grey950_zitvv_126", Q = "_Grey900_zitvv_130", V = "_Grey800_zitvv_134", X = "_Grey700_zitvv_138", Y = "_Grey600_zitvv_142", Z = "_Grey500_zitvv_146", ee = "_Grey400_zitvv_150", te = "_Grey300_zitvv_154", re = "_Grey200_zitvv_158", oe = "_Grey100_zitvv_162", ie = "_Grey50_zitvv_146", ne = "_UnderSubmit_zitvv_172", ye = "_UnderSubmitLight_zitvv_173", e = {
-  Lined: x,
-  Left: b,
-  Center: S,
-  Right: f,
-  Light: T,
-  Regular: B,
-  Medium: H,
-  Bold: w,
-  BodyExtraSmall: R,
-  BodySmall: P,
+import { jsx as G } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { clsx as u } from "../../utils/functions/functions.util.js";
+import { Content as x } from "../../utils/content/content.component.js";
+import '../../assets/text-C982pFA7.css';const b = "_Lined_1wt8w_1", S = "_Left_1wt8w_7", f = "_Center_1wt8w_11", T = "_Right_1wt8w_15", B = "_Light_1wt8w_21", H = "_Regular_1wt8w_25", R = "_Medium_1wt8w_29", P = "_Bold_1wt8w_33", v = "_BodyExtraSmall_1wt8w_39", z = "_BodySmall_1wt8w_44", A = "_Body_1wt8w_39", U = "_BodyLarge_1wt8w_54", E = "_HL1_1wt8w_59", C = "_HL2_1wt8w_64", k = "_HL3_1wt8w_69", M = "_HL4_1wt8w_74", F = "_HL5_1wt8w_79", $ = "_TextPrimary_1wt8w_86", N = "_TextSecondary_1wt8w_90", j = "_AccentPrimary_1wt8w_94", W = "_AccentSecondary_1wt8w_98", q = "_ThemePrimary_1wt8w_102", D = "_ThemeSecondary_1wt8w_106", I = "_Success_1wt8w_114", J = "_Focus_1wt8w_118", K = "_Link_1wt8w_122", O = "_Grey950_1wt8w_126", Q = "_Grey900_1wt8w_130", V = "_Grey800_1wt8w_134", X = "_Grey700_1wt8w_138", Y = "_Grey600_1wt8w_142", Z = "_Grey500_1wt8w_146", ee = "_Grey400_1wt8w_150", te = "_Grey300_1wt8w_154", re = "_Grey200_1wt8w_158", oe = "_Grey100_1wt8w_162", ne = "_Grey50_1wt8w_146", ye = "_UnderSubmit_1wt8w_172", ie = "_UnderSubmitLight_1wt8w_173", e = {
+  Lined: b,
+  Left: S,
+  Center: f,
+  Right: T,
+  Light: B,
+  Regular: H,
+  Medium: R,
+  Bold: P,
+  BodyExtraSmall: v,
+  BodySmall: z,
   Body: A,
   BodyLarge: U,
   HL1: E,
@@ -26,7 +26,7 @@ import '../../assets/text-DYEJSFKw.css';const x = "_Lined_zitvv_1", b = "_Left_z
   AccentSecondary: W,
   ThemePrimary: q,
   ThemeSecondary: D,
-  Error: "_Error_zitvv_110",
+  Error: "_Error_1wt8w_110",
   Success: I,
   Focus: J,
   Link: K,
@@ -40,9 +40,9 @@ import '../../assets/text-DYEJSFKw.css';const x = "_Lined_zitvv_1", b = "_Left_z
   Grey300: te,
   Grey200: re,
   Grey100: oe,
-  Grey50: ie,
-  UnderSubmit: ne,
-  UnderSubmitLight: ye
+  Grey50: ne,
+  UnderSubmit: ye,
+  UnderSubmitLight: ie
 }, ce = {
   "page-info": { tag: "p", weight: "light", size: "body", color: "text-secondary" },
   "page-subtitle": { tag: "h6", weight: "regular", size: "body", color: "text-primary" },
@@ -51,43 +51,43 @@ import '../../assets/text-DYEJSFKw.css';const x = "_Lined_zitvv_1", b = "_Left_z
   "step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" },
   "under-submit": { tag: "p", weight: "regular", size: "body-small", color: "text-secondary" },
   "under-submit-light": { tag: "p", weight: "light", size: "body-small", color: "text-secondary" }
-}, _e = G(
+}, _e = L(
   ({
-    children: v,
+    children: w,
     className: m,
     preset: o,
     lined: g = !1,
-    align: y = "left",
+    align: i = "left",
     tag: c = "p",
     weight: _ = "regular",
     size: s = "body",
     color: a = "text-primary",
     ...l
   }, h) => {
-    let d = c, n = _, r = s, t = a;
+    let d = c, y = _, r = s, t = a;
     if (o) {
-      const i = ce[o];
-      c !== "p" && c !== i.tag && console.warn(
+      const n = ce[o];
+      c !== "p" && c !== n.tag && console.warn(
         `Text component: 'tag' prop will be overridden by 'preset="${o}"'. Remove explicit 'tag' prop if not intended.`
-      ), _ !== "regular" && _ !== i.weight && console.warn(
+      ), _ !== "regular" && _ !== n.weight && console.warn(
         `Text component: 'weight' prop will be overridden by 'preset="${o}"'. Remove explicit 'weight' prop if not intended.`
-      ), s !== "body" && s !== i.size && console.warn(
+      ), s !== "body" && s !== n.size && console.warn(
         `Text component: 'size' prop will be overridden by 'preset="${o}"'. Remove explicit 'size' prop if not intended.`
-      ), a !== "text-primary" && a !== i.color && console.warn(
+      ), a !== "text-primary" && a !== n.color && console.warn(
         `Text component: 'color' prop will be overridden by 'preset="${o}"'. Remove explicit 'color' prop if not intended.`
-      ), d = i.tag, n = i.weight, r = i.size, t = i.color;
+      ), d = n.tag, y = n.weight, r = n.size, t = n.color;
     }
-    const z = L(m, {
+    const p = u(m, {
       [e.Lined]: g,
       // ALIGNMENTS
-      [e.Left]: y === "left",
-      [e.Center]: y === "center",
-      [e.Right]: y === "right",
+      [e.Left]: i === "left",
+      [e.Center]: i === "center",
+      [e.Right]: i === "right",
       // FONT WEIGHTS
-      [e.Light]: n === "light",
-      [e.Regular]: n === "regular",
-      [e.Medium]: n === "medium",
-      [e.Bold]: n === "bold",
+      [e.Light]: y === "light",
+      [e.Regular]: y === "regular",
+      [e.Medium]: y === "medium",
+      [e.Bold]: y === "bold",
       // FONT SIZES
       [e.BodyExtraSmall]: r === "body-extra-small",
       [e.BodySmall]: r === "body-small",
@@ -124,16 +124,16 @@ import '../../assets/text-DYEJSFKw.css';const x = "_Lined_zitvv_1", b = "_Left_z
       [e.UnderSubmit]: o === "under-submit",
       [e.UnderSubmitLight]: o === "under-submit-light"
     });
-    return /* @__PURE__ */ p(
-      u,
+    return /* @__PURE__ */ G(
+      x,
       {
         ref: h,
         "data-testid": l["data-testid"] || "content",
         tag: d,
         alwaysRender: !1,
-        className: z,
+        className: p,
         ...l,
-        children: v
+        children: w
       }
     );
   }

package/dist/components/user-panel/user-panel.component.js

@@ -1,8 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { Pencil as d } from "lucide-react";
-import p from "clsx";
+import { clsx as p, baseProps as o } from "../../utils/functions/functions.util.js";
 import "react";
-import { baseProps as o } from "../../utils/functions/functions.util.js";
 import "../../utils/content/content.component.js";
 import "usehooks-ts";
 import "../../controls/primitives/box/box.component.js";
@@ -11,18 +10,18 @@ import '../../assets/user-panel-SauszbHl.css';const _ = "_UserPanel_zes0v_1", u
   UserPanel: _,
   Head: u,
   Info: P
-}, b = ({ title: i, button: a, data: n, onClick: l, ...r }) => /* @__PURE__ */ s(
+}, j = ({ title: a, button: i, data: n, onClick: l, ...r }) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": o(r, "data-testid", "user-panel"),
     className: p(t.UserPanel, o(r, "className")),
     children: [
       /* @__PURE__ */ s("div", { className: t.Head, children: [
-        /* @__PURE__ */ e("span", { "data-testid": "user-panel-title", children: i }),
+        /* @__PURE__ */ e("span", { "data-testid": "user-panel-title", children: a }),
         /* @__PURE__ */ e(
           f,
           {
-            text: a,
+            text: i,
             preventDefault: !0,
             blurAfterClick: !0,
             icon: /* @__PURE__ */ e(d, {}),
@@ -38,5 +37,5 @@ import '../../assets/user-panel-SauszbHl.css';const _ = "_UserPanel_zes0v_1", u
   }
 );
 export {
-  b as UserPanel
+  j as UserPanel
 };

package/dist/components/warranty/warranty.component.js

@@ -1,7 +1,6 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import i from "clsx";
-import { Content as l } from "../../utils/content/content.component.js";
-import { isHtmlString as h, baseProps as e } from "../../utils/functions/functions.util.js";
+import { isHtmlString as h, clsx as i, baseProps as l } from "../../utils/functions/functions.util.js";
+import { Content as e } from "../../utils/content/content.component.js";
 import '../../assets/warranty-8YaLpEkj.css';const o = "_Warranty_1gdgm_1", d = "_Icon_1gdgm_16", m = "_Main_1gdgm_22", g = "_Title_1gdgm_29", _ = "_Text_1gdgm_34", t = {
   Warranty: o,
   Icon: d,
@@ -30,21 +29,21 @@ import '../../assets/warranty-8YaLpEkj.css';const o = "_Warranty_1gdgm_1", d = "
       ] })
     ]
   }
-), Z = ({ title: s, text: n, ...r }) => /* @__PURE__ */ c(
+), x = ({ title: s, text: n, ...r }) => /* @__PURE__ */ c(
   "div",
   {
-    "data-testid": e(r, "data-testid", "warranty"),
-    className: i(t.Warranty, e(r, "className")),
+    "data-testid": l(r, "data-testid", "warranty"),
+    className: i(t.Warranty, l(r, "className")),
     children: [
       /* @__PURE__ */ a(v, {}),
       /* @__PURE__ */ c("div", { className: t.Main, children: [
         h(n),
-        /* @__PURE__ */ a(l, { "data-testid": "warranty-title", className: t.Title, children: s }),
-        /* @__PURE__ */ a(l, { "data-testid": "warranty-text", className: t.Text, children: n })
+        /* @__PURE__ */ a(e, { "data-testid": "warranty-title", className: t.Title, children: s }),
+        /* @__PURE__ */ a(e, { "data-testid": "warranty-text", className: t.Text, children: n })
       ] })
     ]
   }
 );
 export {
-  Z as Warranty
+  x as Warranty
 };

package/dist/controls/buttons/button/button.component.js

@@ -1,10 +1,9 @@
 import { jsxs as d, jsx as _ } from "react/jsx-runtime";
 import { useEffect as x } from "react";
-import u from "clsx";
-import { FadeScale as U } from "../../../animations/fade-scale/fade-scale.component.js";
-import { Loader as b } from "../../../components/loader/loader.component.js";
-import { Content as w } from "../../../utils/content/content.component.js";
-import { withControl as v, baseProps as m } from "../../../utils/functions/functions.util.js";
+import { clsx as u, withControl as U, baseProps as m } from "../../../utils/functions/functions.util.js";
+import { FadeScale as b } from "../../../animations/fade-scale/fade-scale.component.js";
+import { Loader as w } from "../../../components/loader/loader.component.js";
+import { Content as v } from "../../../utils/content/content.component.js";
 import '../../../assets/button-BMjMeK04.css';const C = "_Button_14or2_1", T = "_SM_14or2_19", S = "_LG_14or2_24", k = "_Tertiary_14or2_24", N = "_Text_14or2_28", D = "_MD_14or2_34", G = "_Primary_14or2_62", P = "_Info_14or2_71", I = "_Secondary_14or2_75", g = "_Loading_14or2_111", $ = "_FullWidth_14or2_119", j = "_FullWidthUntil768_14or2_123", E = "_FullWidthUntil1024_14or2_124", q = "_FullWidthUntil1200_14or2_125", A = "_FullWidthFrom768_14or2_147", H = "_FullWidthFrom1024_14or2_148", J = "_FullWidthFrom1200_14or2_149", K = "_Content_14or2_171", O = "_Loader_14or2_202", t = {
   Button: C,
   SM: T,
@@ -25,7 +24,7 @@ import '../../../assets/button-BMjMeK04.css';const C = "_Button_14or2_1", T = "_
   FullWidthFrom1200: J,
   Content: K,
   Loader: O
-}, tt = ({
+}, z = ({
   text: F,
   color: i = "primary",
   textSize: l = "md",
@@ -80,12 +79,12 @@ import '../../../assets/button-BMjMeK04.css';const C = "_Button_14or2_1", T = "_
         [t.FullWidthFrom1200]: o && !r && e === 1200,
         [t.Loading]: s
       }),
-      onClick: v(f, { prevent: W, blur: L }),
+      onClick: U(f, { prevent: W, blur: L }),
       onFocus: () => B?.(),
       onBlur: () => M?.(),
       children: [
         s && /* @__PURE__ */ _(
-          b,
+          w,
           {
             size: "xs",
             color: (() => {
@@ -101,10 +100,10 @@ import '../../../assets/button-BMjMeK04.css';const C = "_Button_14or2_1", T = "_
             className: t.Loader
           }
         ),
-        /* @__PURE__ */ d(U, { name: "content", keepMount: !0, condition: !s, className: t.Content, children: [
+        /* @__PURE__ */ d(b, { name: "content", keepMount: !0, condition: !s, className: t.Content, children: [
           /* @__PURE__ */ _("span", { className: t.Text, children: F }),
           /* @__PURE__ */ _(
-            w,
+            v,
             {
               className: u(t.Info, {
                 [t.SM]: a === "sm",
@@ -120,5 +119,5 @@ import '../../../assets/button-BMjMeK04.css';const C = "_Button_14or2_1", T = "_
   );
 };
 export {
-  tt as Button
+  z as Button
 };

package/dist/controls/buttons/button-card/button-card.component.js

@@ -1,11 +1,10 @@
 import { jsx as t, jsxs as B } from "react/jsx-runtime";
 import { useRef as g } from "react";
 import { useHover as v, useToggle as k } from "usehooks-ts";
-import L from "clsx";
+import { clsx as L, baseProps as i } from "../../../utils/functions/functions.util.js";
 import { Box as N } from "../../primitives/box/box.component.js";
 import { Caption as h } from "../../primitives/caption/caption.component.js";
 import "lucide-react";
-import { baseProps as l } from "../../../utils/functions/functions.util.js";
 import "../../../utils/content/content.component.js";
 import { Svg as y } from "../../../utils/svg/svg.component.js";
 import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1", j = "_Icon_10os6_10", z = "_IconTop_10os6_14", D = "_Text_10os6_21", H = "_IconLeft_10os6_25", o = {
@@ -14,7 +13,7 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
   IconTop: z,
   Text: D,
   IconLeft: H
-}, K = (f) => {
+}, J = (f) => {
   const {
     text: u,
     textSize: m = "body",
@@ -33,12 +32,12 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
   return /* @__PURE__ */ t(
     N,
     {
-      "data-testid": l(c, "data-testid", "button-card"),
+      "data-testid": i(c, "data-testid", "button-card"),
       ref: r,
       checked: n || T,
       state: "idle",
       focused: C,
-      className: l(c, "className"),
+      className: i(c, "className"),
       children: /* @__PURE__ */ B(
         "button",
         {
@@ -48,8 +47,8 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
             [o.IconTop]: e === "top",
             [o.IconLeft]: e === "left"
           }),
-          onClick: (i) => {
-            d && i.preventDefault(), _ && i.currentTarget.blur(), x?.();
+          onClick: (l) => {
+            d && l.preventDefault(), _ && l.currentTarget.blur(), x?.();
           },
           onFocus: () => {
             a(), I?.();
@@ -77,5 +76,5 @@ import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1
   );
 };
 export {
-  K as ButtonCard
+  J as ButtonCard
 };

package/dist/controls/buttons/button-radio/button-radio.component.js

@@ -4,7 +4,6 @@ import { useHover as N, useToggle as g } from "usehooks-ts";
 import { Box as B } from "../../primitives/box/box.component.js";
 import { Caption as H } from "../../primitives/caption/caption.component.js";
 import "lucide-react";
-import "clsx";
 import { baseProps as d } from "../../../utils/functions/functions.util.js";
 import "../../../utils/content/content.component.js";
 import { Status as C } from "../../primitives/status/status.component.js";
@@ -15,7 +14,7 @@ import '../../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t
   Content: W,
   Text: k,
   Hint: L
-}, G = ({
+}, E = ({
   text: m,
   textSize: u = "body",
   active: n = !1,
@@ -82,5 +81,5 @@ import '../../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t
   );
 };
 export {
-  G as ButtonRadio
+  E as ButtonRadio
 };

package/dist/controls/buttons/button-text/button-text.component.d.ts

@@ -1,8 +1,9 @@
 import { ControlButtonSize, ControlButtonType, ControlButtonTypeColor } from '../../utils';
 import { SvgProps } from '../../../utils/svg';
-import { Base, FontWeight } from '../../../utils/types';
+import { Base, ButtonTextPreset, FontWeight } from '../../../utils/types';
 export interface ButtonTextProps extends Base {
     text: string;
+    preset?: ButtonTextPreset;
     color?: ControlButtonTypeColor;
     size?: ControlButtonSize;
     type?: ControlButtonType;
@@ -17,4 +18,4 @@ export interface ButtonTextProps extends Base {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare const ButtonText: ({ text, size, color, weight, type, icon, iconPosition, underlined, disabled, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonText: ({ text, preset, size, color, weight, type, icon, iconPosition, underlined, disabled, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/buttons/button-text/button-text.component.js

@@ -1,91 +1,113 @@
-import { jsxs as S, jsx as _ } from "react/jsx-runtime";
-import a from "clsx";
-import { withControl as L, baseProps as m } from "../../../utils/functions/functions.util.js";
-import { Svg as f } from "../../../utils/svg/svg.component.js";
-import '../../../assets/button-text-NCcWZ-LB.css';const g = "_ButtonText_ruqqq_1", p = "_TextPrimary_ruqqq_10", M = "_TextSecondary_ruqqq_14", P = "_AccentPrimary_ruqqq_18", B = "_AccentSecondary_ruqqq_22", A = "_ThemePrimary_ruqqq_26", I = "_ThemeSecondary_ruqqq_30", R = "_Link_ruqqq_34", k = "_Left_ruqqq_38", C = "_Right_ruqqq_42", b = "_Icon_ruqqq_46", D = "_SM_ruqqq_50", G = "_MD_ruqqq_55", N = "_LG_ruqqq_60", U = "_Content_ruqqq_65", W = "_WithIcon_ruqqq_70", j = "_Light_ruqqq_96", v = "_Regular_ruqqq_100", F = "_Medium_ruqqq_104", $ = "_Bold_ruqqq_108", E = "_Underlined_ruqqq_112", t = {
-  ButtonText: g,
-  TextPrimary: p,
-  TextSecondary: M,
-  AccentPrimary: P,
-  AccentSecondary: B,
-  ThemePrimary: A,
-  ThemeSecondary: I,
-  Link: R,
-  Left: k,
-  Right: C,
-  Icon: b,
-  SM: D,
-  MD: G,
-  LG: N,
-  Content: U,
-  WithIcon: W,
-  Light: j,
-  Regular: v,
-  Medium: F,
-  Bold: $,
-  Underlined: E
-}, Q = ({
-  text: i,
-  size: r = "md",
-  color: e = "text-primary",
-  weight: n = "medium",
-  type: s = "button",
-  icon: c = null,
-  iconPosition: o = "left",
-  underlined: u = !1,
-  disabled: d = !1,
-  preventDefault: y = !1,
-  blurAfterClick: l = !1,
-  onClick: h = () => {
+import { jsxs as v, jsx as u } from "react/jsx-runtime";
+import { clsx as y, withControl as B, baseProps as h } from "../../../utils/functions/functions.util.js";
+import { Svg as M } from "../../../utils/svg/svg.component.js";
+import '../../../assets/button-text-BkR57fNF.css';const P = "_ButtonText_m1p2l_1", k = "_TextPrimary_m1p2l_15", R = "_TextSecondary_m1p2l_19", U = "_AccentPrimary_m1p2l_23", A = "_AccentSecondary_m1p2l_27", I = "_ThemePrimary_m1p2l_31", z = "_ThemeSecondary_m1p2l_35", C = "_Link_m1p2l_39", W = "_UnderSubmit_m1p2l_43", $ = "_Left_m1p2l_48", D = "_Right_m1p2l_52", G = "_Icon_m1p2l_56", N = "_SM_m1p2l_60", j = "_MD_m1p2l_65", F = "_LG_m1p2l_70", q = "_Content_m1p2l_75", E = "_WithIcon_m1p2l_80", H = "_Light_m1p2l_106", J = "_Regular_m1p2l_110", K = "_Medium_m1p2l_114", O = "_Bold_m1p2l_118", Q = "_Underlined_m1p2l_122", e = {
+  ButtonText: P,
+  TextPrimary: k,
+  TextSecondary: R,
+  AccentPrimary: U,
+  AccentSecondary: A,
+  ThemePrimary: I,
+  ThemeSecondary: z,
+  Link: C,
+  UnderSubmit: W,
+  Left: $,
+  Right: D,
+  Icon: G,
+  SM: N,
+  MD: j,
+  LG: F,
+  Content: q,
+  WithIcon: E,
+  Light: H,
+  Regular: J,
+  Medium: K,
+  Bold: O,
+  Underlined: Q
+}, V = {
+  "body-small-link": { size: "sm", color: "link", weight: "regular", underlined: !1 },
+  "body-small-under-submit": { size: "sm", color: "under-submit", weight: "regular", underlined: !0 },
+  "body-link": { size: "md", color: "link", weight: "regular", underlined: !1 },
+  "body-underline-link": { size: "md", color: "link", weight: "medium", underlined: !0 }
+}, ee = ({
+  text: x,
+  preset: o,
+  size: l = "md",
+  color: m = "text-primary",
+  weight: c = "medium",
+  type: g = "button",
+  icon: s = null,
+  iconPosition: a = "left",
+  underlined: d = !1,
+  disabled: T = !1,
+  preventDefault: b = !1,
+  blurAfterClick: f = !1,
+  onClick: S = () => {
   },
-  onFocus: x = () => {
+  onFocus: L = () => {
   },
-  onBlur: T = () => {
+  onBlur: w = () => {
   },
   // Base props
-  ...q
-}) => /* @__PURE__ */ S(
-  "button",
-  {
-    "data-testid": m(q, "data-testid", "button-text"),
-    type: s,
-    disabled: d,
-    className: a(t.ButtonText, m(q, "className"), {
-      [t.WithIcon]: !!c,
-      [t.Left]: o === "left",
-      [t.Right]: o === "right",
-      [t.SM]: r === "sm",
-      [t.MD]: r === "md",
-      [t.LG]: r === "lg",
-      [t.TextPrimary]: e === "text-primary",
-      [t.TextSecondary]: e === "text-secondary",
-      [t.AccentPrimary]: e === "accent-primary",
-      [t.AccentSecondary]: e === "accent-secondary",
-      [t.ThemePrimary]: e === "theme-primary",
-      [t.ThemeSecondary]: e === "theme-secondary",
-      [t.Link]: e === "link"
-    }),
-    onClick: L(h, { prevent: y, blur: l }),
-    onFocus: () => x(),
-    onBlur: () => T(),
-    children: [
-      /* @__PURE__ */ _(f, { icon: c, className: t.Icon }),
-      /* @__PURE__ */ _(
-        "span",
-        {
-          className: a(t.Content, {
-            [t.Light]: n === "light",
-            [t.Regular]: n === "regular",
-            [t.Medium]: n === "medium",
-            [t.Bold]: n === "bold",
-            [t.Underlined]: u
-          }),
-          children: i
-        }
-      )
-    ]
+  ..._
+}) => {
+  let i = l, t = m, r = c, p = d;
+  if (o) {
+    const n = V[o];
+    l !== "md" && l !== n.size && console.warn(
+      `ButtonText component: 'size' prop will be overridden by 'preset="${o}"'. Remove explicit 'size' prop if not intended.`
+    ), m !== "text-primary" && m !== n.color && console.warn(
+      `ButtonText component: 'color' prop will be overridden by 'preset="${o}"'. Remove explicit 'color' prop if not intended.`
+    ), c !== "medium" && c !== n.weight && console.warn(
+      `ButtonText component: 'weight' prop will be overridden by 'preset="${o}"'. Remove explicit 'weight' prop if not intended.`
+    ), d !== !1 && d !== n.underlined && console.warn(
+      `ButtonText component: 'underlined' prop will be overridden by 'preset="${o}"'. Remove explicit 'underlined' prop if not intended.`
+    ), i = n.size, t = n.color, r = n.weight, p = n.underlined;
   }
-);
+  return /* @__PURE__ */ v(
+    "button",
+    {
+      "data-testid": h(_, "data-testid", "button-text"),
+      type: g,
+      disabled: T,
+      className: y(e.ButtonText, h(_, "className"), {
+        [e.WithIcon]: !!s,
+        [e.Left]: a === "left",
+        [e.Right]: a === "right",
+        [e.SM]: i === "sm",
+        [e.MD]: i === "md",
+        [e.LG]: i === "lg",
+        [e.TextPrimary]: t === "text-primary",
+        [e.TextSecondary]: t === "text-secondary",
+        [e.AccentPrimary]: t === "accent-primary",
+        [e.AccentSecondary]: t === "accent-secondary",
+        [e.ThemePrimary]: t === "theme-primary",
+        [e.ThemeSecondary]: t === "theme-secondary",
+        [e.Link]: t === "link",
+        [e.UnderSubmit]: t === "under-submit"
+      }),
+      onClick: B(S, { prevent: b, blur: f }),
+      onFocus: () => L(),
+      onBlur: () => w(),
+      children: [
+        /* @__PURE__ */ u(M, { icon: s, className: e.Icon }),
+        /* @__PURE__ */ u(
+          "span",
+          {
+            className: y(e.Content, {
+              [e.Light]: r === "light",
+              [e.Regular]: r === "regular",
+              [e.Medium]: r === "medium",
+              [e.Bold]: r === "bold",
+              [e.Underlined]: p
+            }),
+            children: x
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  Q as ButtonText
+  ee as ButtonText
 };