@arthurzakharov/ui-kit 1.5.6 → 1.5.8

package/dist/main.js

@@ -1,102 +1,103 @@
-import { FadeGrow as e } from "./animations/fade-grow/fade-grow.component.js";
-import { FadeScale as x } from "./animations/fade-scale/fade-scale.component.js";
-import { FadeSlide as p } from "./animations/fade-slide/fade-slide.component.js";
-import { Rotate as a } from "./animations/rotate/rotate.component.js";
-import { Box as d } from "./controls/box/box.component.js";
-import { Button as l } from "./controls/button/button.component.js";
-import { ButtonCard as c } from "./controls/button-card/button-card.component.js";
-import { ButtonRadio as g } from "./controls/button-radio/button-radio.component.js";
-import { ButtonText as C } from "./controls/button-text/button-text.component.js";
-import { Caption as b } from "./controls/caption/caption.component.js";
-import { CardImage as S } from "./controls/card-image/card-image.component.js";
-import { CardText as I } from "./controls/card-text/card-text.component.js";
-import { Checkbox as A } from "./controls/checkbox/checkbox.component.js";
-import { Choice as M } from "./controls/choice/choice.component.js";
-import { Dropdown as h } from "./controls/dropdown/dropdown.component.js";
-import { ErrorMessage as y } from "./controls/error-message/error-message.component.js";
-import { HiddenInput as E } from "./controls/hidden-input/hidden-input.component.js";
-import { Input as v } from "./controls/input/input.component.js";
-import { Label as N } from "./controls/label/label.component.js";
-import { Radio as W } from "./controls/radio/radio.component.js";
-import { RadioLabel as q } from "./controls/radio-label/radio-label.component.js";
-import { Status as J } from "./controls/status/status.component.js";
-import { TextArea as O } from "./controls/text-area/text-area.component.js";
-import { TextField as V } from "./controls/text-field/text-field.component.js";
-import { AccordionTable as Y } from "./components/accordion-table/accordion-table.component.js";
-import { BottomBar as _ } from "./components/bottom-bar/bottom-bar.component.js";
-import { Certifications as oo } from "./components/certifications/certifications.component.js";
-import { DataProtectedLabel as eo } from "./components/data-protected-label/data-protected-label.component.js";
-import { Dialog as xo } from "./components/dialog/dialog.component.js";
-import { DialogArticle as po } from "./components/dialog-article/dialog-article.component.js";
-import { Expenses as ao } from "./components/expenses/expenses.component.js";
-import { Footer as io } from "./components/footer/footer.component.js";
-import { FormRow as so } from "./components/form-row/form-row.component.js";
-import { Header as uo } from "./components/header/header.component.js";
-import { InfoPanel as Bo } from "./components/info-panel/info-panel.component.js";
-import { Information as Fo } from "./components/information/information.component.js";
-import { Layout as Lo } from "./components/layout/layout.component.js";
-import { Line as To } from "./components/line/line.component.js";
-import { Loader as Ro } from "./components/loader/loader.component.js";
-import { MainAttachment as Do } from "./components/main-attachment/main-attachment.component.js";
-import { Message as Po } from "./components/message/message.component.js";
-import { MessageBlock as wo } from "./components/message-block/message-block.component.js";
-import { NotFound as ko } from "./components/not-found/not-found.component.js";
-import { Payment as Ho } from "./components/payment/payment.component.js";
-import { Sidebar as Go } from "./components/sidebar/sidebar.component.js";
-import { Signature as Uo } from "./components/signature/signature.component.js";
-import { Svg as jo } from "./utils/svg/svg.component.js";
-import { Text as zo } from "./components/text/text.component.js";
-import { UserPanel as Ko } from "./components/user-panel/user-panel.component.js";
-import { Warranty as Qo } from "./components/warranty/warranty.component.js";
-import './assets/main-Dz2hrn4n.css';export {
-  Y as AccordionTable,
-  _ as BottomBar,
-  d as Box,
-  l as Button,
-  c as ButtonCard,
-  g as ButtonRadio,
-  C as ButtonText,
-  b as Caption,
-  S as CardImage,
-  I as CardText,
-  oo as Certifications,
-  A as Checkbox,
-  M as Choice,
-  eo as DataProtectedLabel,
-  xo as Dialog,
-  po as DialogArticle,
-  h as Dropdown,
-  y as ErrorMessage,
-  ao as Expenses,
-  e as FadeGrow,
-  x as FadeScale,
-  p as FadeSlide,
-  io as Footer,
-  so as FormRow,
-  uo as Header,
-  E as HiddenInput,
-  Bo as InfoPanel,
-  Fo as Information,
-  v as Input,
-  N as Label,
-  Lo as Layout,
-  To as Line,
-  Ro as Loader,
-  Do as MainAttachment,
-  Po as Message,
-  wo as MessageBlock,
-  ko as NotFound,
-  Ho as Payment,
-  W as Radio,
-  q as RadioLabel,
-  a as Rotate,
-  Go as Sidebar,
-  Uo as Signature,
-  J as Status,
-  jo as Svg,
-  zo as Text,
-  O as TextArea,
-  V as TextField,
-  Ko as UserPanel,
-  Qo as Warranty
+import { FadeGrow as t } from "./animations/fade-grow/fade-grow.component.js";
+import { FadeScale as m } from "./animations/fade-scale/fade-scale.component.js";
+import { FadeSlide as f } from "./animations/fade-slide/fade-slide.component.js";
+import { Rotate as n } from "./animations/rotate/rotate.component.js";
+import "usehooks-ts";
+import { Button as d } from "./controls/buttons/button/button.component.js";
+import { ButtonCard as s } from "./controls/buttons/button-card/button-card.component.js";
+import { ButtonRadio as u } from "./controls/buttons/button-radio/button-radio.component.js";
+import { ButtonText as B } from "./controls/buttons/button-text/button-text.component.js";
+import { CardImage as F } from "./controls/interactives/card-image/card-image.component.js";
+import { CardText as L } from "./controls/interactives/card-text/card-text.component.js";
+import { Checkbox as T } from "./controls/interactives/checkbox/checkbox.component.js";
+import { Dropdown as R } from "./controls/interactives/dropdown/dropdown.component.js";
+import { Input as D } from "./controls/interactives/input/input.component.js";
+import { Radio as P } from "./controls/interactives/radio/radio.component.js";
+import { TextArea as w } from "./controls/interactives/text-area/text-area.component.js";
+import { TextField as k } from "./controls/interactives/text-field/text-field.component.js";
+import { Box as H } from "./controls/primitives/box/box.component.js";
+import { Caption as G } from "./controls/primitives/caption/caption.component.js";
+import { Choice as U } from "./controls/primitives/choice/choice.component.js";
+import { ErrorMessage as j } from "./controls/primitives/error-message/error-message.component.js";
+import { HiddenInput as z } from "./controls/primitives/hidden-input/hidden-input.component.js";
+import { Label as K } from "./controls/primitives/label/label.component.js";
+import { RadioLabel as Q } from "./controls/primitives/radio-label/radio-label.component.js";
+import { Status as X } from "./controls/primitives/status/status.component.js";
+import { AccordionTable as Z } from "./components/accordion-table/accordion-table.component.js";
+import { BottomBar as $ } from "./components/bottom-bar/bottom-bar.component.js";
+import { Certifications as ro } from "./components/certifications/certifications.component.js";
+import { DataProtectedLabel as to } from "./components/data-protected-label/data-protected-label.component.js";
+import { Dialog as mo } from "./components/dialog/dialog.component.js";
+import { DialogArticle as fo } from "./components/dialog-article/dialog-article.component.js";
+import { Expenses as no } from "./components/expenses/expenses.component.js";
+import { Footer as lo } from "./components/footer/footer.component.js";
+import { FormRow as co } from "./components/form-row/form-row.component.js";
+import { Header as go } from "./components/header/header.component.js";
+import { InfoPanel as Co } from "./components/info-panel/info-panel.component.js";
+import { Information as bo } from "./components/information/information.component.js";
+import { Layout as So } from "./components/layout/layout.component.js";
+import { Line as Io } from "./components/line/line.component.js";
+import { Loader as Ao } from "./components/loader/loader.component.js";
+import { MainAttachment as Mo } from "./components/main-attachment/main-attachment.component.js";
+import { Message as ho } from "./components/message/message.component.js";
+import { MessageBlock as yo } from "./components/message-block/message-block.component.js";
+import { NotFound as Eo } from "./components/not-found/not-found.component.js";
+import { Payment as vo } from "./components/payment/payment.component.js";
+import { Sidebar as No } from "./components/sidebar/sidebar.component.js";
+import { Signature as Wo } from "./components/signature/signature.component.js";
+import { Svg as qo } from "./utils/svg/svg.component.js";
+import { Text as Jo } from "./components/text/text.component.js";
+import { UserPanel as Oo } from "./components/user-panel/user-panel.component.js";
+import { Warranty as Vo } from "./components/warranty/warranty.component.js";
+import './assets/main-BrKLCio0.css';export {
+  Z as AccordionTable,
+  $ as BottomBar,
+  H as Box,
+  d as Button,
+  s as ButtonCard,
+  u as ButtonRadio,
+  B as ButtonText,
+  G as Caption,
+  F as CardImage,
+  L as CardText,
+  ro as Certifications,
+  T as Checkbox,
+  U as Choice,
+  to as DataProtectedLabel,
+  mo as Dialog,
+  fo as DialogArticle,
+  R as Dropdown,
+  j as ErrorMessage,
+  no as Expenses,
+  t as FadeGrow,
+  m as FadeScale,
+  f as FadeSlide,
+  lo as Footer,
+  co as FormRow,
+  go as Header,
+  z as HiddenInput,
+  Co as InfoPanel,
+  bo as Information,
+  D as Input,
+  K as Label,
+  So as Layout,
+  Io as Line,
+  Ao as Loader,
+  Mo as MainAttachment,
+  ho as Message,
+  yo as MessageBlock,
+  Eo as NotFound,
+  vo as Payment,
+  P as Radio,
+  Q as RadioLabel,
+  n as Rotate,
+  No as Sidebar,
+  Wo as Signature,
+  X as Status,
+  qo as Svg,
+  Jo as Text,
+  w as TextArea,
+  k as TextField,
+  Oo as UserPanel,
+  Vo as Warranty
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.5.6",
+  "version": "1.5.8",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -39,12 +39,12 @@
     "usehooks-ts": "^3.1.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.0.1",
+    "@chromatic-com/storybook": "^5.0.2",
     "@eslint/js": "^9.39.2",
-    "@storybook/addon-a11y": "^10.2.17",
-    "@storybook/addon-docs": "^10.2.17",
-    "@storybook/addon-vitest": "^10.2.17",
-    "@storybook/react-vite": "^10.2.17",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
     "@testing-library/react": "^15.0.7",
     "@types/node": "^24.1.0",
     "@types/react": "^18.3.27",
@@ -60,7 +60,7 @@
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "eslint-plugin-storybook": "^10.2.17",
+    "eslint-plugin-storybook": "^10.3.3",
     "glob": "^13.0.6",
     "globals": "^17.0.0",
     "jsdom": "^27.4.0",
@@ -71,7 +71,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-signature-canvas": "^1.0.7",
-    "storybook": "^10.2.17",
+    "storybook": "^10.3.3",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.52.0",
     "usehooks-ts": "^3.1.1",

package/dist/assets/box-5bAcfszB.css

@@ -1 +0,0 @@
-._Box_1yg9w_1{flex-basis:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:10px;border-width:1px;border-style:solid;background-color:transparent;transition:border-color .15s ease-out}._Checked_1yg9w_15{border-color:var(--rm-ui-color-action);outline:2px solid var(--rm-ui-color-action);outline-offset:-2px}._Idle_1yg9w_21{border-color:var(--rm-ui-grey-300)}._Focused_1yg9w_25{border-color:var(--rm-ui-color-focus);border-color:-webkit-focus-ring-color}._Error_1yg9w_30{border-color:var(--rm-ui-color-error)}._Success_1yg9w_34{border-color:var(--rm-ui-color-success)}

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

@@ -1,40 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import a from "clsx";
-import { baseProps as e } from "../../utils/functions/functions.util.js";
-import '../../assets/box-5bAcfszB.css';const n = "_Box_1yg9w_1", u = "_Checked_1yg9w_15", x = "_Idle_1yg9w_21", f = "_Focused_1yg9w_25", w = "_Success_1yg9w_34", o = {
-  Box: n,
-  Checked: u,
-  Idle: x,
-  Focused: f,
-  Error: "_Error_1yg9w_30",
-  Success: w
-}, B = m(
-  ({
-    children: r,
-    state: s = "idle",
-    focused: d = !1,
-    checked: _ = !1,
-    onClick: t,
-    // Base props
-    ...c
-  }, l) => /* @__PURE__ */ i(
-    "div",
-    {
-      "data-testid": e(c, "data-testid", "box"),
-      ref: l,
-      className: a(o.Box, e(c, "className"), {
-        [o.Focused]: d,
-        [o.Checked]: _,
-        [o.Idle]: s === "idle",
-        [o.Error]: s === "error",
-        [o.Success]: s === "success"
-      }),
-      onClick: () => t?.(),
-      children: r
-    }
-  )
-);
-export {
-  B as Box
-};

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

@@ -1,75 +0,0 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import I from "clsx";
-import { Box as j } from "../box/box.component.js";
-import { Caption as y } from "../caption/caption.component.js";
-import { Choice as z } from "../choice/choice.component.js";
-import { HiddenInput as B } from "../hidden-input/hidden-input.component.js";
-import { RadioLabel as $ } from "../radio-label/radio-label.component.js";
-import { useChoice as F } from "../hooks/use-choice/use-choice.hook.js";
-import "usehooks-ts";
-import { getChoiceId as H } from "../utils/functions/functions.util.js";
-import { baseProps as p } from "../../utils/functions/functions.util.js";
-import '../../assets/card-text-sR2uSJyo.css';const P = "_CardText_1uv8w_1", R = "_Label_1uv8w_9", q = "_Choice_1uv8w_24", i = {
-  CardText: P,
-  Label: R,
-  Choice: q
-}, W = ({
-  // Interactive props
-  id: t,
-  value: s,
-  disabled: m = !1,
-  state: C = "idle",
-  onChange: x,
-  onBlur: h,
-  onFocus: u,
-  // CardText props
-  choices: f,
-  iconSize: _ = "md",
-  textSize: v = "body",
-  // Base props
-  ...n
-}) => {
-  const { type: l, onChoiceChange: b } = F(s, t, x);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      "data-testid": p(n, "data-testid", "card-text"),
-      className: I(i.CardText, p(n, "className")),
-      children: f.map((e, L, T) => {
-        const a = H(t, e.value, L);
-        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,
-            {
-              type: l,
-              id: a,
-              name: t,
-              value: e.value,
-              checked: r,
-              disabled: m,
-              onChange: (A, g) => b(e.value, g),
-              onFocus: () => u?.(t),
-              onBlur: () => h?.(t)
-            }
-          ),
-          /* @__PURE__ */ o("div", { className: i.Choice, children: /* @__PURE__ */ o(
-            z,
-            {
-              type: l,
-              size: _,
-              state: d,
-              checked: r,
-              focused: c,
-              hovered: N,
-              disabled: m
-            }
-          ) }),
-          /* @__PURE__ */ o(y, { text: e.label, size: v, checked: r })
-        ] }) }) }, a);
-      })
-    }
-  );
-};
-export {
-  W as CardText
-};

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

