@arthurzakharov/ui-kit 1.7.3 → 1.7.4

package/dist/assets/input-DfrrUlEe.css

@@ -0,0 +1 @@
+._Input_16els_1{outline:none;box-sizing:border-box;border:none;display:inline-flex;font-family:Lato,sans-serif;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);background-color:transparent}._Input_16els_1:hover{cursor:pointer}._Input_16els_1:disabled{opacity:.33}._Input_16els_1:disabled,._Input_16els_1:-webkit-autofill,._Input_16els_1:-webkit-autofill:hover,._Input_16els_1:-webkit-autofill:focus,._Input_16els_1:-webkit-autofill:active,._Input_16els_1:autofill,._Input_16els_1:autofill:hover,._Input_16els_1:autofill:focus,._Input_16els_1:autofill:active{-webkit-text-fill-color:var(--rm-ui-color-text-primary);background:transparent;transition:background 7200s ease-in-out 0s}._Input_16els_1:-webkit-autofill{animation-name:_autofill-start_16els_1;animation-duration:.1s}._Input_16els_1:not(:-webkit-autofill){animation-name:_autofill-end_16els_1;animation-duration:.1s}._Placeholder_16els_46{color:var(--rm-ui-color-text-secondary);font-weight:var(--rm-ui-font-weight-light)}@keyframes _autofill-start_16els_1{}@keyframes _autofill-end_16els_1{}

package/dist/assets/text-area-CvucKIow.css

@@ -0,0 +1 @@
+._TextArea_1auuc_1{display:flex;flex-direction:column}._Input_1auuc_6{resize:none;outline:none;box-sizing:border-box;width:100%;border:none;border-radius:10px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);font-family:Lato,sans-serif;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)}._Input_1auuc_6:hover{cursor:pointer}._Input_1auuc_6:disabled{opacity:.33}._ErrorMessage_1auuc_29{padding-top:var(--rm-ui-padding-xxs)}

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

@@ -1,16 +1,16 @@
 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 { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as P, replaceCharByIndex as b, getNextChar as T, isSeparator as w, 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 = {
+import '../../../assets/input-DfrrUlEe.css';const et = "_Input_16els_1", nt = "_Placeholder_16els_46", y = {
   Input: et,
   Placeholder: nt
 }, it = ({
   // Interactive props
   id: u,
-  value: y = "",
+  value: v = "",
   disabled: g = !1,
   onChange: $,
   onFocus: L,
@@ -29,7 +29,7 @@ import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_
     onChange: $,
     onFocus: L,
     onBlur: j
-  }), o = d(null), D = d(!1), a = d(null), N = d(!0), [r, I] = O(y || n), i = (t) => {
+  }), o = d(null), D = d(!1), a = d(null), N = d(!0), [r, I] = O(v || n), i = (t) => {
     const c = Math.max(0, t);
     if (a.current = c, !o.current) return;
     const e = Math.min(c, o.current.value.length);
@@ -41,17 +41,17 @@ 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);
+    const e = o.current?.selectionEnd || 0, m = P(t, n) === t.length, l = b(r, e - 1, c), p = P(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 f = t.slice(0, e - 1), x = t.slice(e - 1, e), B = t.slice(e), J = b(f + B, e - 1, x), _ = T(f + B, e) || "";
+      I(J), i(w(_, n) && _ ? e + 1 : e);
     } else
-      I(l), i(f);
+      I(l), i(p);
   }, [r, n]), H = R(
     (t) => {
       if ([
@@ -73,8 +73,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), m = T(r, e - 1), l = w(A, n), p = w(m, n), f = e - (l || p ? 2 : 1), x = k(r, n, e - (p ? 2 : 1));
+          I(x), i(f);
         }
       }
     },
@@ -103,7 +103,7 @@ import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_
       id: u,
       name: u,
       value: r,
-      className: K(w.Input, h(s, "className"), { [w.Placeholder]: r === n }),
+      className: K(y.Input, h(s, "className"), { [y.Placeholder]: r === n }),
       onAnimationStart: (t) => V(t.animationName),
       onKeyDown: H,
       onChange: G,
