@arthurzakharov/ui-kit 1.0.6 → 1.0.8

package/dist/components/control/components/hidden-input/hidden-input.component.js

@@ -1,26 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import '../../../../assets/hidden-input-DHJQHUKd.css';const c = "_HiddenInput_bej3d_1", l = {
-  HiddenInput: c
-}, f = (a) => {
-  const { type: i, id: u, name: p, value: r, disabled: n = !1, checked: s, onChange: t } = a;
-  return /* @__PURE__ */ o(
+import { jsx as s } from "react/jsx-runtime";
+import '../../../../assets/hidden-input-DHJQHUKd.css';const o = "_HiddenInput_bej3d_1", c = {
+  HiddenInput: o
+}, v = (d) => {
+  const { type: a, id: i, name: u, value: p, disabled: n = !1, checked: r, onChange: t } = d;
+  return /* @__PURE__ */ s(
     "input",
     {
       "data-testid": "hidden-input",
-      type: i,
-      id: u,
-      name: p,
-      value: r,
-      checked: s,
+      type: a,
+      id: i,
+      name: u,
+      value: p,
+      checked: r,
       disabled: n,
-      className: l.HiddenInput,
+      className: c.HiddenInput,
       onChange: (e) => {
-        var d;
-        n || (e.preventDefault(), (d = e.nativeEvent) != null && d.pageX || e.nativeEvent.pageY ? (e.currentTarget.blur(), t(e, "mouse")) : t(e, "keyboard"));
+        n || (e.preventDefault(), e.nativeEvent?.pageX || e.nativeEvent.pageY ? (e.currentTarget.blur(), t(e, "mouse")) : t(e, "keyboard"));
       }
     }
   );
 };
 export {
-  f as HiddenInput
+  v as HiddenInput
 };

package/dist/components/control/components/input/input.component.d.ts

@@ -1,2 +1,8 @@
-import { InputProps } from './input.types';
+import { HTMLInputTypeAttribute } from 'react';
+import { Interactive } from '../../types';
+export interface InputProps extends Interactive<string> {
+    type?: HTMLInputTypeAttribute;
+    onAutofill?: (id: string) => void;
+    onAutofillCancel?: (id: string) => void;
+}
 export declare const Input: ({ id, value, disabled, type, onAutofill, onAutofillCancel, onChange, onFocus, onBlur, }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/input/input.component.js

@@ -1,36 +1,36 @@
-import { jsx as I } from "react/jsx-runtime";
-import '../../../../assets/input-DTN-3ZET.css';const i = "_Input_1vr20_1", p = {
-  Input: i,
-  "autofill-start": "_autofill-start_1vr20_1",
-  "autofill-cancel": "_autofill-cancel_1vr20_1"
-}, v = ({
-  id: a,
-  value: r,
-  disabled: _ = !1,
-  type: c = "text",
-  onAutofill: l,
-  onAutofillCancel: e,
-  onChange: s,
-  onFocus: n,
-  onBlur: m
-}) => /* @__PURE__ */ I(
+import { jsx as r } from "react/jsx-runtime";
+import '../../../../assets/input-3QR47UJ8.css';const m = "_Input_1ldi1_1", a = {
+  Input: m,
+  "autofill-start": "_autofill-start_1ldi1_1",
+  "autofill-cancel": "_autofill-cancel_1ldi1_1"
+}, _ = ({
+  id: l,
+  value: n,
+  disabled: o = !1,
+  type: u = "text",
+  onAutofill: c,
+  onAutofillCancel: i,
+  onChange: e,
+  onFocus: s,
+  onBlur: f
+}) => /* @__PURE__ */ r(
   "input",
   {
     "data-testid": "input",
-    disabled: _,
-    type: c,
-    id: a,
-    name: a,
-    value: r,
-    className: p.Input,
-    onChange: (t) => s(t.target.value, a, "keyboard"),
+    disabled: o,
+    type: u,
+    id: l,
+    name: l,
+    value: n,
+    className: a.Input,
+    onChange: (t) => e(t.target.value, l, "keyboard"),
     onAnimationStart: (t) => {
-      t.animationName === p["autofill-start"] && (l == null || l.call(null, a)), t.animationName === p["autofill-cancel"] && (e == null || e.call(null, a));
+      t.animationName === a["autofill-start"] && c?.call(null, l), t.animationName === a["autofill-cancel"] && i?.call(null, l);
     },
-    onFocus: () => n == null ? void 0 : n.call(null, a),
-    onBlur: () => m == null ? void 0 : m.call(null, a)
+    onFocus: () => s?.call(null, l),
+    onBlur: () => f?.call(null, l)
   }
 );
 export {
-  v as Input
+  _ as Input
 };

package/dist/components/control/components/label/label.component.d.ts

@@ -1,2 +1,7 @@
-import { LabelProps } from './label.types';
+import { PropsWithChildren } from 'react';
+import { State } from '../../types';
+export interface LabelProps extends PropsWithChildren {
+    state?: State;
+    position?: 'idle' | 'active';
+}
 export declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/label/label.component.js

@@ -1,18 +1,18 @@
-import { jsx as i } from "react/jsx-runtime";
-import s from "clsx";
-import '../../../../assets/label-DF2VBeUr.css';const c = "_Label_3yaik_1", b = "_LabelPositionIdle_3yaik_6", L = "_LabelPositionActive_3yaik_11", r = "_LabelStateIdle_3yaik_16", n = "_LabelStateError_3yaik_20", _ = "_LabelStateSuccess_3yaik_24", e = {
-  Label: c,
-  LabelPositionIdle: b,
-  LabelPositionActive: L,
-  LabelStateIdle: r,
+import { jsx as s } from "react/jsx-runtime";
+import i from "clsx";
+import '../../../../assets/label-CCZNUUQp.css';const r = "_Label_1vr4d_1", c = "_LabelPositionIdle_1vr4d_6", b = "_LabelPositionActive_1vr4d_11", L = "_LabelStateIdle_1vr4d_16", n = "_LabelStateError_1vr4d_20", d = "_LabelStateSuccess_1vr4d_24", e = {
+  Label: r,
+  LabelPositionIdle: c,
+  LabelPositionActive: b,
+  LabelStateIdle: L,
   LabelStateError: n,
-  LabelStateSuccess: _
-}, I = (l) => {
+  LabelStateSuccess: d
+}, v = (l) => {
   const { children: o, position: a = "idle", state: t = "idle" } = l;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "span",
     {
-      className: s(e.Label, {
+      className: i(e.Label, {
         [e.LabelPositionIdle]: a === "idle",
         [e.LabelPositionActive]: a === "active",
         [e.LabelStateIdle]: t === "idle",
@@ -24,5 +24,5 @@ import '../../../../assets/label-DF2VBeUr.css';const c = "_Label_3yaik_1", b = "
   );
 };
 export {
-  I as Label
+  v as Label
 };

package/dist/components/control/components/radio/radio.component.d.ts

@@ -1,2 +1,7 @@
-import { RadioProps } from './radio.types';
+import { Interactive, RadioChoice, State } from '../../types';
+export interface RadioProps extends Interactive<string> {
+    orientation: 'horizontal' | 'vertical';
+    choices: RadioChoice[];
+    state?: State;
+}
 export declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio/radio.component.js

@@ -1,7 +1,56 @@
-import "react/jsx-runtime";
-import "clsx";
-import { R as t } from "../../../../index-DtupH5zG.js";
-import "../../utils/utils.js";
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import O from "clsx";
+import { Choice as h } from "../choice/choice.component.js";
+import { HiddenInput as z } from "../hidden-input/hidden-input.component.js";
+import { RadioLabel as L } from "../radio-label/radio-label.component.js";
+import { RadioText as x } from "../radio-text/radio-text.component.js";
+import { getChoiceId as H } from "../../utils/utils.js";
+import '../../../../assets/radio-BkD7BKk0.css';const g = "_Radio_1wc8m_1", w = "_RadioOrientationHorizontal_1wc8m_5", C = "_RadioOrientationVertical_1wc8m_10", V = "_RadioLabel_1wc8m_15", a = {
+  Radio: g,
+  RadioOrientationHorizontal: w,
+  RadioOrientationVertical: C,
+  RadioLabel: V
+}, A = (l) => {
+  const { orientation: r, choices: s, state: m = "idle", id: t, value: c, disabled: d = !1, onChange: R } = l;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: O(a.Radio, {
+        [a.RadioOrientationHorizontal]: r === "horizontal",
+        [a.RadioOrientationVertical]: r === "vertical"
+      }),
+      children: s.map((i, p, _) => {
+        const e = H(t, i.value, p);
+        return /* @__PURE__ */ o(L, { id: e, value: c, state: m, choice: i, choices: _, children: ({ focused: b, hovered: f, checked: n, state: u }) => /* @__PURE__ */ v("div", { className: a.RadioLabel, children: [
+          /* @__PURE__ */ o(
+            h,
+            {
+              type: "radio",
+              state: u,
+              checked: n,
+              focused: b,
+              hovered: f,
+              disabled: d
+            }
+          ),
+          /* @__PURE__ */ o(
+            z,
+            {
+              type: "radio",
+              id: e,
+              value: i.value,
+              name: t,
+              checked: n,
+              disabled: d,
+              onChange: () => R(i.value, t)
+            }
+          ),
+          /* @__PURE__ */ o(x, { size: "lg", checked: n, children: i.label })
+        ] }) }, e);
+      })
+    }
+  );
+};
 export {
-  t as Radio
+  A as Radio
 };

package/dist/components/control/components/radio-label/radio-label.component.d.ts

@@ -1,3 +1,17 @@
-import { ChoiceValue } from '../../types';
-import { RadioLabelProps } from './radio-label.types';
+import { ChoiceValue, RadioChoice, State } from '../../types';
+import { ReactNode } from 'react';
+export interface RadioLabelChild {
+    focused: boolean;
+    hovered: boolean;
+    checked: boolean;
+    state?: State;
+}
+export interface RadioLabelProps<T extends ChoiceValue> {
+    id: string;
+    value: T;
+    choice: RadioChoice;
+    choices?: RadioChoice[];
+    state?: State;
+    children: (props: RadioLabelChild) => ReactNode;
+}
 export declare const RadioLabel: <T extends ChoiceValue>(props: RadioLabelProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio-text/radio-text.component.d.ts

@@ -1,2 +1,7 @@
-import { RadioTextProps } from './radio-text.types';
+export interface RadioTextProps {
+    children: string;
+    size: 'md' | 'lg';
+    checked: boolean;
+    oneLine?: boolean;
+}
 export declare const RadioText: (props: RadioTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio-text/radio-text.component.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import x from "clsx";
-import '../../../../assets/radio-text-DAsITkgm.css';const T = "_RadioText_8gt23_1", R = "_RadioTextSizeMd_8gt23_8", c = "_RadioTextSizeLg_8gt23_13", s = "_RadioTextOneLine_8gt23_18", _ = "_RadioTextContent_8gt23_19", e = {
+import '../../../../assets/radio-text-DIB67n3r.css';const T = "_RadioText_9i5dh_1", R = "_RadioTextSizeMd_9i5dh_8", c = "_RadioTextSizeLg_9i5dh_13", s = "_RadioTextOneLine_9i5dh_18", _ = "_RadioTextContent_9i5dh_19", e = {
   RadioText: T,
   RadioTextSizeMd: R,
   RadioTextSizeLg: c,

package/dist/components/control/components/text/text.component.d.ts

@@ -1,2 +1,7 @@
-import { TextProps } from './text.types';
+import { State } from '../../types';
+import { InputProps } from '../input/input.component';
+export interface TextProps extends InputProps {
+    label: string;
+    state?: State;
+}
 export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,49 @@
-import "react/jsx-runtime";
-import "clsx";
-import "usehooks-ts";
-import { a as i } from "../../../../index-DtupH5zG.js";
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import h from "clsx";
+import { useBoolean as F, useToggle as g } from "usehooks-ts";
+import { Input as B } from "../input/input.component.js";
+import { Label as j } from "../label/label.component.js";
+import { Box as k } from "../box/box.component.js";
+import '../../../../assets/text-Dt0DeN-I.css';const C = "_Text_1ble1_1", N = "_TextLabel_1ble1_17", y = "_TextLabelIdle_1ble1_23", $ = "_TextLabelActive_1ble1_28", l = {
+  Text: C,
+  TextLabel: N,
+  TextLabelIdle: y,
+  TextLabelActive: $
+}, H = (x) => {
+  const { label: u, state: s = "idle", type: b = "text", id: a, value: e, disabled: d = !1, onChange: T, onFocus: m, onBlur: f } = x, { value: o, setTrue: c, setFalse: i } = F(!0), [L, r] = g(), p = () => {
+    i();
+  }, _ = () => {
+    e || c();
+  }, v = (n) => {
+    e || i(), r(), m?.call(null, n);
+  }, I = (n) => {
+    e || c(), r(), f?.call(null, n);
+  };
+  return /* @__PURE__ */ t(k, { state: s, focused: L, children: /* @__PURE__ */ A("label", { htmlFor: a, className: l.Text, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        "data-testid": "text-label",
+        className: h(l.TextLabel, !o || e ? l.TextLabelActive : l.TextLabelIdle),
+        children: /* @__PURE__ */ t(j, { position: o ? "idle" : "active", state: o ? "idle" : s, children: u })
+      }
+    ),
+    /* @__PURE__ */ t(
+      B,
+      {
+        disabled: d,
+        type: b,
+        id: a,
+        value: e,
+        onChange: T,
+        onAutofill: p,
+        onAutofillCancel: _,
+        onFocus: v,
+        onBlur: I
+      }
+    )
+  ] }) });
+};
 export {
-  i as Text
+  H as Text
 };

package/dist/components/control/components/textarea/textarea.component.d.ts

@@ -1,2 +1,9 @@
-import { TextareaProps } from './textarea.types';
+import { Interactive, State } from '../../types';
+export interface TextareaProps extends Interactive<string> {
+    state?: State;
+    placeholder?: string;
+    rows?: number;
+    onAutofill?: (id: string) => void;
+    onAutofillCancel?: (id: string) => void;
+}
 export declare const Textarea: (props: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/textarea/textarea.component.js

@@ -1,6 +1,36 @@
-import "react/jsx-runtime";
-import "usehooks-ts";
-import { T as e } from "../../../../index-DtupH5zG.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useBoolean as h, useToggle as v } from "usehooks-ts";
+import { Box as k } from "../box/box.component.js";
+import '../../../../assets/textarea-86fWKmQJ.css';const N = "_Textarea_e95r3_1", o = {
+  Textarea: N,
+  "autofill-start": "_autofill-start_e95r3_1",
+  "autofill-cancel": "_autofill-cancel_e95r3_1"
+}, I = (i) => {
+  const { state: c = "idle", placeholder: u = "", rows: f = 5, id: e, value: t, disabled: d = !1, onChange: m, onFocus: x, onBlur: T } = i, { value: _, setTrue: l, setFalse: n } = h(!0), [g, r] = v(!1), p = (a) => {
+    a.animationName === o["autofill-start"] && n(), a.animationName === o["autofill-cancel"] && !t && l();
+  }, B = (a) => {
+    t || n(), r(), x?.call(null, a);
+  }, F = (a) => {
+    t || l(), r(), T?.call(null, a);
+  };
+  return /* @__PURE__ */ s(k, { state: c, focused: g, children: /* @__PURE__ */ s(
+    "textarea",
+    {
+      "data-testid": "textarea",
+      "data-is-idle": _,
+      disabled: d,
+      id: e,
+      rows: f,
+      placeholder: u,
+      value: t,
+      className: o.Textarea,
+      onChange: (a) => m(a.target.value, e, "keyboard"),
+      onAnimationStart: p,
+      onFocus: () => B(e),
+      onBlur: () => F(e)
+    }
+  ) });
+};
 export {
-  e as Textarea
+  I as Textarea
 };

package/dist/components/control/control.component.d.ts

@@ -0,0 +1,17 @@
+export declare const Control: {
+    Box: import('react').ForwardRefExoticComponent<import('./components/box/box.component').BoxProps & import('react').RefAttributes<HTMLDivElement>>;
+    Button: (props: import('./components/button/button.component').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    CardImage: (props: import('./components/card-image/card-image.component').CardImageProps) => import("react/jsx-runtime").JSX.Element;
+    CardText: (props: import('./components/card-text/card-text.component').CardTextProps) => import("react/jsx-runtime").JSX.Element;
+    Checkbox: (props: import('./components/checkbox/checkbox.component').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    Choice: (props: import('./components/choice/choice.component').ChoiceProps) => import("react/jsx-runtime").JSX.Element;
+    Dropdown: (props: import('./components/dropdown/dropdown.component').DropdownProps) => import("react/jsx-runtime").JSX.Element;
+    HiddenInput: (props: import('./components/hidden-input/hidden-input.component').HiddenInputProps) => import("react/jsx-runtime").JSX.Element;
+    Input: ({ id, value, disabled, type, onAutofill, onAutofillCancel, onChange, onFocus, onBlur, }: import('./components/input/input.component').InputProps) => import("react/jsx-runtime").JSX.Element;
+    Label: (props: import('./components/label/label.component').LabelProps) => import("react/jsx-runtime").JSX.Element;
+    Radio: (props: import('./components/radio/radio.component').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    RadioLabel: <T extends import('./types').ChoiceValue>(props: import('./components/radio-label/radio-label.component').RadioLabelProps<T>) => import("react/jsx-runtime").JSX.Element;
+    RadioText: (props: import('./components/radio-text/radio-text.component').RadioTextProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import('./components/text/text.component').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Textarea: (props: import('./components/textarea/textarea.component').TextareaProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/control/control.component.js

@@ -0,0 +1,35 @@
+import { Box as o } from "./components/box/box.component.js";
+import { Button as r } from "./components/button/button.component.js";
+import { CardImage as m } from "./components/card-image/card-image.component.js";
+import { CardText as t } from "./components/card-text/card-text.component.js";
+import { Checkbox as i } from "./components/checkbox/checkbox.component.js";
+import { Choice as p } from "./components/choice/choice.component.js";
+import { Dropdown as f } from "./components/dropdown/dropdown.component.js";
+import { HiddenInput as e } from "./components/hidden-input/hidden-input.component.js";
+import { Input as a } from "./components/input/input.component.js";
+import { Label as d } from "./components/label/label.component.js";
+import { Radio as n } from "./components/radio/radio.component.js";
+import { RadioLabel as x } from "./components/radio-label/radio-label.component.js";
+import { RadioText as C } from "./components/radio-text/radio-text.component.js";
+import { Text as T } from "./components/text/text.component.js";
+import { Textarea as b } from "./components/textarea/textarea.component.js";
+const q = {
+  Box: o,
+  Button: r,
+  CardImage: m,
+  CardText: t,
+  Checkbox: i,
+  Choice: p,
+  Dropdown: f,
+  HiddenInput: e,
+  Input: a,
+  Label: d,
+  Radio: n,
+  RadioLabel: x,
+  RadioText: C,
+  Text: T,
+  Textarea: b
+};
+export {
+  q as Control
+};

package/dist/components/header/header.component.d.ts

@@ -0,0 +1,12 @@
+interface DescriptionType {
+    size: 's' | 'm';
+    value: string;
+}
+export interface HeaderProps {
+    logo: string;
+    logoCondition?: () => string;
+    tel?: string;
+    descriptions?: DescriptionType[];
+}
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/header/header.component.js

@@ -0,0 +1,45 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { Phone as g, CircleCheck as m } from "lucide-react";
+import h from "clsx";
+import '../../assets/header-CvDToxgv.css';const p = "_Header_2g7zf_1", f = "_HeaderInfo_2g7zf_8", u = "_HeaderLogo_2g7zf_15", I = "_HeaderLogoPlaceholder_2g7zf_20", z = "_HeaderPhoneButton_2g7zf_26", P = "_HeaderPhoneButtonIcon_2g7zf_38", D = "_HeaderPhoneButtonNumber_2g7zf_45", N = "_HeaderDescriptions_2g7zf_46", B = "_HeaderDescriptionsIcon_2g7zf_72", L = "_HeaderDescriptionsIconSm_2g7zf_77", b = "_HeaderDescriptionsIconMd_2g7zf_82", e = {
+  Header: p,
+  HeaderInfo: f,
+  HeaderLogo: u,
+  HeaderLogoPlaceholder: I,
+  HeaderPhoneButton: z,
+  HeaderPhoneButtonIcon: P,
+  HeaderPhoneButtonNumber: D,
+  HeaderDescriptions: N,
+  HeaderDescriptionsIcon: B,
+  HeaderDescriptionsIconSm: L,
+  HeaderDescriptionsIconMd: b
+}, M = (c) => {
+  const { logo: t, logoCondition: d = () => "", tel: r = "", descriptions: i = [] } = c, a = d() || t, H = (o) => "tel:+49" + o.replace(/^0|[^0-9.]/g, ""), l = () => {
+    r && window.open(H(r), "_self");
+  };
+  return /* @__PURE__ */ s("header", { className: e.Header, children: [
+    a ? /* @__PURE__ */ n("img", { className: e.HeaderLogo, alt: "logo-icon", src: a }) : /* @__PURE__ */ n("i", { className: e.HeaderLogoPlaceholder }),
+    /* @__PURE__ */ s("div", { className: e.HeaderInfo, children: [
+      r ? /* @__PURE__ */ s("button", { className: e.HeaderPhoneButton, onClick: l, children: [
+        /* @__PURE__ */ n(g, { className: e.HeaderPhoneButtonIcon }),
+        /* @__PURE__ */ n("span", { className: e.HeaderPhoneButtonNumber, children: r })
+      ] }) : null,
+      i.map((o, _) => /* @__PURE__ */ s("div", { className: e.HeaderDescriptions, "data-size": o.size, children: [
+        /* @__PURE__ */ n(
+          m,
+          {
+            className: h(e.HeaderDescriptionsIcon, {
+              [e.HeaderDescriptionsIconSm]: o.size === "s",
+              [e.HeaderDescriptionsIconMd]: o.size === "m"
+            }),
+            "data-size": o.size
+          }
+        ),
+        /* @__PURE__ */ n("span", { children: o.value })
+      ] }, _))
+    ] })
+  ] });
+};
+export {
+  M as Header
+};

package/dist/main.d.ts

@@ -1,2 +1,2 @@
-export { Certifications } from './components/certifications';
-export { Control } from './components/control';
+export { Certifications } from './components/certifications/certifications.component';
+export { Control } from './components/control/control.component';

package/dist/main.js

@@ -1,6 +1,6 @@
 import { Certifications as t } from "./components/certifications/certifications.component.js";
-import { d as f } from "./index-DtupH5zG.js";
-import './assets/main-C0tWHTEq.css';export {
+import { Control as f } from "./components/control/control.component.js";
+import './assets/main-BgL82qFL.css';export {
   t as Certifications,
   f as Control
 };

package/dist/utils/converter/converter.d.ts

@@ -1,4 +1,4 @@
-import { DatePrecision } from '../../types';
+type DatePrecision = 'month' | 'day';
 export declare abstract class Converter {
     private static formatNumberWithLeadingZero;
     private static maskExplanation;
@@ -35,3 +35,4 @@ export declare abstract class Converter {
         FromArrayToMultiple: (value: string[]) => string;
     };
 }
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -19,6 +19,8 @@
   },
   "scripts": {
     "build": "tsc && vite build --logLevel info",
+    "lint:check": "eslint . --ext ts,tsx",
+    "lint:fix": "eslint . --fix",
     "prettier:check": "prettier --check --log-level=log .",
     "prettier:fix": "prettier --write --log-level=log .",
     "storybook": "storybook dev -p 6006",
@@ -40,8 +42,14 @@
     "@testing-library/react": "^15.0.7",
     "@types/node": "^24.1.0",
     "@types/react": "^18.3.27",
+    "@typescript-eslint/eslint-plugin": "^8.52.0",
+    "@typescript-eslint/parser": "^8.52.0",
     "@vitejs/plugin-react": "^5.1.2",
     "clsx": "^2.1.1",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-storybook": "^10.1.11",
     "glob": "^13.0.0",
     "globals": "^17.0.0",
     "jsdom": "^27.4.0",
@@ -50,10 +58,10 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "storybook": "^10.1.11",
-    "typescript": "^5.2.2",
-    "typescript-eslint": "^8.51.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.52.0",
     "usehooks-ts": "^3.1.1",
-    "vite": "^6.4.1",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^4.0.16"

package/dist/assets/button-XGvsKGqH.css

@@ -1 +0,0 @@
-._Button_hr1uu_1{box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._ButtonSizeSm_hr1uu_10{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._ButtonSizeSm_hr1uu_10 ._ButtonText_hr1uu_15{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonSizeMd_hr1uu_21,._ButtonSizeLg_hr1uu_22{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md)}._ButtonSizeMd_hr1uu_21 ._ButtonText_hr1uu_15{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonSizeLg_hr1uu_22 ._ButtonText_hr1uu_15{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._ButtonColorNext_hr1uu_37{background-color:var(--rm-ui-next-btn-bg)}._ButtonColorNext_hr1uu_37 ._ButtonText_hr1uu_15{color:#fff}._ButtonColorPrevious_hr1uu_45{background-color:transparent}._ButtonColorPrevious_hr1uu_45 ._ButtonText_hr1uu_15{color:var(--rm-ui-color-secondary)}._Button_hr1uu_1:hover{cursor:pointer}._Button_hr1uu_1:focus{outline-color:var(--rm-ui-color-focus)}._ButtonFullWidth_hr1uu_61{width:100%}._ButtonText_hr1uu_15{font-family:var(--rm-ui-font-family-medium),sans-serif}._ButtonInfo_hr1uu_69{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px);color:#fff}

package/dist/assets/index-CqamBlbE.css

@@ -1 +0,0 @@
-._CardImage_dw1xq_1{--font-size: 12px;--line-height: 14px;--img-size: 110px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--rm-ui-padding-xs)}._CardImageContent_dw1xq_13{width:135px;height:130px;padding:6px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}._CardImageContent_dw1xq_13:hover{cursor:pointer}._CardImageTop_dw1xq_27{position:relative;flex-grow:1}._CardImageWrap_dw1xq_32{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--img-size);height:var(--img-size);background-repeat:no-repeat;background-size:700%}._CardImageBottom_dw1xq_43{flex-basis:calc(var(--line-height) * 2);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--rm-ui-padding-xs)}._CardText_1eht8_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._CardTextLabel_1eht8_9{position:relative;padding:var(--rm-ui-padding-md) var(--rm-ui-padding-sm);flex-basis:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._CardTextLabel_1eht8_9:hover{cursor:pointer}._CardTextChoice_1eht8_24{display:flex;flex-direction:row;align-items:center;justify-content:center}._Checkbox_1l6ko_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_1l6ko_1:hover{cursor:pointer}._CheckboxChoice_1l6ko_14{position:relative;left:0;top:3px}._CheckboxContent_1l6ko_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-primary)}._CheckboxContent_1l6ko_20 button{background-color:transparent;border:none;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:var(--rm-ui-color-action)}._CheckboxContent_1l6ko_20 button:hover{cursor:pointer;text-decoration:underline}._Dropdown_152mp_1{--transition-time: .2s;--under-chevron: linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, .5411764706) 25%, #fff 50%);--border-radius: 3px;position:relative;font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._DropdownBorder_152mp_17{position:relative;min-height:60px;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);overflow:hidden}._DropdownContent_152mp_28{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}._DropdownBorder_152mp_17:hover{cursor:pointer}._DropdownChevron_152mp_39{width:24px;height:24px;transition:transform var(--transition-time) ease-out}._DropdownChevron_152mp_39[data-open=false]{transform:rotate(0)}._DropdownChevron_152mp_39[data-open=true]{transform:rotate(180deg)}._DropdownChevronWrap_152mp_53{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);background:var(--under-chevron);border-radius:10px;width:80px;height:100%;padding-right:var(--rm-ui-padding-sm);display:flex;justify-content:flex-end;align-items:center}._DropdownBox_152mp_69{flex-grow:1;border-radius:10px;background-color:var(--rm-ui-grey-50)}._DropdownBoxVisible_152mp_75{display:block}._DropdownBoxHidden_152mp_79{display:none}._DropdownSearch_152mp_83{position:relative;border-bottom:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm)}._DropdownSearchVisible_152mp_89{display:block}._DropdownSearchHidden_152mp_93{display:none}._DropdownClose_152mp_97{border-top:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}._DropdownInput_152mp_106{width:100%;border-radius:10px;padding:var(--rm-ui-padding-xs) calc(var(--rm-ui-padding-sm) * 2 + 12px) var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);border:1px var(--rm-ui-grey-300) solid;box-sizing:border-box;font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-primary);outline-color:var(--rm-ui-color-accent-primary)}._DropdownGlass_152mp_120{position:absolute;z-index:1;right:calc(var(--rm-ui-padding-sm) * 2);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--rm-ui-grey-300)}._DropdownChoices_152mp_131{list-style:none;margin:0;padding:0;max-height:228px;overflow-y:scroll;border-radius:10px}._DropdownChoice_152mp_131{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm);padding:6px var(--rm-ui-padding-sm)}._DropdownChoice_152mp_131:hover{cursor:pointer;background-color:#fff}._DropdownChoiceNoResult_152mp_154{color:var(--rm-ui-grey-600);text-align:center}html[dir=rtl] ._DropdownGlass_152mp_120{left:31px;right:initial}html[dir=rtl] ._DropdownChevronWrap_152mp_53{left:19px;right:initial}._Radio_1wc8m_1{display:inline-flex}._RadioOrientationHorizontal_1wc8m_5{flex-direction:row;gap:var(--rm-ui-padding-lg)}._RadioOrientationVertical_1wc8m_10{flex-direction:column;gap:var(--rm-ui-padding-xxs)}._RadioLabel_1wc8m_15{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._RadioLabel_1wc8m_15:hover{cursor:pointer}._Text_1ble1_1{box-sizing:border-box;position:relative;flex-grow:1;height:58px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);display:flex;flex-direction:row;justify-content:stretch;align-items:flex-end}._Text_1ble1_1:hover{cursor:pointer}._TextLabel_1ble1_17{position:absolute;left:var(--rm-ui-padding-sm);transition:top .15s ease-out}._TextLabelIdle_1ble1_23{top:50%;transform:translateY(-50%)}._TextLabelActive_1ble1_28{top:var(--rm-ui-padding-xs);transform:translateY(0)}._Textarea_1ltsl_1{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:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-primary)}._Textarea_1ltsl_1:hover{cursor:pointer}._Textarea_1ltsl_1:disabled{opacity:.33}._Textarea_1ltsl_1:disabled,._Textarea_1ltsl_1:-webkit-autofill,._Textarea_1ltsl_1:-webkit-autofill:hover,._Textarea_1ltsl_1:-webkit-autofill:focus,._Textarea_1ltsl_1:-webkit-autofill:active,._Textarea_1ltsl_1:autofill,._Textarea_1ltsl_1:autofill:hover,._Textarea_1ltsl_1:autofill:focus,._Textarea_1ltsl_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Textarea_1ltsl_1:-webkit-autofill{animation-name:_autofill-start_1ltsl_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-grey-500)}._Textarea_1ltsl_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1ltsl_1;animation-duration:.1s}@keyframes _autofill-start_1ltsl_1{}@keyframes _autofill-cancel_1ltsl_1{}

package/dist/assets/input-DTN-3ZET.css

@@ -1 +0,0 @@
-._Input_1vr20_1{outline:none;box-sizing:border-box;width:100%;border:none;padding:0;font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-primary)}._Input_1vr20_1:hover{cursor:pointer}._Input_1vr20_1:disabled{opacity:.33}._Input_1vr20_1:disabled,._Input_1vr20_1:-webkit-autofill,._Input_1vr20_1:-webkit-autofill:hover,._Input_1vr20_1:-webkit-autofill:focus,._Input_1vr20_1:-webkit-autofill:active,._Input_1vr20_1:autofill,._Input_1vr20_1:autofill:hover,._Input_1vr20_1:autofill:focus,._Input_1vr20_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Input_1vr20_1:-webkit-autofill{animation-name:_autofill-start_1vr20_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-color-primary)}._Input_1vr20_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1vr20_1;animation-duration:.1s}@keyframes _autofill-start_1vr20_1{}@keyframes _autofill-cancel_1vr20_1{}

package/dist/assets/label-DF2VBeUr.css

@@ -1 +0,0 @@
-._Label_3yaik_1{font-family:var(--rm-ui-font-family-regular),sans-serif;transition:color .15s ease-out}._LabelPositionIdle_3yaik_6{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LabelPositionActive_3yaik_11{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._LabelStateIdle_3yaik_16{color:var(--rm-ui-color-secondary)}._LabelStateError_3yaik_20{color:var(--rm-ui-color-error)}._LabelStateSuccess_3yaik_24{color:var(--rm-ui-color-success)}

package/dist/assets/main-C0tWHTEq.css

@@ -1 +0,0 @@
-:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-primary: var(--rm-ui-grey-800);--rm-ui-color-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1}

package/dist/assets/radio-text-DAsITkgm.css

@@ -1 +0,0 @@
-._RadioText_8gt23_1{position:relative;display:flex;align-items:center;justify-content:center}._RadioTextSizeMd_8gt23_8{font-size:12px;line-height:14px}._RadioTextSizeLg_8gt23_13{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._RadioTextOneLine_8gt23_18,._RadioTextOneLine_8gt23_18 ._RadioTextContent_8gt23_19{white-space:nowrap}._RadioTextContent_8gt23_19{display:flex;align-items:center;justify-content:flex-start;color:var(--rm-ui-color-primary);text-align:left;white-space:pre-wrap}._RadioTextContent_8gt23_19[data-checked=false]{font-family:var(--rm-ui-font-family-regular),sans-serif}._RadioTextContent_8gt23_19[data-checked=true]{font-family:var(--rm-ui-font-family-medium),sans-serif}