@@ -1,62 +0,0 @@
-import { jsxs as M, jsx as e } from "react/jsx-runtime";
-import N from "clsx";
-import { FadeSlide as _ } from "../../animations/fade-slide/fade-slide.component.js";
-import { Box as I } from "../box/box.component.js";
-import { ErrorMessage as C } from "../error-message/error-message.component.js";
-import { useControlInteraction as k } from "../hooks/use-control-interaction/use-control-interaction.hook.js";
-import { baseProps as t } from "../../utils/functions/functions.util.js";
-import '../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F = "_ErrorMessage_11gck_28", a = {
-  Input: B,
-  ErrorMessage: F
-}, $ = ({
-  // Interactive props
-  id: o,
-  value: m,
-  disabled: s = !1,
-  state: n = "idle",
-  onChange: i,
-  onFocus: l,
-  onBlur: d,
-  // TextArea props
-  placeholder: p = "",
-  rows: u = 5,
-  message: c = "",
-  // Base props
-  ...r
-}) => {
-  const { focused: g, emitChange: x, handleFocus: f, handleBlur: h } = k({
-    id: o,
-    disabled: s,
-    onChange: i,
-    onFocus: l,
-    onBlur: d
-  });
-  return /* @__PURE__ */ M(
-    "div",
-    {
-      "data-testid": t(r, "data-testid", "textarea"),
-      className: N(a.Container, t(r, "className")),
-      children: [
-        /* @__PURE__ */ e(I, { state: n, focused: g, className: t(r, "className"), children: /* @__PURE__ */ e(
-          "textarea",
-          {
-            "data-testid": "textarea-input",
-            disabled: s,
-            id: o,
-            rows: u,
-            placeholder: p,
-            value: m,
-            className: a.Input,
-            onChange: (E) => x(E.target.value, "keyboard"),
-            onFocus: () => f(),
-            onBlur: () => h()
-          }
-        ) }),
-        /* @__PURE__ */ e(_, { name: "text-message", condition: n === "error" && !!c, children: /* @__PURE__ */ e(C, { "data-testid": "textarea-error-message", text: c, className: a.ErrorMessage }) })
-      ]
-    }
-  );
-};
-export {
-  $ as TextArea
-};