@arthurzakharov/ui-kit 1.6.2 → 1.6.3

package/dist/assets/button-text-D-i7Ce3y.css

@@ -0,0 +1 @@
+._ButtonText_lje93_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm)}._TextPrimary_lje93_10{color:var(--rm-ui-color-text-primary)}._TextSecondary_lje93_14{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_lje93_18{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_lje93_22{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_lje93_26{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_lje93_30{color:var(--rm-ui-color-theme-secondary)}._Left_lje93_34{flex-direction:row}._Right_lje93_38{flex-direction:row-reverse}._Icon_lje93_42{stroke-width:1.5}._SM_lje93_46 ._Icon_lje93_42{width:20px;height:20px}._MD_lje93_51 ._Icon_lje93_42{width:24px;height:24px}._LG_lje93_56 ._Icon_lje93_42{width:26px;height:26px}._SM_lje93_46 ._Content_lje93_61{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - var(--rm-ui-padding-xxs) * 2)}._MD_lje93_51 ._Content_lje93_61{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - var(--rm-ui-padding-xxs) * 2)}._LG_lje93_56 ._Content_lje93_61{font-size:var(--rm-ui-font-size-hl4);line-height:calc(var(--rm-ui-line-height-hl4) - var(--rm-ui-padding-xxs) * 2)}._Content_lje93_61{text-decoration:none}._Light_lje93_80{font-weight:var(--rm-ui-font-weight-light)}._Regular_lje93_84{font-weight:var(--rm-ui-font-weight-regular)}._Medium_lje93_88{font-weight:var(--rm-ui-font-weight-medium)}._Bold_lje93_92{font-weight:var(--rm-ui-font-weight-bold)}._Underlined_lje93_96{text-decoration:underline}

package/dist/assets/checkbox-CAGKGCVC.css

@@ -0,0 +1 @@
+._Checkbox_vvcdn_1{display:flex;flex-direction:column}._Label_vvcdn_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_vvcdn_6:hover{cursor:pointer}._Choice_vvcdn_19{position:relative;left:0;top:3px}._Content_vvcdn_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_vvcdn_25 button,._Content_vvcdn_25 span[data-type=button]{color:var(--rm-ui-color-link);outline-offset:2px;display:inline;margin:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;color:inherit;text-decoration:underline;vertical-align:baseline;cursor:pointer}._Content_vvcdn_25 button:hover,._Content_vvcdn_25 span[data-type=button]:hover{cursor:pointer;text-decoration:underline}._Content_vvcdn_25 button:focus-visible,._Content_vvcdn_25 span[data-type=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_vvcdn_58{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_vvcdn_63{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_vvcdn_68{padding-top:var(--rm-ui-padding-xxs)}

package/dist/assets/user-panel-DC4NxXIi.css

@@ -0,0 +1 @@
+._UserPanel_etir2_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}._Head_etir2_13{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Info_etir2_25{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}

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

@@ -1,29 +1,30 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Pencil as d } from "lucide-react";
 import p from "clsx";
 import "react";
-import { baseProps as i } from "../../utils/functions/functions.util.js";
+import { baseProps as o } from "../../utils/functions/functions.util.js";
 import "usehooks-ts";
 import "../../controls/primitives/box/box.component.js";
 import { ButtonText as f } from "../../controls/buttons/button-text/button-text.component.js";
-import '../../assets/user-panel-DbR0J2Ct.css';const u = "_Head_svj2j_13", x = "_Info_svj2j_26", e = {
+import '../../assets/user-panel-DC4NxXIi.css';const _ = "_UserPanel_etir2_1", u = "_Head_etir2_13", P = "_Info_etir2_25", t = {
+  UserPanel: _,
   Head: u,
-  Info: x
-}, U = ({ title: s, button: a, data: n, onClick: l, ...r }) => /* @__PURE__ */ o(
+  Info: P
+}, b = ({ title: s, button: a, data: n, onClick: l, ...r }) => /* @__PURE__ */ i(
   "div",
   {
-    "data-testid": i(r, "data-testid", "user-panel"),
-    className: p(e.UserPanel, i(r, "className")),
+    "data-testid": o(r, "data-testid", "user-panel"),
+    className: p(t.UserPanel, o(r, "className")),
     children: [
-      /* @__PURE__ */ o("div", { className: e.Head, children: [
-        /* @__PURE__ */ t("span", { "data-testid": "user-panel-title", children: s }),
-        /* @__PURE__ */ t(
+      /* @__PURE__ */ i("div", { className: t.Head, children: [
+        /* @__PURE__ */ e("span", { "data-testid": "user-panel-title", children: s }),
+        /* @__PURE__ */ e(
           f,
           {
             text: a,
             preventDefault: !0,
             blurAfterClick: !0,
-            icon: /* @__PURE__ */ t(d, {}),
+            icon: /* @__PURE__ */ e(d, {}),
             iconPosition: "right",
             size: "md",
             color: "text-primary",
@@ -31,10 +32,10 @@ import '../../assets/user-panel-DbR0J2Ct.css';const u = "_Head_svj2j_13", x = "_
           }
         )
       ] }),
-      /* @__PURE__ */ t("ul", { className: e.Info, children: n.map((c, m) => /* @__PURE__ */ t("li", { children: c }, m)) })
+      /* @__PURE__ */ e("ul", { className: t.Info, children: n.map((c, m) => /* @__PURE__ */ e("li", { children: c }, m)) })
     ]
   }
 );
 export {
-  U as UserPanel
+  b as UserPanel
 };

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

@@ -1,39 +1,39 @@
 import { jsxs as S, jsx as _ } from "react/jsx-runtime";
 import a from "clsx";
-import { withControl as f, baseProps as m } from "../../../utils/functions/functions.util.js";
+import { withControl as f, baseProps as l } from "../../../utils/functions/functions.util.js";
 import { Svg as g } from "../../../utils/svg/svg.component.js";
-import '../../../assets/button-text-BKSERdhL.css';const L = "_ButtonText_14p1n_1", M = "_TextPrimary_14p1n_11", P = "_TextSecondary_14p1n_15", B = "_AccentPrimary_14p1n_19", A = "_AccentSecondary_14p1n_23", R = "_ThemePrimary_14p1n_27", C = "_ThemeSecondary_14p1n_31", b = "_Left_14p1n_35", D = "_Right_14p1n_39", G = "_Icon_14p1n_43", I = "_SM_14p1n_47", N = "_MD_14p1n_52", U = "_LG_14p1n_57", j = "_Content_14p1n_62", v = "_Light_14p1n_81", k = "_Regular_14p1n_85", F = "_Medium_14p1n_89", $ = "_Bold_14p1n_93", q = "_Underlined_14p1n_97", t = {
-  ButtonText: L,
-  TextPrimary: M,
-  TextSecondary: P,
-  AccentPrimary: B,
-  AccentSecondary: A,
-  ThemePrimary: R,
-  ThemeSecondary: C,
-  Left: b,
-  Right: D,
-  Icon: G,
-  SM: I,
-  MD: N,
-  LG: U,
-  Content: j,
+import '../../../assets/button-text-D-i7Ce3y.css';const p = "_ButtonText_lje93_1", L = "_TextPrimary_lje93_10", M = "_TextSecondary_lje93_14", P = "_AccentPrimary_lje93_18", B = "_AccentSecondary_lje93_22", A = "_ThemePrimary_lje93_26", R = "_ThemeSecondary_lje93_30", C = "_Left_lje93_34", b = "_Right_lje93_38", D = "_Icon_lje93_42", G = "_SM_lje93_46", I = "_MD_lje93_51", N = "_LG_lje93_56", U = "_Content_lje93_61", v = "_Light_lje93_80", k = "_Regular_lje93_84", F = "_Medium_lje93_88", $ = "_Bold_lje93_92", q = "_Underlined_lje93_96", e = {
+  ButtonText: p,
+  TextPrimary: L,
+  TextSecondary: M,
+  AccentPrimary: P,
+  AccentSecondary: B,
+  ThemePrimary: A,
+  ThemeSecondary: R,
+  Left: C,
+  Right: b,
+  Icon: D,
+  SM: G,
+  MD: I,
+  LG: N,
+  Content: U,
   Light: v,
   Regular: k,
   Medium: F,
   Bold: $,
   Underlined: q
 }, O = ({
-  text: s,
+  text: m,
   size: r = "md",
-  color: e = "text-primary",
+  color: t = "text-primary",
   weight: n = "medium",
-  type: d = "button",
-  icon: i = null,
+  type: s = "button",
+  icon: d = null,
   iconPosition: c = "left",
-  underlined: p = !1,
+  underlined: i = !1,
   disabled: y = !1,
-  preventDefault: l = !1,
-  blurAfterClick: u = !1,
+  preventDefault: u = !1,
+  blurAfterClick: j = !1,
   onClick: x = () => {
   },
   onFocus: T = () => {
@@ -45,38 +45,38 @@ import '../../../assets/button-text-BKSERdhL.css';const L = "_ButtonText_14p1n_1
 }) => /* @__PURE__ */ S(
   "button",
   {
-    "data-testid": m(o, "data-testid", "button-text"),
-    type: d,
+    "data-testid": l(o, "data-testid", "button-text"),
+    type: s,
     disabled: y,
-    className: a(t.ButtonText, m(o, "className"), {
-      [t.Left]: c === "left",
-      [t.Right]: c === "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"
+    className: a(e.ButtonText, l(o, "className"), {
+      [e.Left]: c === "left",
+      [e.Right]: c === "right",
+      [e.SM]: r === "sm",
+      [e.MD]: r === "md",
+      [e.LG]: r === "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"
     }),
-    onClick: f(x, { prevent: l, blur: u }),
+    onClick: f(x, { prevent: u, blur: j }),
     onFocus: () => T(),
     onBlur: () => h(),
     children: [
-      /* @__PURE__ */ _(g, { icon: i, className: t.Icon }),
+      /* @__PURE__ */ _(g, { icon: d, className: e.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]: p
+          className: a(e.Content, {
+            [e.Light]: n === "light",
+            [e.Regular]: n === "regular",
+            [e.Medium]: n === "medium",
+            [e.Bold]: n === "bold",
+            [e.Underlined]: i
           }),
-          children: s
+          children: m
         }
       )
     ]

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

@@ -1,17 +1,17 @@
-import { jsxs as f, 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 { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { useRef as E } from "react";
+import { useHover as M } from "usehooks-ts";
+import _ from "clsx";
+import { FadeSlide as N } from "../../../animations/fade-slide/fade-slide.component.js";
 import "../../primitives/box/box.component.js";
-import { baseProps as _ } from "../../../utils/functions/functions.util.js";
-import { Choice as v } from "../../primitives/choice/choice.component.js";
+import { baseProps as C } from "../../../utils/functions/functions.util.js";
+import { Choice as S } 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";
 import "lucide-react";
 import { useControlInteraction as $ } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
 import { Converter as j } from "../../../utils/converter/converter.util.js";
-import '../../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "_Label_19a0f_6", P = "_Choice_19a0f_19", D = "_Content_19a0f_25", R = "_Body_19a0f_44", T = "_BodySmall_19a0f_49", q = "_ErrorMessage_19a0f_54", o = {
+import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I = "_Label_vvcdn_6", P = "_Choice_vvcdn_19", D = "_Content_vvcdn_25", R = "_Body_vvcdn_58", T = "_BodySmall_vvcdn_63", q = "_ErrorMessage_vvcdn_68", o = {
   Checkbox: H,
   Label: I,
   Choice: P,
@@ -21,83 +21,83 @@ import '../../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I
   ErrorMessage: q
 }, Z = ({
   // Interactive props
-  id: t,
+  id: c,
   value: r = !1,
-  disabled: s = !1,
-  state: c = "idle",
-  onChange: C,
-  onFocus: b,
-  onBlur: x,
+  disabled: t = !1,
+  state: s = "idle",
+  onChange: f,
+  onFocus: v,
+  onBlur: b,
   // Checkbox props
-  iconSize: y = "md",
-  textSize: n = "body-small",
+  iconSize: x = "md",
+  textSize: a = "body-small",
   message: l = "",
   // PropsWithChildren
-  children: k,
+  children: y,
   // Base props
   ...m
 }) => {
-  const i = M(null), B = N(i), { focused: d, emitChange: h, handleFocus: u, handleBlur: g } = $({
-    id: t,
-    disabled: s,
-    onChange: C,
-    onFocus: b,
-    onBlur: x
+  const d = E(null), k = M(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
+    id: c,
+    disabled: t,
+    onChange: f,
+    onFocus: v,
+    onBlur: b
   });
-  return /* @__PURE__ */ f("div", { "data-testid": _(m, "data-testid", "checkbox"), className: p(o.Checkbox, _(m, "className")), children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ p("div", { "data-testid": C(m, "data-testid", "checkbox"), className: _(o.Checkbox, C(m, "className")), children: [
+    /* @__PURE__ */ p(
       "label",
       {
         "data-testid": "checkbox-label",
-        ref: i,
-        htmlFor: t,
+        ref: d,
+        htmlFor: c,
         className: o.Label,
-        onClick: (a) => {
-          d || (a.preventDefault(), h(!r, "mouse"));
+        onClick: (n) => {
+          i || (n.preventDefault(), h(!r, "mouse"));
         },
-        onFocus: u,
-        onBlur: g,
+        onFocus: B,
+        onBlur: u,
         children: [
           /* @__PURE__ */ e(
             L,
             {
               type: "checkbox",
-              id: t,
-              name: t,
+              id: c,
+              name: c,
               value: j.Boolean.ToBooleanString(r),
               checked: r,
-              disabled: s,
-              onChange: (a, E) => {
-                a.stopPropagation(), h(!r, E);
+              disabled: t,
+              onChange: (n, g) => {
+                n.stopPropagation(), h(!r, g);
               }
             }
           ),
           /* @__PURE__ */ e("div", { className: o.Choice, children: /* @__PURE__ */ e(
-            v,
+            S,
             {
               type: "checkbox",
-              size: y,
-              state: c,
+              size: x,
+              state: s,
               checked: r,
-              focused: d,
-              hovered: B,
-              disabled: s
+              focused: i,
+              hovered: k,
+              disabled: t
             }
           ) }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: p(o.Content, {
-                [o.Body]: n === "body",
-                [o.BodySmall]: n === "body-small"
+              className: _(o.Content, {
+                [o.Body]: a === "body",
+                [o.BodySmall]: a === "body-small"
               }),
-              children: k
+              children: y
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(S, { name: "text-message", condition: c === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
+    /* @__PURE__ */ e(N, { name: "text-message", condition: s === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
   ] });
 };
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.6.2",
+  "version": "1.6.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/button-text-BKSERdhL.css

@@ -1 +0,0 @@
-._ButtonText_14p1n_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xxs)}._TextPrimary_14p1n_11{color:var(--rm-ui-color-text-primary)}._TextSecondary_14p1n_15{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_14p1n_19{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_14p1n_23{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_14p1n_27{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_14p1n_31{color:var(--rm-ui-color-theme-secondary)}._Left_14p1n_35{flex-direction:row}._Right_14p1n_39{flex-direction:row-reverse}._Icon_14p1n_43{stroke-width:1.5}._SM_14p1n_47 ._Icon_14p1n_43{width:20px;height:20px}._MD_14p1n_52 ._Icon_14p1n_43{width:22px;height:22px}._LG_14p1n_57 ._Icon_14p1n_43{width:24px;height:24px}._SM_14p1n_47 ._Content_14p1n_62{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_14p1n_52 ._Content_14p1n_62{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_14p1n_57 ._Content_14p1n_62{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._Content_14p1n_62{text-decoration:none}._Light_14p1n_81{font-weight:var(--rm-ui-font-weight-light)}._Regular_14p1n_85{font-weight:var(--rm-ui-font-weight-regular)}._Medium_14p1n_89{font-weight:var(--rm-ui-font-weight-medium)}._Bold_14p1n_93{font-weight:var(--rm-ui-font-weight-bold)}._Underlined_14p1n_97{text-decoration:underline}

package/dist/assets/checkbox-BzL5bg8o.css

@@ -1 +0,0 @@
-._Checkbox_19a0f_1{display:flex;flex-direction:column}._Label_19a0f_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_19a0f_6:hover{cursor:pointer}._Choice_19a0f_19{position:relative;left:0;top:3px}._Content_19a0f_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_19a0f_25 button{color:var(--rm-ui-color-link);outline-offset:2px}._Content_19a0f_25 button:hover{cursor:pointer;text-decoration:underline}._Content_19a0f_25 button:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_19a0f_44{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_19a0f_49{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_19a0f_54{padding-top:var(--rm-ui-padding-xxs)}

package/dist/assets/user-panel-DbR0J2Ct.css

@@ -1 +0,0 @@
-._User_svj2j_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}._Head_svj2j_13{margin-bottom:var(--rm-ui-padding-xs);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Info_svj2j_26{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}