@arthurzakharov/ui-kit 1.5.6 → 1.5.8

package/dist/assets/box-DOatBkTY.css

@@ -0,0 +1 @@
+._Box_1nqm1_1{flex-basis:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--rm-ui-box-border-radius);border:1px solid transparent;background-color:var(--rm-ui-card-background);transition:border-color .15s ease-out}._Checked_1nqm1_14{border-color:var(--rm-ui-color-action)}._Idle_1nqm1_18{border-color:var(--rm-ui-grey-300)}._Focused_1nqm1_22{border-color:var(--rm-ui-color-focus);border-color:-webkit-focus-ring-color}._Error_1nqm1_27{border-color:var(--rm-ui-color-error)}._Success_1nqm1_31{border-color:var(--rm-ui-color-success)}

package/dist/assets/{main-Dz2hrn4n.css → main-BrKLCio0.css}

@@ -1 +1 @@
-*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}: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-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--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-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--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-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #ff9900;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--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-body-color: #f0faff;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .45s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}
+*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}: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-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--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-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--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-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #ff9900;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--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-body-color: #f0faff;--rm-ui-box-border-radius: 10px;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .45s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}

package/dist/components/accordion-table/accordion-table.component.js

@@ -1,11 +1,13 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useState as H, Fragment as B } from "react";
-import { ChevronDown as p } from "lucide-react";
+import { useState as H, Fragment as p } from "react";
+import { ChevronDown as B } from "lucide-react";
 import s from "clsx";
 import { FadeGrow as g } from "../../animations/fade-grow/fade-grow.component.js";
 import { Rotate as C } from "../../animations/rotate/rotate.component.js";
-import { ButtonText as w } from "../../controls/button-text/button-text.component.js";
 import { baseProps as _ } from "../../utils/functions/functions.util.js";
+import "usehooks-ts";
+import "../../controls/primitives/box/box.component.js";
+import { ButtonText as w } from "../../controls/buttons/button-text/button-text.component.js";
 import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gmtv3_1", $ = "_Head_gmtv3_11", u = "_HeadRow_gmtv3_15", R = "_DataRow_gmtv3_16", f = "_BodyRow_gmtv3_21", N = "_HeadCell_gmtv3_25", A = "_BodyCell_gmtv3_26", T = "_BodyHeadCell_gmtv3_41", D = "_BodyHead_gmtv3_41", t = {
   AccordionTable: b,
   Head: $,
@@ -16,7 +18,7 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
   BodyCell: A,
   BodyHeadCell: T,
   BodyHead: D
-}, L = ({ table: d, active: l = 0, ...r }) => {
+}, E = ({ table: d, active: l = 0, ...r }) => {
   const [m, h] = H(l >= 0 && l < d.body.length ? l : null);
   return /* @__PURE__ */ n(
     "div",
@@ -34,7 +36,7 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
           },
           e
         )) }) }),