@@ -129,8 +129,8 @@ import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_
       type: "text",
       id: u,
       name: u,
-      value: y,
-      className: K(w.Input, h(s, "className")),
+      value: v,
+      className: K(y.Input, h(s, "className")),
       onChange: (t) => C(t.target.value, "keyboard"),
       onAnimationStart: (t) => V(t.animationName),
       onFocus: S,

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

@@ -7,10 +7,10 @@ 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";
-import { useControlInteraction as k } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
-import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F = "_ErrorMessage_11gck_28", a = {
-  Input: B,
-  ErrorMessage: F
+import { useControlInteraction as B } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
+import '../../../assets/text-area-CvucKIow.css';const F = "_Input_1auuc_6", j = "_ErrorMessage_1auuc_29", a = {
+  Input: F,
+  ErrorMessage: j
 }, z = ({
   // Interactive props
   id: o,
@@ -27,7 +27,7 @@ import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F =
   // Base props
   ...e
 }) => {
-  const { focused: g, emitChange: x, handleFocus: f, handleBlur: h } = k({
+  const { focused: x, emitChange: g, handleFocus: f, handleBlur: h } = B({
     id: o,
     disabled: s,
     onChange: c,
@@ -40,7 +40,7 @@ import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F =
       "data-testid": t(e, "data-testid", "textarea"),
       className: N(a.Container, t(e, "className")),
       children: [
-        /* @__PURE__ */ r(I, { state: n, focused: g, className: t(e, "className"), children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(I, { state: n, focused: x, className: t(e, "className"), children: /* @__PURE__ */ r(
           "textarea",
           {
             "data-testid": "textarea-input",
@@ -50,7 +50,7 @@ import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F =
             placeholder: p,
             value: i,
             className: a.Input,
-            onChange: (E) => x(E.target.value, "keyboard"),
+            onChange: (E) => g(E.target.value, "keyboard"),
             onFocus: () => f(),
             onBlur: () => h()
           }

package/package.json

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

package/dist/assets/input-D66hMzHc.css

@@ -1 +0,0 @@
-._Input_gfvsr_1{outline:none;box-sizing:border-box;border:none;display:inline-flex;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);background-color:transparent}._Input_gfvsr_1:hover{cursor:pointer}._Input_gfvsr_1:disabled{opacity:.33}._Input_gfvsr_1:disabled,._Input_gfvsr_1:-webkit-autofill,._Input_gfvsr_1:-webkit-autofill:hover,._Input_gfvsr_1:-webkit-autofill:focus,._Input_gfvsr_1:-webkit-autofill:active,._Input_gfvsr_1:autofill,._Input_gfvsr_1:autofill:hover,._Input_gfvsr_1:autofill:focus,._Input_gfvsr_1:autofill:active{-webkit-text-fill-color:var(--rm-ui-color-text-primary);background:transparent;transition:background 7200s ease-in-out 0s}._Input_gfvsr_1:-webkit-autofill{animation-name:_autofill-start_gfvsr_1;animation-duration:.1s}._Input_gfvsr_1:not(:-webkit-autofill){animation-name:_autofill-end_gfvsr_1;animation-duration:.1s}._Placeholder_gfvsr_45{color:var(--rm-ui-color-text-secondary);font-weight:var(--rm-ui-font-weight-light)}@keyframes _autofill-start_gfvsr_1{}@keyframes _autofill-end_gfvsr_1{}

package/dist/assets/text-area-Dgc2jHSx.css

@@ -1 +0,0 @@
-._TextArea_11gck_1{display:flex;flex-direction:column}._Input_11gck_6{resize:none;outline:none;box-sizing:border-box;width:100%;border:none;border-radius:10px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);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)}._Input_11gck_6:hover{cursor:pointer}._Input_11gck_6:disabled{opacity:.33}._ErrorMessage_11gck_28{padding-top:var(--rm-ui-padding-xxs)}