@arthurzakharov/ui-kit 1.4.2 → 1.4.3

package/dist/animations/utils/types.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { AnimationGeneratorName, EasingDefinition } from 'motion';
 import { Base } from '../../utils/types';
-export interface BaseAnimationProps extends Base, PropsWithChildren {
+export interface BaseAnimationProps extends PropsWithChildren<Base> {
     name: string;
     condition: boolean;
     animateOnStart?: boolean;

package/dist/components/dialog-article/dialog-article.component.d.ts

@@ -4,7 +4,7 @@ interface DialogActionButton {
     text: string;
     fn: () => void;
 }
-interface DialogArticleProps extends Base {
+interface DialogArticleProps extends PropsWithChildren<Base> {
     cancel?: DialogActionButton;
     confirm?: DialogActionButton;
 }
@@ -12,5 +12,5 @@ interface DialogArticleProps extends Base {
  * Dialog article section with optional action buttons (cancel/confirm).
  * Automatically adjusts bottom padding on mobile to prevent button overlap.
  */
-export declare const DialogArticle: (props: PropsWithChildren<DialogArticleProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogArticle: (props: DialogArticleProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/form-row/form-row.component.d.ts

@@ -1,6 +1,6 @@
-import { Size } from '../../utils/types';
+import { Base, Size } from '../../utils/types';
 import { PropsWithChildren } from 'react';
-export interface FormRowProps extends PropsWithChildren {
+export interface FormRowProps extends PropsWithChildren<Base> {
     gap: Size;
 }
 export declare const FormRow: (props: FormRowProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/information/information.component.js

@@ -11,8 +11,8 @@ import '../../assets/information-D-nqKgE6.css';const e = "_Information_1g632_1",
   "div",
   {
     "data-testid": r(t, "data-testid", "information"),
-    ref: s,
     className: f(o.Information, r(t, "className")),
+    ref: s,
     children: [
       /* @__PURE__ */ n(c, { className: o.Icon }),
       /* @__PURE__ */ n("div", { className: o.Text, children: m })

package/dist/components/payment/components/block/block.component.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 export interface PaymentBlockProps extends PropsWithChildren {
     title: string;
 }
-export declare const Block: (props: PaymentBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Block: ({ children, title }: PaymentBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/payment/components/block/block.component.js

@@ -1,14 +1,11 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import '../../../../assets/block-F5TXCTG0.css';const n = "_Block_qsuc1_1", i = "_BlockTitle_qsuc1_10", c = {
-  Block: n,
-  BlockTitle: i
-}, r = (l) => {
-  const { children: o, title: t } = l;
-  return /* @__PURE__ */ s("div", { className: c.Block, children: [
-    /* @__PURE__ */ e("h6", { className: c.BlockTitle, dangerouslySetInnerHTML: { __html: t } }),
-    o
-  ] });
-};
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import '../../../../assets/block-F5TXCTG0.css';const e = "_Block_qsuc1_1", k = "_BlockTitle_qsuc1_10", c = {
+  Block: e,
+  BlockTitle: k
+}, B = ({ children: l, title: o }) => /* @__PURE__ */ s("div", { className: c.Block, children: [
+  /* @__PURE__ */ t("h6", { className: c.BlockTitle, dangerouslySetInnerHTML: { __html: o } }),
+  l
+] });
 export {
-  r as Block
+  B as Block
 };

package/dist/components/payment/components/glass/glass.component.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
-export interface PaymentGlassProps extends PropsWithChildren {
+import { Base } from '../../../../utils/types';
+export interface PaymentGlassProps extends PropsWithChildren<Base> {
     on: boolean;
     withLoader?: boolean;
 }
-export declare const Glass: (props: PaymentGlassProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Glass: ({ children, on, withLoader, ...base }: PaymentGlassProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/payment/components/glass/glass.component.js

@@ -1,27 +1,33 @@
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { Loader as t } from "../../../loader/loader.component.js";
+import m from "clsx";
+import { Loader as l } from "../../../loader/loader.component.js";
+import { baseProps as o } from "../../../../utils/functions/functions.util.js";
 import { m as n } from "../../../../proxy-Cx6n7mT2.js";
-import { A as l } from "../../../../index-PfP8s0Qf.js";
-import '../../../../assets/glass-CfX3rUed.css';const m = "_Glass_12crp_1", p = "_Cover_12crp_5", o = {
-  Glass: m,
-  Cover: p
-}, h = (r) => {
-  const { children: a, on: e, withLoader: i = !1 } = r;
-  return /* @__PURE__ */ c("div", { className: o.Glass, children: [
-    /* @__PURE__ */ s(l, { mode: "sync", children: e && /* @__PURE__ */ s(
-      n.div,
-      {
-        initial: { opacity: 0, scale: 0.75 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.75 },
-        transition: { duration: 0.125 },
-        className: o.Cover,
-        children: i && /* @__PURE__ */ s(t, { size: "lg", color: "accent-primary" })
-      }
-    ) }),
-    a
-  ] });
-};
+import { A as p } from "../../../../index-PfP8s0Qf.js";
+import '../../../../assets/glass-CfX3rUed.css';const d = "_Glass_12crp_1", f = "_Cover_12crp_5", r = {
+  Glass: d,
+  Cover: f
+}, h = ({ children: t, on: e, withLoader: i = !1, ...a }) => /* @__PURE__ */ c(
+  "div",
+  {
+    "data-testid": o(a, "data-testid", "payment-glass"),
+    className: m(r.Glass, o(a, "className")),
+    children: [
+      /* @__PURE__ */ s(p, { mode: "sync", children: e && /* @__PURE__ */ s(
+        n.div,
+        {
+          initial: { opacity: 0, scale: 0.75 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.75 },
+          transition: { duration: 0.125 },
+          className: r.Cover,
+          children: i && /* @__PURE__ */ s(l, { size: "lg", color: "accent-primary" })
+        }
+      ) }),
+      t
+    ]
+  }
+);
 export {
   h as Glass
 };

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

@@ -3,8 +3,8 @@ export type { PaymentGlassProps } from './components/glass/glass.component';
 export type { PaymentSidebarProps } from './components/sidebar/sidebar.component';
 export type { PaymentTextBlocksProps, PaymentTextBlockItem, } from './components/text-blocks/text-blocks.component';
 export declare const Payment: {
-    Block: (props: import('./components/block/block.component').PaymentBlockProps) => import("react/jsx-runtime").JSX.Element;
-    Glass: (props: import('./components/glass/glass.component').PaymentGlassProps) => import("react/jsx-runtime").JSX.Element;
+    Block: ({ children, title }: import('./components/block/block.component').PaymentBlockProps) => import("react/jsx-runtime").JSX.Element;
+    Glass: ({ children, on, withLoader, ...base }: import('./components/glass/glass.component').PaymentGlassProps) => import("react/jsx-runtime").JSX.Element;
     Sidebar: (props: import('./components/sidebar/sidebar.component').PaymentSidebarProps) => import("react/jsx-runtime").JSX.Element;
     TextBlocks: (props: import('./components/text-blocks/text-blocks.component').PaymentTextBlocksProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/sidebar/components/board/board.component.d.ts

@@ -1,2 +1,3 @@
 import { PropsWithChildren } from 'react';
-export declare const Board: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+import { Base } from '../../../../utils/types';
+export declare const Board: ({ children, ...base }: PropsWithChildren<Base>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,16 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../../../assets/board-DdRugbJz.css';const d = "_Board_daowi_1", c = {
-  Board: d
-}, s = (o) => {
-  const { children: r } = o;
-  return /* @__PURE__ */ a("div", { className: c.Board, children: r });
-};
+import { jsx as d } from "react/jsx-runtime";
+import s from "clsx";
+import { baseProps as a } from "../../../../utils/functions/functions.util.js";
+import '../../../../assets/board-DdRugbJz.css';const t = "_Board_daowi_1", i = {
+  Board: t
+}, p = ({ children: r, ...o }) => /* @__PURE__ */ d(
+  "div",
+  {
+    "data-testid": a(o, "data-testid", "sidebar-board"),
+    className: s(i.Board, a(o, "className")),
+    children: r
+  }
+);
 export {
-  s as Board
+  p as Board
 };

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

@@ -3,7 +3,8 @@ import { CertificationsProps } from '../certifications';
 import { UserPanelProps } from '../user-panel';
 import { InfoProps } from './components/info/info.component';
 import { StepsProps } from './components/steps/steps.component';
-export interface SidebarProps extends PropsWithChildren {
+import { Base } from '../../utils/types';
+export interface SidebarProps extends PropsWithChildren<Base> {
     isButtonVisible: boolean;
     isUserOpen: boolean;
     title: string;
@@ -12,4 +13,4 @@ export interface SidebarProps extends PropsWithChildren {
     user: UserPanelProps;
     certifications: CertificationsProps['icons'];
 }
-export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sidebar: ({ children, isButtonVisible, isUserOpen, title, steps, info, certifications, user, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,40 +1,37 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { AnimationFadeScale as o } from "../../animations/animation-fade-scale/animation-fade-scale.component.js";
-import { Certifications as p } from "../certifications/certifications.component.js";
-import { Line as e } from "../line/line.component.js";
-import { Text as u } from "../text/text.component.js";
-import { UserPanel as S } from "../user-panel/user-panel.component.js";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { AnimationFadeScale as r } from "../../animations/animation-fade-scale/animation-fade-scale.component.js";
+import { Certifications as f } from "../certifications/certifications.component.js";
+import { Line as o } from "../line/line.component.js";
+import { Text as S } from "../text/text.component.js";
+import { UserPanel as p } from "../user-panel/user-panel.component.js";
 import { Board as h } from "./components/board/board.component.js";
-import { Info as B } from "./components/info/info.component.js";
+import { Info as u } from "./components/info/info.component.js";
 import { Steps as T } from "./components/steps/steps.component.js";
-import '../../assets/sidebar-B3KPFpFU.css';const _ = "_SidebarTitle_1sscs_1", x = "_SidebarButton_1sscs_2", n = {
+import '../../assets/sidebar-B3KPFpFU.css';const _ = "_SidebarTitle_1sscs_1", B = "_SidebarButton_1sscs_2", a = {
   SidebarTitle: _,
-  SidebarButton: x
-}, F = (a) => {
-  const {
-    children: s,
-    isButtonVisible: d = !1,
-    isUserOpen: c = !1,
-    title: l = "Ihre Übersicht",
-    steps: m = [],
-    info: b = [],
-    certifications: f = [],
-    user: i
-  } = a;
-  return /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ t("div", { className: n.SidebarTitle, children: /* @__PURE__ */ t(u.SidebarTitle, { children: l }) }),
-    /* @__PURE__ */ t(T, { data: m }),
-    /* @__PURE__ */ t(e, {}),
-    /* @__PURE__ */ t(B, { data: b }),
-    /* @__PURE__ */ t(e, {}),
-    /* @__PURE__ */ r(o, { name: "user", condition: c, children: [
-      /* @__PURE__ */ t(S, { title: i.title, button: i.button, data: i.data, onClick: i.onClick }),
-      /* @__PURE__ */ t(e, {})
-    ] }),
-    /* @__PURE__ */ t(o, { name: "button", condition: d, duration: 0.2, delay: 0.1, children: /* @__PURE__ */ t("div", { className: n.SidebarButton, children: s }) }),
-    /* @__PURE__ */ t(p, { icons: f })
-  ] });
-};
+  SidebarButton: B
+}, F = ({
+  children: n,
+  isButtonVisible: d = !1,
+  isUserOpen: m = !1,
+  title: c = "Ihre Übersicht",
+  steps: s = [],
+  info: l = [],
+  certifications: b = [],
+  user: i
+}) => /* @__PURE__ */ e(h, { children: [
+  /* @__PURE__ */ t("div", { className: a.SidebarTitle, children: /* @__PURE__ */ t(S.SidebarTitle, { children: c }) }),
+  /* @__PURE__ */ t(T, { data: s }),
+  /* @__PURE__ */ t(o, {}),
+  /* @__PURE__ */ t(u, { data: l }),
+  /* @__PURE__ */ t(o, {}),
+  /* @__PURE__ */ e(r, { name: "user", condition: m, children: [
+    /* @__PURE__ */ t(p, { title: i.title, button: i.button, data: i.data, onClick: i.onClick }),
+    /* @__PURE__ */ t(o, {})
+  ] }),
+  /* @__PURE__ */ t(r, { name: "button", condition: d, duration: 0.2, delay: 0.1, children: /* @__PURE__ */ t("div", { className: a.SidebarButton, children: n }) }),
+  /* @__PURE__ */ t(f, { icons: b })
+] });
 export {
   F as Sidebar
 };

package/dist/controls/control-box/control-box.component.d.ts

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { State } from '../utils/types';
 import { Base } from '../../utils/types';
-export interface ControlBoxProps extends Base {
+export interface ControlBoxProps extends PropsWithChildren<Base> {
     state?: State;
     focused?: boolean;
     checked?: boolean;
@@ -10,6 +11,4 @@ export interface ControlBoxProps extends Base {
  * `ControlBox` provides a consistent frame for checkbox/radio-like controls. It handles visual
  * states (`idle`, `error`, `success`) plus `focused` and `checked` modifiers.
  */
-export declare const ControlBox: import('react').ForwardRefExoticComponent<ControlBoxProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ControlBox: import('react').ForwardRefExoticComponent<ControlBoxProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/controls/control-button/control-button.component.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { ControlButtonColor, ControlButtonSize, ControlButtonType } from '../utils/types';
 import { Base } from '../../utils/types';
-export interface ControlButtonProps extends Base {
+export interface ControlButtonProps extends PropsWithChildren<Base> {
     color?: ControlButtonColor;
     size?: ControlButtonSize;
     type?: ControlButtonType;
@@ -15,4 +15,4 @@ export interface ControlButtonProps extends Base {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare const ControlButton: ({ children, color, size, type, disabled, info, fullWidth, loading, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: PropsWithChildren<ControlButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlButton: ({ children, color, size, type, disabled, info, fullWidth, loading, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ControlButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/control-button-card/control-button-card.component.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { SvgProps } from '../../utils/svg';
 import { Base } from '../../utils/types';
-export interface ControlButtonCardProps extends Base, PropsWithChildren {
+export interface ControlButtonCardProps extends PropsWithChildren<Base> {
     icon?: SvgProps['icon'];
     iconPosition?: 'top' | 'left';
     active?: boolean;

package/dist/controls/control-button-radio/control-button-radio.component.d.ts

@@ -5,7 +5,7 @@ type ControlButtonRadioInfo = {
     hintLeft?: string;
     hintRight?: string;
 };
-export interface ControlButtonRadioProps extends Base, PropsWithChildren {
+export interface ControlButtonRadioProps extends PropsWithChildren<Base> {
     active?: boolean;
     disabled?: boolean;
     preventDefault?: boolean;

package/dist/controls/control-button-text/control-button-text.component.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { ControlButtonSize, ControlButtonType, ControlButtonTypeColor } from '../utils';
 import { Base, FontWeight } from '../../utils/types';
 import { SvgProps } from '../../utils/svg';
-export interface ControlButtonTextProps extends Base {
+export interface ControlButtonTextProps extends PropsWithChildren<Base> {
     color?: ControlButtonTypeColor;
     size?: ControlButtonSize;
     type?: ControlButtonType;
@@ -17,4 +17,4 @@ export interface ControlButtonTextProps extends Base {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare const ControlButtonText: ({ children, size, color, weight, type, icon, iconPosition, underlined, disabled, preventDefault, blurAfterClick, onClick, onFocus, onBlur, className, ...rest }: PropsWithChildren<ControlButtonTextProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlButtonText: ({ children, size, color, weight, type, icon, iconPosition, underlined, disabled, preventDefault, blurAfterClick, onClick, onFocus, onBlur, className, ...rest }: ControlButtonTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/control-checkbox/control-checkbox.component.d.ts

@@ -2,10 +2,10 @@ import { PropsWithChildren, ReactNode } from 'react';
 import { Interactive, State } from '../utils/types';
 import { ControlChoiceProps } from '../control-choice';
 import { Base, FontSize } from '../../utils/types';
-export interface ControlCheckboxProps extends Base, Interactive<boolean> {
+export interface ControlCheckboxProps extends Interactive<boolean>, PropsWithChildren<Base> {
     state?: State;
-    icon?: ControlChoiceProps['size'];
-    text?: Extract<FontSize, 'body' | 'body-small'>;
+    iconSize?: ControlChoiceProps['size'];
+    textSize?: Extract<FontSize, 'body' | 'body-small'>;
     message?: ReactNode;
 }
-export declare const ControlCheckbox: (props: PropsWithChildren<ControlCheckboxProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlCheckbox: (props: ControlCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/control-checkbox/control-checkbox.component.js

@@ -1,51 +1,52 @@
 import { jsxs as C, jsx as r } from "react/jsx-runtime";
 import { useToggle as u } from "usehooks-ts";
-import _ from "clsx";
+import x from "clsx";
 import { ControlChoice as F } from "../control-choice/control-choice.component.js";
 import { ControlHiddenInput as L } from "../control-hidden-input/control-hidden-input.component.js";
 import { Converter as N } from "../../utils/converter/converter.util.js";
-import { AnimationFadeSlide as S } from "../../animations/animation-fade-slide/animation-fade-slide.component.js";
-import { ControlErrorMessage as I } from "../control-error-message/control-error-message.component.js";
-import '../../assets/control-checkbox-uLtXjmYN.css';const j = "_ControlCheckbox_1x82h_1", H = "_Label_1x82h_6", T = "_Choice_1x82h_19", z = "_Content_1x82h_25", A = "_Body_1x82h_44", D = "_BodySmall_1x82h_49", P = "_ErrorMessage_1x82h_54", e = {
+import { AnimationFadeSlide as I } from "../../animations/animation-fade-slide/animation-fade-slide.component.js";
+import { ControlErrorMessage as z } from "../control-error-message/control-error-message.component.js";
+import { baseProps as _ } from "../../utils/functions/functions.util.js";
+import '../../assets/control-checkbox-uLtXjmYN.css';const j = "_ControlCheckbox_1x82h_1", H = "_Label_1x82h_6", P = "_Choice_1x82h_19", T = "_Content_1x82h_25", A = "_Body_1x82h_44", D = "_BodySmall_1x82h_49", $ = "_ErrorMessage_1x82h_54", e = {
   ControlCheckbox: j,
   Label: H,
-  Choice: T,
-  Content: z,
+  Choice: P,
+  Content: T,
   Body: A,
   BodySmall: D,
-  ErrorMessage: P
-}, R = (x) => {
+  ErrorMessage: $
+}, V = (b) => {
   const {
-    children: g,
+    children: p,
     state: l = "idle",
-    icon: p = "md",
-    text: c = "body-small",
+    iconSize: f = "md",
+    textSize: c = "body-small",
     id: o,
     value: t,
     disabled: n = !1,
     message: a = "",
     onChange: i,
-    onFocus: b = () => {
+    onFocus: g = () => {
     },
-    onBlur: f = () => {
+    onBlur: y = () => {
     },
-    className: y
-  } = x, [d, m] = u(!1), [B, h] = u(!1), k = (s) => {
+    ...B
+  } = b, [d, m] = u(!1), [k, h] = u(!1), v = (s) => {
     n || d || (s.preventDefault(), i(!t, o));
-  }, v = (s) => {
+  }, S = (s) => {
     n || (s.stopPropagation(), i(!t, o));
   }, M = () => {
-    n || (m(), b(o));
+    n || (m(), g(o));
   }, E = () => {
-    n || (m(), f(o));
+    n || (m(), y(o));
   };
-  return /* @__PURE__ */ C("div", { className: _(e.ControlCheckbox, y), children: [
+  return /* @__PURE__ */ C("div", { "data-testid": _(B, "className", "control-checkbox"), className: x(e.ControlCheckbox, _), children: [
     /* @__PURE__ */ C(
       "label",
       {
         htmlFor: o,
         className: e.Label,
-        onClick: k,
+        onClick: v,
         onFocus: M,
         onBlur: E,
         onMouseEnter: () => h(),
@@ -60,37 +61,37 @@ import '../../assets/control-checkbox-uLtXjmYN.css';const j = "_ControlCheckbox_
               value: N.Boolean.ToBooleanString(t),
               checked: t,
               disabled: n,
-              onChange: v
+              onChange: S
             }
           ),
           /* @__PURE__ */ r("div", { className: e.Choice, children: /* @__PURE__ */ r(
             F,
             {
               type: "checkbox",
-              size: p,
+              size: f,
               state: l,
               checked: t,
               focused: d,
-              hovered: B,
+              hovered: k,
               disabled: n
             }
           ) }),
           /* @__PURE__ */ r(
             "div",
             {
-              className: _(e.Content, {
+              className: x(e.Content, {
                 [e.Body]: c === "body",
                 [e.BodySmall]: c === "body-small"
               }),
-              children: g
+              children: p
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ r(S, { name: "text-message", condition: l === "error" && !!a, children: /* @__PURE__ */ r(I, { className: e.ErrorMessage, children: a }) })
+    /* @__PURE__ */ r(I, { name: "text-message", condition: l === "error" && !!a, children: /* @__PURE__ */ r(z, { className: e.ErrorMessage, children: a }) })
   ] });
 };
 export {
-  R as ControlCheckbox
+  V as ControlCheckbox
 };

package/dist/controls/control-label/control-label.component.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { State } from '../utils/types';
 import { Base } from '../../utils/types';
-interface ControlLabelProps extends Base {
+interface ControlLabelProps extends PropsWithChildren<Base> {
     state?: State;
     position?: 'idle' | 'active';
 }
@@ -9,5 +9,5 @@ interface ControlLabelProps extends Base {
  * `ControlLabel` renders field label text with active/idle positioning and validation color states.
  * Use it to keep label behavior and appearance consistent across inputs.
  */
-export declare const ControlLabel: ({ children, position, state, ...base }: PropsWithChildren<ControlLabelProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlLabel: ({ children, position, state, ...base }: ControlLabelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/controls/control-label/control-label.component.js

@@ -7,12 +7,7 @@ import '../../assets/control-label-C8pjaWEU.css';const _ = "_ControlLabel_l2cwl_
   Active: d,
   Error: "_Error_l2cwl_17",
   Success: i
-}, u = ({
-  children: s,
-  position: c = "idle",
-  state: e = "idle",
-  ...o
-}) => /* @__PURE__ */ t(
+}, u = ({ children: s, position: c = "idle", state: e = "idle", ...o }) => /* @__PURE__ */ t(
   "span",
   {
     "data-testid": r(o, "data-testid", "control-label"),

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

@@ -1,10 +1,10 @@
 import { PropsWithChildren } from 'react';
 import { Base } from '../../utils/types';
 import { ControlRadioTextColor, ControlRadioTextSize } from '../utils';
-export interface ControlRadioTextProps extends Base {
+export interface ControlRadioTextProps extends PropsWithChildren<Base> {
     size?: ControlRadioTextSize;
     color?: ControlRadioTextColor;
     checked?: boolean;
     oneLine?: boolean;
 }
-export declare const ControlRadioText: ({ children, size, color, checked, oneLine, className, }: PropsWithChildren<ControlRadioTextProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlRadioText: ({ children, size, color, checked, oneLine, className, }: ControlRadioTextProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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