@arthurzakharov/ui-kit 2.4.0 → 2.5.1

package/dist/controls/interactives/card-image/card-image.component.js

@@ -1,10 +1,9 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import b from "clsx";
+import { clsx as b, baseProps as C } from "../../../utils/functions/functions.util.js";
 import { Box as j } from "../../primitives/box/box.component.js";
 import { Caption as z } from "../../primitives/caption/caption.component.js";
 import { Choice as $ } from "../../primitives/choice/choice.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as C } from "../../../utils/functions/functions.util.js";
 import { HiddenInput as F } from "../../primitives/hidden-input/hidden-input.component.js";
 import { RadioLabel as H } from "../../primitives/radio-label/radio-label.component.js";
 import "lucide-react";
@@ -17,15 +16,15 @@ import '../../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1",
   Top: w,
   Wrap: A,
   Bottom: D
-}, oo = ({
+}, k = ({
   // Interactive props
   id: a,
-  value: e,
+  value: m,
   disabled: s = !1,
   state: _ = "idle",
   onChange: g,
-  onFocus: f,
-  onBlur: u,
+  onFocus: u,
+  onBlur: f,
   // CardImage props
   sprite: v,
   choices: I,
@@ -34,27 +33,27 @@ import '../../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1",
   // Base props
   ...i
 }) => {
-  const { type: p, onChoiceChange: x } = P(e, a, g);
+  const { type: l, onChoiceChange: x } = P(m, a, g);
   return /* @__PURE__ */ o(
     "div",
     {
       "data-testid": C(i, "data-testid", "card-image"),
       className: b(n.CardImage, C(i, "className")),
       children: I.map((t, B, N) => {
-        const m = L(a, t.value, B);
-        return /* @__PURE__ */ o(H, { id: m, value: e, state: _, choice: t, choices: N, children: ({ focused: l, hovered: T, checked: r, state: d }) => /* @__PURE__ */ o(j, { state: d, checked: r, focused: l, children: /* @__PURE__ */ c("div", { className: n.Content, children: [
+        const e = L(a, t.value, B);
+        return /* @__PURE__ */ o(H, { id: e, value: m, state: _, choice: t, choices: N, children: ({ focused: p, hovered: T, checked: r, state: d }) => /* @__PURE__ */ o(j, { state: d, checked: r, focused: p, children: /* @__PURE__ */ c("div", { className: n.Content, children: [
           /* @__PURE__ */ o(
             F,
             {
-              type: p,
-              id: m,
+              type: l,
+              id: e,
               name: a,
               value: t.value,
               checked: r,
               disabled: s,
               onChange: (E, W) => x(t.value, W),
-              onFocus: () => f?.(a),
-              onBlur: () => u?.(a)
+              onFocus: () => u?.(a),
+              onBlur: () => f?.(a)
             }
           ),
           /* @__PURE__ */ o("div", { className: n.Top, children: /* @__PURE__ */ o("div", { "data-image": t.icon, style: { backgroundImage: `url(${v})` }, className: n.Wrap }) }),
@@ -62,22 +61,22 @@ import '../../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1",
             /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
               $,
               {
-                type: p,
+                type: l,
                 size: y,
                 state: d,
                 checked: r,
-                focused: l,
+                focused: p,
                 hovered: T,
                 disabled: s
               }
             ) }),
             /* @__PURE__ */ o(z, { text: t.label, size: h, checked: r })
           ] })
-        ] }) }) }, m);
+        ] }) }) }, e);
       })
     }
   );
 };
 export {
-  oo as CardImage
+  k as CardImage
 };

package/dist/controls/interactives/card-text/card-text.component.js

@@ -1,10 +1,9 @@
 import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import I from "clsx";
+import { clsx as I, baseProps as p } from "../../../utils/functions/functions.util.js";
 import { Box as j } from "../../primitives/box/box.component.js";
 import { Caption as y } from "../../primitives/caption/caption.component.js";
 import { Choice as z } from "../../primitives/choice/choice.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as d } from "../../../utils/functions/functions.util.js";
 import { HiddenInput as B } from "../../primitives/hidden-input/hidden-input.component.js";
 import { RadioLabel as $ } from "../../primitives/radio-label/radio-label.component.js";
 import "lucide-react";
