@arthurzakharov/ui-kit 1.6.3 → 1.6.4

package/dist/assets/checkbox-BVxmXTx8.css

@@ -0,0 +1 @@
+._Checkbox_1ueio_1{display:flex;flex-direction:column}._Label_1ueio_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_1ueio_6:hover{cursor:pointer}._Choice_1ueio_19{position:relative;left:0;top:3px}._Content_1ueio_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_1ueio_25 button,._Content_1ueio_25 span[role=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_1ueio_25 button:hover,._Content_1ueio_25 span[role=button]:hover{cursor:pointer;text-decoration:underline}._Content_1ueio_25 button:focus-visible,._Content_1ueio_25 span[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_1ueio_58{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_1ueio_63{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_1ueio_68{padding-top:var(--rm-ui-padding-xxs)}

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

@@ -1,17 +1,17 @@
 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 { useRef as M } from "react";
+import { useHover as N } from "usehooks-ts";
 import _ from "clsx";
-import { FadeSlide as N } from "../../../animations/fade-slide/fade-slide.component.js";
+import { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
 import "../../primitives/box/box.component.js";
 import { baseProps as C } from "../../../utils/functions/functions.util.js";
-import { Choice as S } from "../../primitives/choice/choice.component.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";
 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-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 = {
+import '../../../assets/checkbox-BVxmXTx8.css';const H = "_Checkbox_1ueio_1", I = "_Label_1ueio_6", P = "_Choice_1ueio_19", D = "_Content_1ueio_25", R = "_Body_1ueio_58", T = "_BodySmall_1ueio_63", q = "_ErrorMessage_1ueio_68", o = {
   Checkbox: H,
   Label: I,
   Choice: P,
@@ -21,67 +21,67 @@ import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I
   ErrorMessage: q
 }, Z = ({
   // Interactive props
-  id: c,
+  id: t,
   value: r = !1,
-  disabled: t = !1,
-  state: s = "idle",
+  disabled: s = !1,
+  state: n = "idle",
   onChange: f,
-  onFocus: v,
+  onFocus: u,
   onBlur: b,
   // Checkbox props
   iconSize: x = "md",
   textSize: a = "body-small",
-  message: l = "",
+  message: i = "",
   // PropsWithChildren
   children: y,
   // Base props
-  ...m
+  ...l
 }) => {
-  const d = E(null), k = M(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
-    id: c,
-    disabled: t,
+  const m = M(null), k = N(m), { focused: d, emitChange: h, handleFocus: B, handleBlur: g } = $({
+    id: t,
+    disabled: s,
     onChange: f,
-    onFocus: v,
+    onFocus: u,
     onBlur: b
   });
-  return /* @__PURE__ */ p("div", { "data-testid": C(m, "data-testid", "checkbox"), className: _(o.Checkbox, C(m, "className")), children: [
+  return /* @__PURE__ */ p("div", { "data-testid": C(l, "data-testid", "checkbox"), className: _(o.Checkbox, C(l, "className")), children: [
     /* @__PURE__ */ p(
       "label",
       {
         "data-testid": "checkbox-label",
-        ref: d,
-        htmlFor: c,
+        ref: m,
+        htmlFor: t,
         className: o.Label,
-        onClick: (n) => {
-          i || (n.preventDefault(), h(!r, "mouse"));
+        onClick: (c) => {
+          d || (c.preventDefault(), h(!r, "mouse"));
         },
         onFocus: B,
-        onBlur: u,
+        onBlur: g,
         children: [
           /* @__PURE__ */ e(
             L,
             {
               type: "checkbox",
-              id: c,
-              name: c,
+              id: t,
+              name: t,
               value: j.Boolean.ToBooleanString(r),
               checked: r,
-              disabled: t,
-              onChange: (n, g) => {
-                n.stopPropagation(), h(!r, g);
+              disabled: s,
+              onChange: (c, E) => {
+                c.stopPropagation(), h(!r, E);
               }
             }
           ),
           /* @__PURE__ */ e("div", { className: o.Choice, children: /* @__PURE__ */ e(
-            S,
+            v,
             {
               type: "checkbox",
               size: x,
-              state: s,
+              state: n,
               checked: r,
-              focused: i,
+              focused: d,
               hovered: k,
-              disabled: t
+              disabled: s
             }
           ) }),
           /* @__PURE__ */ e(
@@ -97,7 +97,7 @@ import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I
         ]
       }
     ),
-    /* @__PURE__ */ e(N, { name: "text-message", condition: s === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
+    /* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!i, children: /* @__PURE__ */ e(F, { text: i, className: o.ErrorMessage }) })
   ] });
 };
 export {

package/package.json

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

package/dist/assets/checkbox-CAGKGCVC.css

@@ -1 +0,0 @@
-._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)}