-        /* @__PURE__ */ a("div", { children: d.body.map((e, o) => /* @__PURE__ */ n(B, { children: [
+        /* @__PURE__ */ a("div", { children: d.body.map((e, o) => /* @__PURE__ */ n(p, { children: [
           /* @__PURE__ */ a("div", { className: t.BodyRow, children: /* @__PURE__ */ a("div", { className: s(t.BodyCell, t.BodyHead, t.BodyHeadCell), children: /* @__PURE__ */ a(
             w,
             {
@@ -53,20 +55,20 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
                   condition: m === o,
                   from: "top",
                   to: "bottom",
-                  children: /* @__PURE__ */ a(p, { size: 24 })
+                  children: /* @__PURE__ */ a(B, { size: 24 })
                 }
               ),
-              onClick: () => h((c) => o !== c ? o : null)
+              onClick: () => h((i) => o !== i ? o : null)
             }
           ) }) }),
-          /* @__PURE__ */ a(g, { name: `visible-section-${o}`, condition: m === o, children: /* @__PURE__ */ a("div", { "data-testid": `accordion-table-section-content-${o}`, children: e.rows.map((c, i) => /* @__PURE__ */ a(
+          /* @__PURE__ */ a(g, { name: `visible-section-${o}`, condition: m === o, children: /* @__PURE__ */ a("div", { "data-testid": `accordion-table-section-content-${o}`, children: e.rows.map((i, c) => /* @__PURE__ */ a(
             "div",
             {
               className: t.DataRow,
-              "data-testid": `accordion-table-data-row-${o}-${i}`,
-              children: c.map((v, y) => /* @__PURE__ */ a("div", { className: t.BodyCell, children: v }, `tr-${o}-${i}-${y}`))
+              "data-testid": `accordion-table-data-row-${o}-${c}`,
+              children: i.map((v, y) => /* @__PURE__ */ a("div", { className: t.BodyCell, children: v }, `tr-${o}-${c}-${y}`))
             },
-            `tr-${o}-${i}`
+            `tr-${o}-${c}`
           )) }) })
         ] }, `${e.title}-${o}`)) })
       ]
@@ -74,5 +76,5 @@ import '../../assets/accordion-table-Ci3u6qTN.css';const b = "_AccordionTable_gm
   );
 };
 export {
-  L as AccordionTable
+  E as AccordionTable
 };

package/dist/components/bottom-bar/bottom-bar.component.js

@@ -2,9 +2,11 @@ import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { useRef as p, useEffect as B, useMemo as u } from "react";
 import b from "clsx";
 import { useResizeObserver as _, useWindowSize as k } from "usehooks-ts";
-import { Button as y } from "../../controls/button/button.component.js";
 import { Text as c } from "../text/text.component.js";
+import { Button as y } from "../../controls/buttons/button/button.component.js";
+import "../../controls/primitives/box/box.component.js";
 import { baseProps as g } from "../../utils/functions/functions.util.js";
+import "lucide-react";
 import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w = "_Fixed_xd6ok_7", R = "_Static_xd6ok_16", z = "_TopBlock_xd6ok_20", L = "_LeftBlock_xd6ok_24", v = "_RightBlock_xd6ok_31", N = "_Message_xd6ok_38", M = "_Button_xd6ok_43", r = {
   BottomBar: f,
   Fixed: w,
@@ -32,7 +34,7 @@ import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w
   weight: t.weight || "regular",
   size: t.size || "body",
   color: t.color || "text-primary"
-}, j = ({ button: o, info: t, message: a = "", staticFrom: h = 768, ...m }) => {
+}, I = ({ button: o, info: t, message: a = "", staticFrom: h = 768, ...m }) => {
   const d = p(null), { height: n } = _({
     ref: d,
     box: "border-box"
@@ -87,5 +89,5 @@ import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w
   );
 };
 export {
-  j as BottomBar
+  I as BottomBar
 };

package/dist/components/dialog-article/dialog-article.component.js

@@ -1,17 +1,19 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { useRef as p, useState as h } from "react";
+import { useRef as g, useState as h } from "react";
 import { useWindowSize as x, useResizeObserver as b } from "usehooks-ts";
 import y from "clsx";
-import { Button as l } from "../../controls/button/button.component.js";
+import { Button as l } from "../../controls/buttons/button/button.component.js";
+import "../../controls/primitives/box/box.component.js";
 import { baseProps as c } from "../../utils/functions/functions.util.js";
+import "lucide-react";
 import '../../assets/dialog-article-WnyHZI47.css';const A = "_DialogArticle_1dy7y_1", B = "_Buttons_1dy7y_8", n = {
   DialogArticle: A,
   Buttons: B
-}, R = (d) => {
-  const { children: m, cancel: t, confirm: e, ...i } = d, o = p(null), [u, f] = h(0), { width: g } = x();
+}, j = (d) => {
+  const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] = h(0), { width: p } = x();
   return b({
     ref: o,
-    onResize: (r) => f(g < 768 && r.height ? r.height : 0)
+    onResize: (r) => f(p < 768 && r.height ? r.height : 0)
   }), /* @__PURE__ */ s(
     "div",
     {
@@ -51,5 +53,5 @@ import '../../assets/dialog-article-WnyHZI47.css';const A = "_DialogArticle_1dy7
   );
 };
 export {
-  R as DialogArticle
+  j as DialogArticle
 };

package/dist/components/message-block/index.d.ts

@@ -1 +1 @@
-export { MessageBlock } from './message-block.component';
+export { MessageBlock, type MessageBlockProps } from './message-block.component';

package/dist/components/message-block/message-block.component.d.ts

@@ -1,9 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { Base } from '../../utils/types';
-interface MessageBlockProps extends PropsWithChildren<Base> {
+export interface MessageBlockProps extends PropsWithChildren<Base> {
     emoji?: string;
     title?: string;
     subtitle?: string;
 }
 export declare const MessageBlock: ({ children, emoji, title, subtitle, ...base }: MessageBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/sidebar/sidebar.component.js

@@ -1,13 +1,17 @@
 import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
 import l from "clsx";
-import { FadeScale as p } from "../../animations/fade-scale/fade-scale.component.js";
+import { FadeScale as _ } from "../../animations/fade-scale/fade-scale.component.js";
 import { Certifications as x } from "../certifications/certifications.component.js";
 import { Line as s } from "../line/line.component.js";
 import { Text as n } from "../text/text.component.js";
 import { UserPanel as B } from "../user-panel/user-panel.component.js";
-import { Status as w } from "../../controls/status/status.component.js";
+import "../../controls/primitives/box/box.component.js";
+import "react";
 import { baseProps as f } from "../../utils/functions/functions.util.js";
-import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_Board_17t5d_5", T = "_SidebarTitle_17t5d_11", R = "_SidebarButton_17t5d_12", z = "_Steps_17t5d_16", C = "_Info_17t5d_17", $ = "_Step_17t5d_16", j = "_InfoRow_17t5d_30", F = "_NothingAbove_17t5d_44", e = {
+import "lucide-react";
+import "usehooks-ts";
+import { Status as w } from "../../controls/primitives/status/status.component.js";
+import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_Board_17t5d_5", T = "_SidebarTitle_17t5d_11", R = "_SidebarButton_17t5d_12", z = "_Steps_17t5d_16", C = "_Info_17t5d_17", $ = "_Step_17t5d_16", j = "_InfoRow_17t5d_30", F = "_NothingAbove_17t5d_44", i = {
   Sidebar: y,
   Board: A,
   SidebarTitle: T,
@@ -17,7 +21,7 @@ import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_B
   Step: $,
   InfoRow: j,
   NothingAbove: F
-}, K = ({
+}, W = ({
   // Sidebar props
   children: h,
   isButtonVisible: m = !1,
@@ -30,45 +34,45 @@ import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_B
   // Base props
   ...b
 }) => {
-  const _ = g.filter(([, i]) => i.trim() !== ""), d = _.length > 0;
+  const p = g.filter(([, e]) => e.trim() !== ""), d = p.length > 0;
   return /* @__PURE__ */ t(
     "div",
     {
       "data-testid": f(b, "data-testid", "sidebar"),
-      className: l(e.Sidebar, f(b, "className")),
-      children: /* @__PURE__ */ o("div", { className: e.Board, children: [
-        /* @__PURE__ */ t(n, { preset: "sidebar-title", className: e.SidebarTitle, children: S }),
-        /* @__PURE__ */ t("div", { className: e.Steps, "data-testid": "sidebar-steps", children: N.map(({ state: i, text: r }) => /* @__PURE__ */ o("div", { className: e.Step, "data-testid": "sidebar-step", children: [
-          /* @__PURE__ */ t(w, { state: i }),
+      className: l(i.Sidebar, f(b, "className")),
+      children: /* @__PURE__ */ o("div", { className: i.Board, children: [
+        /* @__PURE__ */ t(n, { preset: "sidebar-title", className: i.SidebarTitle, children: S }),
+        /* @__PURE__ */ t("div", { className: i.Steps, "data-testid": "sidebar-steps", children: N.map(({ state: e, text: r }) => /* @__PURE__ */ o("div", { className: i.Step, "data-testid": "sidebar-step", children: [
+          /* @__PURE__ */ t(w, { state: e }),
           /* @__PURE__ */ t(
             n,
             {
               tag: "span",
               weight: "medium",
               size: "body-small",
-              color: i === "idle" ? "text-secondary" : "text-primary",
+              color: e === "idle" ? "text-secondary" : "text-primary",
               children: r
             }
           )
         ] }, r)) }),
         d && /* @__PURE__ */ o(u, { children: [
           /* @__PURE__ */ t(s, {}),
-          /* @__PURE__ */ t("div", { className: e.Info, "data-testid": "sidebar-info", children: _.map(([i, r], I) => /* @__PURE__ */ o("div", { className: e.InfoRow, "data-testid": "sidebar-info-row", children: [
-            /* @__PURE__ */ t(n, { tag: "span", size: "body-small", color: "text-secondary", children: i }),
+          /* @__PURE__ */ t("div", { className: i.Info, "data-testid": "sidebar-info", children: p.map(([e, r], I) => /* @__PURE__ */ o("div", { className: i.InfoRow, "data-testid": "sidebar-info-row", children: [
+            /* @__PURE__ */ t(n, { tag: "span", size: "body-small", color: "text-secondary", children: e }),
             /* @__PURE__ */ t(n, { tag: "span", size: "body-small", align: "right", children: r })
-          ] }, `${i}-${I}`)) }),
+          ] }, `${e}-${I}`)) }),
           /* @__PURE__ */ t(s, {})
         ] }),
-        /* @__PURE__ */ o(p, { name: "user", condition: c, children: [
+        /* @__PURE__ */ o(_, { name: "user", condition: c, children: [
           !d && /* @__PURE__ */ t(s, {}),
           /* @__PURE__ */ t(B, { title: a.title, button: a.button, data: a.data, onClick: a.onClick }),
           /* @__PURE__ */ t(s, {})
         ] }),
-        /* @__PURE__ */ t(p, { name: "button", condition: m, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(_, { name: "button", condition: m, children: /* @__PURE__ */ t(
           "div",
           {
-            className: l(e.SidebarButton, {
-              [e.NothingAbove]: !d && !c
+            className: l(i.SidebarButton, {
+              [i.NothingAbove]: !d && !c
             }),
             children: h
           }
@@ -78,7 +82,7 @@ import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_B
           {
             icons: v,
             className: l({
-              [e.NothingAbove]: !d && !c && !m
+              [i.NothingAbove]: !d && !c && !m
             })
           }
         )
@@ -87,5 +91,5 @@ import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_B
   );
 };
 export {
-  K as Sidebar
+  W as Sidebar
 };

package/dist/components/signature/signature.component.js

@@ -3,10 +3,11 @@ import ze, { useRef as xe, useState as oe, useCallback as te, useEffect as Pe }
 import { useResizeObserver as Ne } from "usehooks-ts";
 import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
 import fe from "clsx";
-import { Button as we } from "../../controls/button/button.component.js";
-import { ButtonText as ie } from "../../controls/button-text/button-text.component.js";
-import { Loader as Ue } from "../loader/loader.component.js";
+import { Button as we } from "../../controls/buttons/button/button.component.js";
+import "../../controls/primitives/box/box.component.js";
 import { baseProps as Ee } from "../../utils/functions/functions.util.js";
+import { ButtonText as ie } from "../../controls/buttons/button-text/button-text.component.js";
+import { Loader as Ue } from "../loader/loader.component.js";
 import '../../assets/signature-D9gYlpze.css';function He(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1094,7 +1095,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
   AutoPanelLabelText: Ct,
   AutoPanelError: Ot,
   AutoPanelErrorTitle: Rt
-}, zt = ({
+}, Nt = ({
   // Signature props
   auto: e,
   manual: a,
@@ -1256,5 +1257,5 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
   );
 };
 export {
-  zt as Signature
+  Nt as Signature
 };

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

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

package/dist/controls/{button → buttons/button}/button.component.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ControlButtonColor, ControlButtonSize, ControlButtonType } from '../utils';
-import { Base } from '../../utils/types';
+import { ControlButtonColor, ControlButtonSize, ControlButtonType } from '../../utils';
+import { Base } from '../../../utils/types';
 export interface ButtonProps extends Base {
     text: string;
     color?: ControlButtonColor;

package/dist/controls/{button → buttons/button}/button.component.js

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import h from "clsx";
-import { FadeScale as c } from "../../animations/fade-scale/fade-scale.component.js";
-import { Loader as x } from "../../components/loader/loader.component.js";
-import { Content as M } from "../../utils/content/content.component.js";
-import { withControl as S, baseProps as i } from "../../utils/functions/functions.util.js";
-import '../../assets/button-Tzg6F5Dp.css';const C = "_Button_1b52a_1", T = "_SM_1b52a_11", B = "_LG_1b52a_16", F = "_Tertiary_1b52a_16", N = "_Text_1b52a_20", P = "_MD_1b52a_26", D = "_Primary_1b52a_54", G = "_Info_1b52a_59", I = "_Secondary_1b52a_63", W = "_Loading_1b52a_82", w = "_FullWidth_1b52a_90", $ = "_Content_1b52a_94", g = "_Loader_1b52a_110", t = {
+import { FadeScale as c } from "../../../animations/fade-scale/fade-scale.component.js";
+import { Loader as x } from "../../../components/loader/loader.component.js";
+import { Content as M } from "../../../utils/content/content.component.js";
+import { withControl as S, baseProps as i } from "../../../utils/functions/functions.util.js";
+import '../../../assets/button-Tzg6F5Dp.css';const C = "_Button_1b52a_1", T = "_SM_1b52a_11", B = "_LG_1b52a_16", F = "_Tertiary_1b52a_16", N = "_Text_1b52a_20", P = "_MD_1b52a_26", D = "_Primary_1b52a_54", G = "_Info_1b52a_59", I = "_Secondary_1b52a_63", W = "_Loading_1b52a_82", w = "_FullWidth_1b52a_90", $ = "_Content_1b52a_94", g = "_Loader_1b52a_110", t = {
   Button: C,
   SM: T,
   LG: B,

package/dist/controls/{button-card → buttons/button-card}/button-card.component.d.ts

@@ -1,5 +1,5 @@
-import { SvgProps } from '../../utils/svg';
-import { Base, FontSize } from '../../utils/types';
+import { SvgProps } from '../../../utils/svg';
+import { Base, FontSize } from '../../../utils/types';
 export interface ButtonCardProps extends Base {
     text: string;
     textSize?: Extract<FontSize, 'body' | 'body-small'>;

package/dist/controls/{button-card → buttons/button-card}/button-card.component.js

@@ -2,25 +2,26 @@ import { jsx as t, jsxs as B } from "react/jsx-runtime";
 import { useRef as g } from "react";
 import { useHover as v, useToggle as k } from "usehooks-ts";
 import L from "clsx";
-import { Box as N } from "../box/box.component.js";
-import { Caption as h } from "../caption/caption.component.js";
-import { baseProps as i } from "../../utils/functions/functions.util.js";
-import { Svg as y } from "../../utils/svg/svg.component.js";
-import '../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1", j = "_Icon_10os6_10", z = "_IconTop_10os6_14", D = "_Text_10os6_21", H = "_IconLeft_10os6_25", o = {
+import { Box as N } from "../../primitives/box/box.component.js";
+import { Caption as h } from "../../primitives/caption/caption.component.js";
+import "lucide-react";
+import { baseProps as i } from "../../../utils/functions/functions.util.js";
+import { Svg as y } from "../../../utils/svg/svg.component.js";
+import '../../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1", j = "_Icon_10os6_10", z = "_IconTop_10os6_14", D = "_Text_10os6_21", H = "_IconLeft_10os6_25", o = {
   ButtonCard: F,
   Icon: j,
   IconTop: z,
   Text: D,
   IconLeft: H
-}, G = (f) => {
+}, J = (f) => {
   const {
     text: u,
     textSize: m = "body",
-    icon: d = null,
+    icon: p = null,
     iconPosition: e = "top",
     active: n = !1,
     disabled: s = !1,
-    preventDefault: p = !1,
+    preventDefault: d = !1,
     blurAfterClick: _ = !1,
     onClick: x,
     onFocus: I,
@@ -47,7 +48,7 @@ import '../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1",
             [o.IconLeft]: e === "left"
           }),
           onClick: (l) => {
-            p && l.preventDefault(), _ && l.currentTarget.blur(), x?.();
+            d && l.preventDefault(), _ && l.currentTarget.blur(), x?.();
           },
           onFocus: () => {
             a(), I?.();
@@ -56,7 +57,7 @@ import '../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1",
             a(), b?.();
           },
           children: [
-            /* @__PURE__ */ t(y, { icon: d, className: o.Icon }),
+            /* @__PURE__ */ t(y, { icon: p, className: o.Icon }),
             /* @__PURE__ */ t(
               h,
               {
@@ -75,5 +76,5 @@ import '../../assets/button-card-B-nlEbJU.css';const F = "_ButtonCard_10os6_1",
   );
 };
 export {
-  G as ButtonCard
+  J as ButtonCard
 };

package/dist/controls/{button-radio → buttons/button-radio}/button-radio.component.d.ts

@@ -1,4 +1,4 @@
-import { Base, FontSize } from '../../utils/types';
+import { Base, FontSize } from '../../../utils/types';
 type ButtonRadioInfo = {
     text?: string;
     hintLeft?: string;

package/dist/controls/{button-radio → buttons/button-radio}/button-radio.component.js

@@ -1,22 +1,24 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useRef as y } from "react";
 import { useHover as N, useToggle as g } from "usehooks-ts";
-import { Box as B } from "../box/box.component.js";
-import { Caption as H } from "../caption/caption.component.js";
-import { Status as C } from "../status/status.component.js";
-import { baseProps as d } from "../../utils/functions/functions.util.js";
-import '../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t_1", b = "_Row_iwy6t_14", v = "_Wrap_iwy6t_23", W = "_Content_iwy6t_32", k = "_Text_iwy6t_42", L = "_Hint_iwy6t_50", t = {
+import { Box as B } from "../../primitives/box/box.component.js";
+import { Caption as H } from "../../primitives/caption/caption.component.js";
+import "lucide-react";
+import "clsx";
+import { baseProps as d } from "../../../utils/functions/functions.util.js";
+import { Status as C } from "../../primitives/status/status.component.js";
+import '../../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t_1", b = "_Row_iwy6t_14", v = "_Wrap_iwy6t_23", W = "_Content_iwy6t_32", k = "_Text_iwy6t_42", L = "_Hint_iwy6t_50", t = {
   ButtonRadio: T,
   Row: b,
   Wrap: v,
   Content: W,
   Text: k,
   Hint: L
-}, q = ({
+}, E = ({
   text: m,
   textSize: u = "body",
   active: n = !1,
-  disabled: a = !1,
+  disabled: i = !1,
   info: o,
   preventDefault: p = !1,
   blurAfterClick: _ = !1,
@@ -24,23 +26,23 @@ import '../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t_1"
   onFocus: f,
   onBlur: R,
   // Base props
-  ...i
+  ...r
 }) => {
-  const r = y(null), x = N(r), [w, c] = g(!1);
+  const a = y(null), x = N(a), [w, c] = g(!1);
   return /* @__PURE__ */ e(
     B,
     {
-      "data-testid": d(i, "data-testid", "button-radio"),
-      ref: r,
+      "data-testid": d(r, "data-testid", "button-radio"),
+      ref: a,
       checked: n || x,
       state: "idle",
       focused: w,
-      className: d(i, "className"),
+      className: d(r, "className"),
       children: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          disabled: a,
+          disabled: i,
           className: t.ButtonRadio,
           onClick: (l) => {
             p && l.preventDefault(), _ && l.currentTarget.blur(), h?.();
@@ -62,7 +64,7 @@ import '../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t_1"
                     text: m,
                     size: u,
                     checked: n,
-                    color: a ? "text-secondary" : "text-primary"
+                    color: i ? "text-secondary" : "text-primary"
                   }
                 ),
                 o?.text ? /* @__PURE__ */ e("span", { className: t.Text, children: o.text }) : null
@@ -79,5 +81,5 @@ import '../../assets/button-radio-CPeNePW2.css';const T = "_ButtonRadio_iwy6t_1"
   );
 };
 export {
-  q as ButtonRadio
+  E as ButtonRadio
 };

package/dist/controls/{button-text → buttons/button-text}/button-text.component.d.ts

@@ -1,6 +1,6 @@
-import { ControlButtonSize, ControlButtonType, ControlButtonTypeColor } from '../utils';
-import { SvgProps } from '../../utils/svg';
-import { Base, FontWeight } from '../../utils/types';
+import { ControlButtonSize, ControlButtonType, ControlButtonTypeColor } from '../../utils';
+import { SvgProps } from '../../../utils/svg';
+import { Base, FontWeight } from '../../../utils/types';
 export interface ButtonTextProps extends Base {
     text: string;
     color?: ControlButtonTypeColor;

package/dist/controls/{button-text → buttons/button-text}/button-text.component.js

@@ -1,8 +1,8 @@
 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 { 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 = {
+import { withControl as f, baseProps as m } 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,

package/dist/controls/buttons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './button';
+export * from './button-card';
+export * from './button-radio';
+export * from './button-text';

package/dist/controls/buttons/index.js

@@ -0,0 +1,10 @@
+import { Button as r } from "./button/button.component.js";
+import { ButtonCard as x } from "./button-card/button-card.component.js";
+import { ButtonRadio as m } from "./button-radio/button-radio.component.js";
+import { ButtonText as p } from "./button-text/button-text.component.js";
+export {
+  r as Button,
+  x as ButtonCard,
+  m as ButtonRadio,
+  p as ButtonText
+};

package/dist/controls/index.d.ts

@@ -1,22 +1,4 @@
-export * from './box';
-export * from './button';
-export * from './button-card';
-export * from './button-radio';
-export * from './button-text';
-export * from './caption';
-export * from './card-image';
-export * from './card-text';
-export * from './checkbox';
-export * from './choice';
-export * from './dropdown';
-export * from './error-message';
-export * from './hidden-input';
-export * from './input';
-export * from './label';
-export * from './radio';
-export * from './radio-label';
-export * from './status';
-export * from './text-area';
-export * from './text-field';
-export * from './hooks';
+export * from './buttons';
+export * from './interactives';
+export * from './primitives';
 export * from './utils';