@@ -15,31 +14,31 @@ import '../../../assets/card-text-sR2uSJyo.css';const P = "_CardText_1uv8w_1", R
   CardText: P,
   Label: R,
   Choice: q
-}, Y = ({
+}, X = ({
   // Interactive props
   id: t,
-  value: m,
-  disabled: s = !1,
+  value: s,
+  disabled: m = !1,
   state: C = "idle",
   onChange: x,
   onBlur: h,
   onFocus: u,
   // CardText props
-  choices: f,
-  iconSize: _ = "md",
+  choices: _,
+  iconSize: f = "md",
   textSize: v = "body",
   // Base props
   ...n
 }) => {
-  const { type: l, onChoiceChange: b } = H(m, t, x);
+  const { type: l, onChoiceChange: b } = H(s, t, x);
   return /* @__PURE__ */ o(
     "div",
     {
-      "data-testid": d(n, "data-testid", "card-text"),
-      className: I(i.CardText, d(n, "className")),
-      children: f.map((e, L, T) => {
+      "data-testid": p(n, "data-testid", "card-text"),
+      className: I(i.CardText, p(n, "className")),
+      children: _.map((e, L, T) => {
         const a = F(t, e.value, L);
-        return /* @__PURE__ */ o($, { id: a, value: m, state: C, choice: e, choices: T, children: ({ focused: p, hovered: N, checked: r, state: c }) => /* @__PURE__ */ o(j, { state: c, checked: r, focused: p, children: /* @__PURE__ */ w("div", { className: i.Label, children: [
+        return /* @__PURE__ */ o($, { id: a, value: s, state: C, choice: e, choices: T, children: ({ focused: c, hovered: N, checked: r, state: d }) => /* @__PURE__ */ o(j, { state: d, checked: r, focused: c, children: /* @__PURE__ */ w("div", { className: i.Label, children: [
           /* @__PURE__ */ o(
             B,
             {
@@ -48,7 +47,7 @@ import '../../../assets/card-text-sR2uSJyo.css';const P = "_CardText_1uv8w_1", R
               name: t,
               value: e.value,
               checked: r,
-              disabled: s,
+              disabled: m,
               onChange: (A, g) => b(e.value, g),
               onFocus: () => u?.(t),
               onBlur: () => h?.(t)
@@ -58,12 +57,12 @@ import '../../../assets/card-text-sR2uSJyo.css';const P = "_CardText_1uv8w_1", R
             z,
             {
               type: l,
-              size: _,
-              state: c,
+              size: f,
+              state: d,
               checked: r,
-              focused: p,
+              focused: c,
               hovered: N,
-              disabled: s
+              disabled: m
             }
           ) }),
           /* @__PURE__ */ o(y, { text: e.label, size: v, checked: r })
@@ -73,5 +72,5 @@ import '../../../assets/card-text-sR2uSJyo.css';const P = "_CardText_1uv8w_1", R
   );
 };
 export {
-  Y as CardText
+  X as CardText
 };

package/dist/controls/interactives/checkbox/checkbox.component.js

@@ -1,11 +1,10 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { useRef as M } from "react";
 import { useHover as N } from "usehooks-ts";
-import p from "clsx";
+import { clsx as p, baseProps as _ } from "../../../utils/functions/functions.util.js";
 import { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
 import "../../primitives/box/box.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as _ } from "../../../utils/functions/functions.util.js";
 import { Choice as v } from "../../primitives/choice/choice.component.js";
 import { ErrorMessage as F } from "../../primitives/error-message/error-message.component.js";
 import { HiddenInput as L } from "../../primitives/hidden-input/hidden-input.component.js";
@@ -20,7 +19,7 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
   Body: R,
   BodySmall: T,
   ErrorMessage: q
-}, oo = ({
+}, Z = ({
   // Interactive props
   id: t,
   value: r = !1,
@@ -32,11 +31,11 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
   // Checkbox props
   iconSize: x = "md",
   textSize: a = "body-small",
-  message: m = "",
+  message: l = "",
   // PropsWithChildren
   children: y,
   // Base props
-  ...l
+  ...m
 }) => {
   const d = M(null), k = N(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
     id: t,
@@ -45,7 +44,7 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
     onFocus: f,
     onBlur: g
   });
-  return /* @__PURE__ */ b("div", { "data-testid": _(l, "data-testid", "checkbox"), className: p(o.Checkbox, _(l, "className")), children: [
+  return /* @__PURE__ */ b("div", { "data-testid": _(m, "data-testid", "checkbox"), className: p(o.Checkbox, _(m, "className")), children: [
     /* @__PURE__ */ b(
       "label",
       {
@@ -98,9 +97,9 @@ import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I
         ]
       }
     ),
-    /* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!m, children: /* @__PURE__ */ e(F, { text: m, className: o.ErrorMessage }) })
+    /* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
   ] });
 };
 export {
-  oo as Checkbox
+  Z as Checkbox
 };

package/dist/controls/interactives/dropdown/dropdown.component.js

@@ -2,13 +2,12 @@ import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { useRef as u, useState as f, useEffect as y, useMemo as K } from "react";
 import { useBoolean as M, useResizeObserver as E, useOnClickOutside as P } from "usehooks-ts";
 import { ChevronDown as T, Search as q } from "lucide-react";
-import k from "clsx";
+import { clsx as k, baseProps as R } from "../../../utils/functions/functions.util.js";
 import { Button as J } from "../../buttons/button/button.component.js";
-import { Box as R } from "../../primitives/box/box.component.js";
+import { Box as H } from "../../primitives/box/box.component.js";
 import { Caption as x } from "../../primitives/caption/caption.component.js";
 import { Choice as Q } from "../../primitives/choice/choice.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as H } from "../../../utils/functions/functions.util.js";
 import { Label as U } from "../../primitives/label/label.component.js";
 import { clickHasNode as X } from "../../utils/functions/functions.util.js";
 import { Converter as Y } from "../../../utils/converter/converter.util.js";
@@ -30,7 +29,7 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
   Choices: me,
   Choice: Ce,
   ChoiceNoResult: pe
-}, ze = ({
+}, He = ({
   choices: v = [],
   value: d = [],
   label: z = "",
@@ -65,10 +64,10 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
   return /* @__PURE__ */ i(
     "div",
     {
-      "data-testid": H(S, "data-testid", "dropdown"),
-      className: k(o.Dropdown, H(S, "className")),
+      "data-testid": R(S, "data-testid", "dropdown"),
+      className: k(o.Dropdown, R(S, "className")),
       children: [
-        /* @__PURE__ */ s(R, { ref: b, onClick: L, children: /* @__PURE__ */ i("div", { className: o.Border, children: [
+        /* @__PURE__ */ s(H, { ref: b, onClick: L, children: /* @__PURE__ */ i("div", { className: o.Border, children: [
           /* @__PURE__ */ i("div", { className: o.Content, children: [
             /* @__PURE__ */ s(U, { text: z, position: "active" }),
             /* @__PURE__ */ s(
@@ -83,7 +82,7 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
           ] }),
           /* @__PURE__ */ s("div", { className: o.ChevronWrap, children: /* @__PURE__ */ s(T, { "data-open": l, className: o.Chevron }) })
         ] }) }),
-        /* @__PURE__ */ s(R, { ref: _, className: l ? o.BoxVisible : o.BoxHidden, children: /* @__PURE__ */ i("div", { className: o.Box, children: [
+        /* @__PURE__ */ s(H, { ref: _, className: l ? o.BoxVisible : o.BoxHidden, children: /* @__PURE__ */ i("div", { className: o.Box, children: [
           /* @__PURE__ */ i("div", { className: k(o.Search, I ? o.SearchHidden : o.SearchVisible), children: [
             /* @__PURE__ */ s(
               "input",
@@ -133,5 +132,5 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
   );
 };
 export {
-  ze as Dropdown
+  He as Dropdown
 };

package/dist/controls/interactives/input/input.component.js

@@ -1,13 +1,12 @@
 import { jsx as M } from "react/jsx-runtime";
 import { useRef as d, useState as O, useLayoutEffect as Q, useCallback as R, useEffect as W } from "react";
-import K from "clsx";
-import { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as v, replaceCharByIndex as b, getNextChar as T, isSeparator as P, getPreviousChar as Z, applyMask as k } from "./input.utils.js";
+import { clsx as K, baseProps as h } from "../../../utils/functions/functions.util.js";
+import { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as P, replaceCharByIndex as b, getNextChar as T, isSeparator as m, getPreviousChar as Z, applyMask as k } from "./input.utils.js";
 import { useControlInteraction as tt } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
-import { baseProps as h } from "../../../utils/functions/functions.util.js";
 import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_Placeholder_gfvsr_45", w = {
   Input: et,
   Placeholder: nt
-}, it = ({
+}, at = ({
   // Interactive props
   id: u,
   value: y = "",
@@ -41,15 +40,15 @@ import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_
     o.current.setSelectionRange(t, t), a.current = null;
   }, [r, n]);
   const F = () => {
-    const t = o.current?.value || "", c = v(t, n);
+    const t = o.current?.value || "", c = P(t, n);
     c !== t.length && i(c);
   }, G = R(() => {
     const t = o.current?.value || "", c = X(r, t);
     if (!Y(c)) return;
-    const e = o.current?.selectionEnd || 0, m = v(t, n) === t.length, l = b(r, e - 1, c), f = v(l, n);
-    if (m) {
-      const p = t.slice(0, e - 1), x = t.slice(e - 1, e), B = t.slice(e), J = b(p + B, e - 1, x), _ = T(p + B, e) || "";
-      I(J), i(P(_, n) && _ ? e + 1 : e);
+    const e = o.current?.selectionEnd || 0, x = P(t, n) === t.length, l = b(r, e - 1, c), f = P(l, n);
+    if (x) {
+      const p = t.slice(0, e - 1), v = t.slice(e - 1, e), B = t.slice(e), J = b(p + B, e - 1, v), _ = T(p + B, e) || "";
+      I(J), i(m(_, n) && _ ? e + 1 : e);
     } else
       I(l), i(f);
   }, [r, n]), H = R(
@@ -73,8 +72,8 @@ import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_
         t.preventDefault();
         const e = o.current?.selectionEnd || 0;
         if (e) {
-          const A = Z(r, e), m = T(r, e - 1), l = P(A, n), f = P(m, n), p = e - (l || f ? 2 : 1), x = k(r, n, e - (f ? 2 : 1));
-          I(x), i(p);
+          const A = Z(r, e), x = T(r, e - 1), l = m(A, n), f = m(x, n), p = e - (l || f ? 2 : 1), v = k(r, n, e - (f ? 2 : 1));
+          I(v), i(p);
         }
       }
     },
@@ -139,5 +138,5 @@ import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_
   );
 };
 export {
-  it as Input
+  at as Input
 };

package/dist/controls/interactives/radio/radio.component.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import p from "clsx";
+import { clsx as p, baseProps as _ } from "../../../utils/functions/functions.util.js";
 import { FadeSlide as k } from "../../../animations/fade-slide/fade-slide.component.js";
 import "../../primitives/box/box.component.js";
 import { Caption as I } from "../../primitives/caption/caption.component.js";
@@ -7,7 +7,6 @@ import { Choice as V } from "../../primitives/choice/choice.component.js";
 import { ErrorMessage as y } from "../../primitives/error-message/error-message.component.js";
 import { HiddenInput as F } from "../../primitives/hidden-input/hidden-input.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as _ } from "../../../utils/functions/functions.util.js";
 import { RadioLabel as j } from "../../primitives/radio-label/radio-label.component.js";
 import "lucide-react";
 import { getChoiceId as B } from "../../utils/functions/functions.util.js";
@@ -19,13 +18,13 @@ import '../../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Co
   Vertical: A,
   Label: D,
   ErrorMessage: G
-}, ir = ({
+}, ar = ({
   // Interactive props
   id: e,
-  value: f = "",
+  value: u = "",
   disabled: a = !1,
   state: s = "idle",
-  onChange: u,
+  onChange: f,
   onFocus: C,
   onBlur: g,
   // Radio props
@@ -40,7 +39,7 @@ import '../../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Co
   const { emitChange: w, handleFocus: x, handleBlur: E } = $({
     id: e,
     disabled: a,
-    onChange: u,
+    onChange: f,
     onFocus: C,
     onBlur: g
   });
@@ -63,7 +62,7 @@ import '../../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Co
                 j,
                 {
                   id: i,
-                  value: f,
+                  value: u,
                   state: s,
                   choice: t,
                   choices: R,
@@ -108,5 +107,5 @@ import '../../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Co
   );
 };
 export {
-  ir as Radio
+  ar as Radio
 };

package/dist/controls/interactives/text-area/text-area.component.js

@@ -1,9 +1,8 @@
 import { jsxs as M, jsx as r } from "react/jsx-runtime";
-import N from "clsx";
+import { baseProps as t, clsx as N } from "../../../utils/functions/functions.util.js";
 import { FadeSlide as _ } from "../../../animations/fade-slide/fade-slide.component.js";
 import { Box as I } from "../../primitives/box/box.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as t } from "../../../utils/functions/functions.util.js";
 import "lucide-react";
 import { ErrorMessage as C } from "../../primitives/error-message/error-message.component.js";
 import "usehooks-ts";
@@ -11,13 +10,13 @@ import { useControlInteraction as k } from "../../utils/hooks/use-control-intera
 import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F = "_ErrorMessage_11gck_28", a = {
   Input: B,
   ErrorMessage: F
-}, z = ({
+}, w = ({
   // Interactive props
   id: o,
-  value: i,
+  value: c,
   disabled: s = !1,
   state: n = "idle",
-  onChange: c,
+  onChange: i,
   onFocus: l,
   onBlur: d,
   // TextArea props
@@ -30,7 +29,7 @@ import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F =
   const { focused: g, emitChange: x, handleFocus: f, handleBlur: h } = k({
     id: o,
     disabled: s,
-    onChange: c,
+    onChange: i,
     onFocus: l,
     onBlur: d
   });
@@ -48,7 +47,7 @@ import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F =
             id: o,
             rows: u,
             placeholder: p,
-            value: i,
+            value: c,
             className: a.Input,
             onChange: (E) => x(E.target.value, "keyboard"),
             onFocus: () => f(),
@@ -61,5 +60,5 @@ import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F =
   );
 };
 export {
-  z as TextArea
+  w as TextArea
 };

package/dist/controls/interactives/text-field/text-field.component.js

@@ -1,11 +1,10 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import c from "clsx";
+import { clsx as c, baseProps as u } from "../../../utils/functions/functions.util.js";
 import { useBoolean as f } from "usehooks-ts";
 import { FadeScale as v } from "../../../animations/fade-scale/fade-scale.component.js";
 import { FadeSlide as L } from "../../../animations/fade-slide/fade-slide.component.js";
 import { Box as $ } from "../../primitives/box/box.component.js";
 import "../../../utils/content/content.component.js";
-import { baseProps as u } from "../../../utils/functions/functions.util.js";
 import "lucide-react";
 import { ErrorMessage as k } from "../../primitives/error-message/error-message.component.js";
 import { Label as C } from "../../primitives/label/label.component.js";
@@ -23,7 +22,7 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
   ErrorMessage: K,
   Input: Q,
   MaskStart: R
-}, ie = ({
+}, le = ({
   // Interactive props
   id: d,
   value: s = "",
@@ -39,9 +38,9 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
   message: m = "",
   placeholder: _ = "",
   // Base props
-  ...p
+  ...x
 }) => {
-  const { value: x, setTrue: T, setFalse: A } = f(!1), { value: a, setTrue: S, setFalse: b } = f(!1), r = a || !!s || x, B = !i && !!_ && a && !s && !x, N = !!m && l === "error", g = (o) => {
+  const { value: p, setTrue: T, setFalse: A } = f(!1), { value: a, setTrue: S, setFalse: b } = f(!1), r = a || !!s || p, B = !i && !!_ && a && !s && !p, N = !!m && l === "error", g = (o) => {
     S(), I?.(o);
   }, E = (o) => {
     b(), F?.(o);
@@ -49,8 +48,8 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
   return /* @__PURE__ */ n(
     "div",
     {
-      "data-testid": u(p, "data-testid", "text-field"),
-      className: c(e.TextField, u(p, "className")),
+      "data-testid": u(x, "data-testid", "text-field"),
+      className: c(e.TextField, u(x, "className")),
       children: [
         /* @__PURE__ */ n($, { state: l, focused: a, className: e.Box, children: [
           /* @__PURE__ */ t(
@@ -102,5 +101,5 @@ import '../../../assets/text-field-ycFvAkxr.css';const D = "_TextField_diews_1",
   );
 };
 export {
-  ie as TextField
+  le as TextField
 };

package/dist/controls/primitives/box/box.component.js

@@ -1,41 +1,40 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import i from "clsx";
-import { baseProps as _ } from "../../../utils/functions/functions.util.js";
-import '../../../assets/box-DOatBkTY.css';const a = "_Box_1nqm1_1", x = "_Checked_1nqm1_14", p = "_Idle_1nqm1_18", q = "_Focused_1nqm1_22", u = "_Success_1nqm1_31", o = {
-  Box: a,
+import { clsx as a, baseProps as _ } from "../../../utils/functions/functions.util.js";
+import '../../../assets/box-DOatBkTY.css';const i = "_Box_1nqm1_1", x = "_Checked_1nqm1_14", q = "_Idle_1nqm1_18", u = "_Focused_1nqm1_22", p = "_Success_1nqm1_31", o = {
+  Box: i,
   Checked: x,
-  Idle: p,
-  Focused: q,
+  Idle: q,
+  Focused: u,
   Error: "_Error_1nqm1_27",
-  Success: u
-}, I = l(
+  Success: p
+}, F = l(
   ({
-    children: m,
+    children: n,
     state: c = "idle",
     focused: s = !1,
     checked: r = !1,
-    onClick: n = () => {
+    onClick: d = () => {
     },
     // Base props
     ...e
-  }, d) => /* @__PURE__ */ t(
+  }, m) => /* @__PURE__ */ t(
     "div",
     {
       "data-testid": _(e, "data-testid", "box"),
-      ref: d,
-      className: i(o.Box, _(e, "className"), {
+      ref: m,
+      className: a(o.Box, _(e, "className"), {
         [o.Idle]: c === "idle" && !s && !r,
         [o.Error]: c === "error" && !s && !r,
         [o.Success]: c === "success" && !s && !r,
         [o.Focused]: s,
         [o.Checked]: r
       }),
-      onClick: () => n(),
-      children: m
+      onClick: () => d(),
+      children: n
     }
   )
 );
 export {
-  I as Box
+  F as Box
 };

package/dist/controls/primitives/caption/caption.component.js

@@ -1,21 +1,20 @@
 import { jsx as n } from "react/jsx-runtime";
-import i from "clsx";
+import { clsx as i, baseProps as o } from "../../../utils/functions/functions.util.js";
 import { Content as _ } from "../../../utils/content/content.component.js";
-import { baseProps as o } from "../../../utils/functions/functions.util.js";
-import '../../../assets/caption-B28SGRY1.css';const m = "_Caption_cifud_1", s = "_TextPrimary_cifud_8", l = "_Content_cifud_8", x = "_TextSecondary_cifud_12", f = "_AccentPrimary_cifud_16", p = "_AccentSecondary_cifud_20", B = "_BodyExtraSmall_cifud_24", S = "_BodySmall_cifud_29", C = "_Body_cifud_24", u = "_BodyLarge_cifud_39", P = "_OneLine_cifud_44", A = "_Checked_cifud_49", t = {
+import '../../../assets/caption-B28SGRY1.css';const m = "_Caption_cifud_1", s = "_TextPrimary_cifud_8", l = "_Content_cifud_8", x = "_TextSecondary_cifud_12", f = "_AccentPrimary_cifud_16", B = "_AccentSecondary_cifud_20", S = "_BodyExtraSmall_cifud_24", p = "_BodySmall_cifud_29", C = "_Body_cifud_24", u = "_BodyLarge_cifud_39", P = "_OneLine_cifud_44", A = "_Checked_cifud_49", t = {
   Caption: m,
   TextPrimary: s,
   Content: l,
   TextSecondary: x,
   AccentPrimary: f,
-  AccentSecondary: p,
-  BodyExtraSmall: B,
-  BodySmall: S,
+  AccentSecondary: B,
+  BodyExtraSmall: S,
+  BodySmall: p,
   Body: C,
   BodyLarge: u,
   OneLine: P,
   Checked: A
-}, b = ({
+}, h = ({
   // Caption props
   text: d,
   size: e = "body",
@@ -44,5 +43,5 @@ import '../../../assets/caption-B28SGRY1.css';const m = "_Caption_cifud_1", s =
   }
 );
 export {
-  b as Caption
+  h as Caption
 };