@arthurzakharov/ui-kit 1.5.6 → 1.5.7

package/dist/controls/index.js

@@ -1,50 +1,50 @@
-import { Box as t } from "./box/box.component.js";
-import { Button as x } from "./button/button.component.js";
-import { ButtonCard as m } from "./button-card/button-card.component.js";
-import { ButtonRadio as a } from "./button-radio/button-radio.component.js";
-import { ButtonText as d } from "./button-text/button-text.component.js";
-import { Caption as u } from "./caption/caption.component.js";
-import { CardImage as c } from "./card-image/card-image.component.js";
-import { CardText as l } from "./card-text/card-text.component.js";
-import { Checkbox as I } from "./checkbox/checkbox.component.js";
-import { Choice as T } from "./choice/choice.component.js";
-import { Dropdown as g } from "./dropdown/dropdown.component.js";
-import { ErrorMessage as R } from "./error-message/error-message.component.js";
-import { HiddenInput as L } from "./hidden-input/hidden-input.component.js";
-import { Input as A } from "./input/input.component.js";
-import { Label as E } from "./label/label.component.js";
-import { Radio as M } from "./radio/radio.component.js";
-import { RadioLabel as S } from "./radio-label/radio-label.component.js";
-import { Status as q } from "./status/status.component.js";
-import { TextArea as y } from "./text-area/text-area.component.js";
-import { TextField as G } from "./text-field/text-field.component.js";
-import { useChoice as K } from "./hooks/use-choice/use-choice.hook.js";
-import { useControlInteraction as P } from "./hooks/use-control-interaction/use-control-interaction.hook.js";
-import { clickHasNode as U, containsHtml as V, getChoiceId as W } from "./utils/functions/functions.util.js";
+import { Button as t } from "./buttons/button/button.component.js";
+import { ButtonCard as x } from "./buttons/button-card/button-card.component.js";
+import { ButtonRadio as m } from "./buttons/button-radio/button-radio.component.js";
+import { ButtonText as a } from "./buttons/button-text/button-text.component.js";
+import { CardImage as d } from "./interactives/card-image/card-image.component.js";
+import { CardText as u } from "./interactives/card-text/card-text.component.js";
+import { Checkbox as c } from "./interactives/checkbox/checkbox.component.js";
+import { Dropdown as l } from "./interactives/dropdown/dropdown.component.js";
+import { Input as I } from "./interactives/input/input.component.js";
+import { Radio as T } from "./interactives/radio/radio.component.js";
+import { TextArea as g } from "./interactives/text-area/text-area.component.js";
+import { TextField as R } from "./interactives/text-field/text-field.component.js";
+import { Box as L } from "./primitives/box/box.component.js";
+import { Caption as A } from "./primitives/caption/caption.component.js";
+import { Choice as E } from "./primitives/choice/choice.component.js";
+import { ErrorMessage as M } from "./primitives/error-message/error-message.component.js";
+import { HiddenInput as S } from "./primitives/hidden-input/hidden-input.component.js";
+import { Label as q } from "./primitives/label/label.component.js";
+import { RadioLabel as y } from "./primitives/radio-label/radio-label.component.js";
+import { Status as G } from "./primitives/status/status.component.js";
+import { clickHasNode as K, containsHtml as O, getChoiceId as P } from "./utils/functions/functions.util.js";
+import { useChoice as U } from "./utils/hooks/use-choice/use-choice.hook.js";
+import { useControlInteraction as W } from "./utils/hooks/use-control-interaction/use-control-interaction.hook.js";
 export {
-  t as Box,
-  x as Button,
-  m as ButtonCard,
-  a as ButtonRadio,
-  d as ButtonText,
-  u as Caption,
-  c as CardImage,
-  l as CardText,
-  I as Checkbox,
-  T as Choice,
-  g as Dropdown,
-  R as ErrorMessage,
-  L as HiddenInput,
-  A as Input,
-  E as Label,
-  M as Radio,
-  S as RadioLabel,
-  q as Status,
-  y as TextArea,
-  G as TextField,
-  U as clickHasNode,
-  V as containsHtml,
-  W as getChoiceId,
-  K as useChoice,
-  P as useControlInteraction
+  L as Box,
+  t as Button,
+  x as ButtonCard,
+  m as ButtonRadio,
+  a as ButtonText,
+  A as Caption,
+  d as CardImage,
+  u as CardText,
+  c as Checkbox,
+  E as Choice,
+  l as Dropdown,
+  M as ErrorMessage,
+  S as HiddenInput,
+  I as Input,
+  q as Label,
+  T as Radio,
+  y as RadioLabel,
+  G as Status,
+  g as TextArea,
+  R as TextField,
+  K as clickHasNode,
+  O as containsHtml,
+  P as getChoiceId,
+  U as useChoice,
+  W as useControlInteraction
 };

package/dist/controls/{card-image → interactives/card-image}/card-image.component.d.ts

@@ -1,6 +1,6 @@
-import { ChoiceProps } from '../choice';
-import { ChoiceValue, Interactive, RadioChoice } from '../utils';
-import { Base, FontSize } from '../../utils/types';
+import { ChoiceProps } from '../../primitives';
+import { ChoiceValue, Interactive, RadioChoice } from '../../utils';
+import { Base, FontSize } from '../../../utils/types';
 export interface CardImageProps extends Base, Interactive<ChoiceValue> {
     sprite: string;
     choices: RadioChoice[];

package/dist/controls/{card-image → interactives/card-image}/card-image.component.js

@@ -1,24 +1,26 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import b from "clsx";
-import { Box as j } from "../box/box.component.js";
-import { Caption as z } from "../caption/caption.component.js";
-import { Choice as $ } from "../choice/choice.component.js";
-import { HiddenInput as F } from "../hidden-input/hidden-input.component.js";
-import { RadioLabel as H } from "../radio-label/radio-label.component.js";
-import { useChoice as L } from "../hooks/use-choice/use-choice.hook.js";
+import { Box as j } from "../../primitives/box/box.component.js";
+import { Caption as z } from "../../primitives/caption/caption.component.js";
+import { Choice as $ } from "../../primitives/choice/choice.component.js";
+import "react";
+import { baseProps as C } from "../../../utils/functions/functions.util.js";
+import { HiddenInput as F } from "../../primitives/hidden-input/hidden-input.component.js";
+import { RadioLabel as H } from "../../primitives/radio-label/radio-label.component.js";
+import "lucide-react";
+import { getChoiceId as L } from "../../utils/functions/functions.util.js";
+import { useChoice as P } from "../../utils/hooks/use-choice/use-choice.hook.js";
 import "usehooks-ts";
-import { getChoiceId as P } from "../utils/functions/functions.util.js";
-import { baseProps as C } from "../../utils/functions/functions.util.js";
-import '../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1", q = "_Content_nc2yn_13", w = "_Top_nc2yn_27", A = "_Wrap_nc2yn_32", D = "_Bottom_nc2yn_43", n = {
+import '../../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1", q = "_Content_nc2yn_13", w = "_Top_nc2yn_27", A = "_Wrap_nc2yn_32", D = "_Bottom_nc2yn_43", n = {
   CardImage: R,
   Content: q,
   Top: w,
   Wrap: A,
   Bottom: D
-}, Z = ({
+}, oo = ({
   // Interactive props
   id: a,
-  value: m,
+  value: e,
   disabled: s = !1,
   state: _ = "idle",
   onChange: g,
@@ -32,20 +34,20 @@ import '../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1", q
   // Base props
   ...i
 }) => {
-  const { type: l, onChoiceChange: x } = L(m, a, g);
+  const { type: p, onChoiceChange: x } = P(e, a, g);
   return /* @__PURE__ */ o(
     "div",
     {
       "data-testid": C(i, "data-testid", "card-image"),
       className: b(n.CardImage, C(i, "className")),
       children: I.map((t, B, N) => {
-        const e = P(a, t.value, B);
-        return /* @__PURE__ */ o(H, { id: e, value: m, state: _, choice: t, choices: N, children: ({ focused: d, hovered: T, checked: r, state: p }) => /* @__PURE__ */ o(j, { state: p, checked: r, focused: d, children: /* @__PURE__ */ c("div", { className: n.Content, children: [
+        const m = L(a, t.value, B);
+        return /* @__PURE__ */ o(H, { id: m, value: e, state: _, choice: t, choices: N, children: ({ focused: l, hovered: T, checked: r, state: d }) => /* @__PURE__ */ o(j, { state: d, checked: r, focused: l, children: /* @__PURE__ */ c("div", { className: n.Content, children: [
           /* @__PURE__ */ o(
             F,
             {
-              type: l,
-              id: e,
+              type: p,
+              id: m,
               name: a,
               value: t.value,
               checked: r,
@@ -60,22 +62,22 @@ import '../../assets/card-image-LY9zvE8g.css';const R = "_CardImage_nc2yn_1", q
             /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
               $,
               {
-                type: l,
+                type: p,
                 size: y,
-                state: p,
+                state: d,
                 checked: r,
-                focused: d,
+                focused: l,
                 hovered: T,
                 disabled: s
               }
             ) }),
             /* @__PURE__ */ o(z, { text: t.label, size: h, checked: r })
           ] })
-        ] }) }) }, e);
+        ] }) }) }, m);
       })
     }
   );
 };
 export {
-  Z as CardImage
+  oo as CardImage
 };

package/dist/controls/{card-text → interactives/card-text}/card-text.component.d.ts

@@ -1,6 +1,6 @@
-import { ChoiceProps } from '../choice';
-import { ChoiceValue, Interactive, RadioChoice } from '../utils';
-import { Base, FontSize } from '../../utils/types';
+import { ChoiceProps } from '../../primitives';
+import { ChoiceValue, Interactive, RadioChoice } from '../../utils';
+import { Base, FontSize } from '../../../utils/types';
 export interface CardTextProps extends Base, Interactive<ChoiceValue> {
     choices: RadioChoice[];
     iconSize?: ChoiceProps['size'];

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

@@ -0,0 +1,77 @@
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import I from "clsx";
+import { Box as j } from "../../primitives/box/box.component.js";
+import { Caption as y } from "../../primitives/caption/caption.component.js";
+import { Choice as z } from "../../primitives/choice/choice.component.js";
+import "react";
+import { baseProps as d } from "../../../utils/functions/functions.util.js";
+import { HiddenInput as B } from "../../primitives/hidden-input/hidden-input.component.js";
+import { RadioLabel as $ } from "../../primitives/radio-label/radio-label.component.js";
+import "lucide-react";
+import { getChoiceId as F } from "../../utils/functions/functions.util.js";
+import { useChoice as H } from "../../utils/hooks/use-choice/use-choice.hook.js";
+import "usehooks-ts";
+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
+}, Y = ({
+  // Interactive props
+  id: t,
+  value: m,
+  disabled: s = !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 } = H(m, t, x);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-testid": d(n, "data-testid", "card-text"),
+      className: I(i.CardText, d(n, "className")),
+      children: f.map((e, L, T) => {
+        const a = F(t, e.value, L);
+        return /* @__PURE__ */ o($, { id: a, value: m, state: C, choice: e, choices: T, children: ({ focused: p, hovered: N, checked: r, state: c }) => /* @__PURE__ */ o(j, { state: c, checked: r, focused: p, children: /* @__PURE__ */ w("div", { className: i.Label, children: [
+          /* @__PURE__ */ o(
+            B,
+            {
+              type: l,
+              id: a,
+              name: t,
+              value: e.value,
+              checked: r,
+              disabled: s,
+              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: c,
+              checked: r,
+              focused: p,
+              hovered: N,
+              disabled: s
+            }
+          ) }),
+          /* @__PURE__ */ o(y, { text: e.label, size: v, checked: r })
+        ] }) }) }, a);
+      })
+    }
+  );
+};
+export {
+  Y as CardText
+};

package/dist/controls/{checkbox → interactives/checkbox}/checkbox.component.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import { ChoiceProps } from '../choice';
-import { Interactive } from '../utils';
-import { Base, FontSize } from '../../utils/types';
+import { ChoiceProps } from '../../primitives';
+import { Interactive } from '../../utils';
+import { Base, FontSize } from '../../../utils/types';
 export interface CheckboxProps extends PropsWithChildren<Base>, Interactive<boolean> {
     iconSize?: ChoiceProps['size'];
     textSize?: Extract<FontSize, 'body' | 'body-small'>;

package/dist/controls/{checkbox → interactives/checkbox}/checkbox.component.js

@@ -1,15 +1,17 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { useRef as M } from "react";
 import { useHover as N } from "usehooks-ts";
-import _ from "clsx";
-import { FadeSlide as S } from "../../animations/fade-slide/fade-slide.component.js";
-import { Choice as v } from "../choice/choice.component.js";
-import { HiddenInput as F } from "../hidden-input/hidden-input.component.js";
-import { ErrorMessage as L } from "../error-message/error-message.component.js";
-import { useControlInteraction as $ } from "../hooks/use-control-interaction/use-control-interaction.hook.js";
-import { Converter as j } from "../../utils/converter/converter.util.js";
-import { baseProps as C } from "../../utils/functions/functions.util.js";
-import '../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "_Label_19a0f_6", P = "_Choice_19a0f_19", D = "_Content_19a0f_25", R = "_Body_19a0f_44", T = "_BodySmall_19a0f_49", q = "_ErrorMessage_19a0f_54", o = {
+import p from "clsx";
+import { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
+import "../../primitives/box/box.component.js";
+import { baseProps as _ } from "../../../utils/functions/functions.util.js";
+import { Choice as v } from "../../primitives/choice/choice.component.js";
+import { ErrorMessage as F } from "../../primitives/error-message/error-message.component.js";
+import { HiddenInput as L } from "../../primitives/hidden-input/hidden-input.component.js";
+import "lucide-react";
+import { useControlInteraction as $ } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
+import { Converter as j } from "../../../utils/converter/converter.util.js";
+import '../../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "_Label_19a0f_6", P = "_Choice_19a0f_19", D = "_Content_19a0f_25", R = "_Body_19a0f_44", T = "_BodySmall_19a0f_49", q = "_ErrorMessage_19a0f_54", o = {
   Checkbox: H,
   Label: I,
   Choice: P,
@@ -17,13 +19,13 @@ import '../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "
   Body: R,
   BodySmall: T,
   ErrorMessage: q
-}, X = ({
+}, Z = ({
   // Interactive props
   id: t,
   value: r = !1,
   disabled: s = !1,
   state: c = "idle",
-  onChange: p,
+  onChange: C,
   onFocus: b,
   onBlur: x,
   // Checkbox props
@@ -38,11 +40,11 @@ import '../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "
   const i = M(null), B = N(i), { focused: d, emitChange: h, handleFocus: u, handleBlur: g } = $({
     id: t,
     disabled: s,
-    onChange: p,
+    onChange: C,
     onFocus: b,
     onBlur: x
   });
-  return /* @__PURE__ */ f("div", { "data-testid": C(m, "data-testid", "checkbox"), className: _(o.Checkbox, C(m, "className")), children: [
+  return /* @__PURE__ */ f("div", { "data-testid": _(m, "data-testid", "checkbox"), className: p(o.Checkbox, _(m, "className")), children: [
     /* @__PURE__ */ f(
       "label",
       {
@@ -57,7 +59,7 @@ import '../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "
         onBlur: g,
         children: [
           /* @__PURE__ */ e(
-            F,
+            L,
             {
               type: "checkbox",
               id: t,
@@ -85,7 +87,7 @@ import '../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "
           /* @__PURE__ */ e(
             "div",
             {
-              className: _(o.Content, {
+              className: p(o.Content, {
                 [o.Body]: n === "body",
                 [o.BodySmall]: n === "body-small"
               }),
@@ -95,9 +97,9 @@ import '../../assets/checkbox-BzL5bg8o.css';const H = "_Checkbox_19a0f_1", I = "
         ]
       }
     ),
-    /* @__PURE__ */ e(S, { name: "text-message", condition: c === "error" && !!l, children: /* @__PURE__ */ e(L, { text: l, className: o.ErrorMessage }) })
+    /* @__PURE__ */ e(S, { name: "text-message", condition: c === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
   ] });
 };
 export {
-  X as Checkbox
+  Z as Checkbox
 };

package/dist/controls/{dropdown → interactives/dropdown}/dropdown.component.d.ts

@@ -1,5 +1,5 @@
-import { QuestionChoice } from '../utils';
-import { Base } from '../../utils/types';
+import { QuestionChoice } from '../../utils';
+import { Base } from '../../../utils/types';
 export interface DropdownProps extends Base {
     choices: QuestionChoice[];
     value: QuestionChoice[];

package/dist/controls/{dropdown → interactives/dropdown}/dropdown.component.js

@@ -3,15 +3,15 @@ import { useRef as u, useState as f, useEffect as y, useMemo as K } from "react"
 import { useBoolean as M, useResizeObserver as E, useOnClickOutside as P } from "usehooks-ts";
 import { ChevronDown as T, Search as q } from "lucide-react";
 import k from "clsx";
-import { Button as J } from "../button/button.component.js";
-import { Box as R } from "../box/box.component.js";
-import { Caption as x } from "../caption/caption.component.js";
-import { Choice as Q } from "../choice/choice.component.js";
-import { Label as U } from "../label/label.component.js";
-import { clickHasNode as X } from "../utils/functions/functions.util.js";
-import { Converter as Y } from "../../utils/converter/converter.util.js";
-import { baseProps as H } from "../../utils/functions/functions.util.js";
-import '../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee = "_Border_1kidn_17", oe = "_Content_1kidn_28", se = "_Chevron_1kidn_39", ie = "_ChevronWrap_1kidn_53", ne = "_Box_1kidn_69", te = "_BoxVisible_1kidn_75", re = "_BoxHidden_1kidn_79", ce = "_Search_1kidn_83", le = "_SearchVisible_1kidn_89", ae = "_SearchHidden_1kidn_93", de = "_Close_1kidn_97", he = "_Input_1kidn_106", _e = "_Glass_1kidn_120", me = "_Choices_1kidn_131", Ce = "_Choice_1kidn_131", pe = "_ChoiceNoResult_1kidn_151", o = {
+import { Button as J } from "../../buttons/button/button.component.js";
+import { Box as R } from "../../primitives/box/box.component.js";
+import { Caption as x } from "../../primitives/caption/caption.component.js";
+import { Choice as Q } from "../../primitives/choice/choice.component.js";
+import { baseProps as H } from "../../../utils/functions/functions.util.js";
+import { Label as U } from "../../primitives/label/label.component.js";
+import { clickHasNode as X } from "../../utils/functions/functions.util.js";
+import { Converter as Y } from "../../../utils/converter/converter.util.js";
+import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee = "_Border_1kidn_17", oe = "_Content_1kidn_28", se = "_Chevron_1kidn_39", ie = "_ChevronWrap_1kidn_53", ne = "_Box_1kidn_69", te = "_BoxVisible_1kidn_75", re = "_BoxHidden_1kidn_79", ce = "_Search_1kidn_83", le = "_SearchVisible_1kidn_89", ae = "_SearchHidden_1kidn_93", de = "_Close_1kidn_97", he = "_Input_1kidn_106", _e = "_Glass_1kidn_120", me = "_Choices_1kidn_131", Ce = "_Choice_1kidn_131", pe = "_ChoiceNoResult_1kidn_151", o = {
   Dropdown: Z,
   Border: ee,
   Content: oe,

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

@@ -0,0 +1,8 @@
+export * from './card-image';
+export * from './card-text';
+export * from './checkbox';
+export * from './dropdown';
+export * from './input';
+export * from './radio';
+export * from './text-area';
+export * from './text-field';

package/dist/controls/interactives/index.js

@@ -0,0 +1,18 @@
+import { CardImage as e } from "./card-image/card-image.component.js";
+import { CardText as x } from "./card-text/card-text.component.js";
+import { Checkbox as m } from "./checkbox/checkbox.component.js";
+import { Dropdown as a } from "./dropdown/dropdown.component.js";
+import { Input as C } from "./input/input.component.js";
+import { Radio as i } from "./radio/radio.component.js";
+import { TextArea as I } from "./text-area/text-area.component.js";
+import { TextField as c } from "./text-field/text-field.component.js";
+export {
+  e as CardImage,
+  x as CardText,
+  m as Checkbox,
+  a as Dropdown,
+  C as Input,
+  i as Radio,
+  I as TextArea,
+  c as TextField
+};

package/dist/controls/{input → interactives/input}/input.component.d.ts

@@ -1,5 +1,5 @@
-import { Interactive } from '../utils';
-import { Base } from '../../utils/types';
+import { Interactive } from '../../utils';
+import { Base } from '../../../utils/types';
 export interface InputProps extends Base, Interactive<string> {
     mask?: string;
     maxLength?: number;

package/dist/controls/{input → interactives/input}/input.component.js

@@ -2,9 +2,9 @@ import { jsx as M } from "react/jsx-runtime";
 import { useRef as d, useState as O, useLayoutEffect as Q, useCallback as R, useEffect as W } from "react";
 import K from "clsx";
 import { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as v, replaceCharByIndex as b, getNextChar as T, isSeparator as P, getPreviousChar as Z, applyMask as k } from "./input.utils.js";
-import { useControlInteraction as tt } from "../hooks/use-control-interaction/use-control-interaction.hook.js";
-import { baseProps as h } from "../../utils/functions/functions.util.js";
-import '../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_Placeholder_gfvsr_45", w = {
+import { useControlInteraction as tt } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
+import { baseProps as h } from "../../../utils/functions/functions.util.js";
+import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_Placeholder_gfvsr_45", w = {
   Input: et,
   Placeholder: nt
 }, it = ({

package/dist/controls/{radio → interactives/radio}/radio.component.d.ts

@@ -1,7 +1,6 @@
-import { ChoiceProps } from '../choice';
-import { CaptionProps } from '../caption';
-import { Interactive, RadioChoice } from '../utils';
-import { Base } from '../../utils/types';
+import { ChoiceProps, CaptionProps } from '../../primitives';
+import { Interactive, RadioChoice } from '../../utils';
+import { Base } from '../../../utils/types';
 export interface RadioProps extends Base, Interactive<string> {
     orientation?: 'horizontal' | 'vertical';
     choices: RadioChoice[];

package/dist/controls/{radio → interactives/radio}/radio.component.js

@@ -1,22 +1,25 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import _ from "clsx";
-import { FadeSlide as k } from "../../animations/fade-slide/fade-slide.component.js";
-import { Choice as I } from "../choice/choice.component.js";
-import { Caption as V } from "../caption/caption.component.js";
-import { ErrorMessage as y } from "../error-message/error-message.component.js";
-import { HiddenInput as F } from "../hidden-input/hidden-input.component.js";
-import { useControlInteraction as j } from "../hooks/use-control-interaction/use-control-interaction.hook.js";
-import { RadioLabel as B } from "../radio-label/radio-label.component.js";
-import { getChoiceId as $ } from "../utils/functions/functions.util.js";
-import { baseProps as p } from "../../utils/functions/functions.util.js";
-import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Content_rt0wk_6", q = "_Horizontal_rt0wk_10", A = "_Vertical_rt0wk_15", D = "_Label_rt0wk_20", G = "_ErrorMessage_rt0wk_33", o = {
+import p from "clsx";
+import { FadeSlide as k } from "../../../animations/fade-slide/fade-slide.component.js";
+import "../../primitives/box/box.component.js";
+import { Caption as I } from "../../primitives/caption/caption.component.js";
+import { Choice as V } from "../../primitives/choice/choice.component.js";
+import { ErrorMessage as y } from "../../primitives/error-message/error-message.component.js";
+import { HiddenInput as F } from "../../primitives/hidden-input/hidden-input.component.js";
+import "react";
+import { baseProps as _ } from "../../../utils/functions/functions.util.js";
+import { RadioLabel as j } from "../../primitives/radio-label/radio-label.component.js";
+import "lucide-react";
+import { getChoiceId as B } from "../../utils/functions/functions.util.js";
+import { useControlInteraction as $ } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
+import '../../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Content_rt0wk_6", q = "_Horizontal_rt0wk_10", A = "_Vertical_rt0wk_15", D = "_Label_rt0wk_20", G = "_ErrorMessage_rt0wk_33", o = {
   Radio: P,
   Content: S,
   Horizontal: q,
   Vertical: A,
   Label: D,
   ErrorMessage: G
-}, tr = ({
+}, ir = ({
   // Interactive props
   id: e,
   value: f = "",
@@ -34,7 +37,7 @@ import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Conte
   // Base props
   ...d
 }) => {
-  const { emitChange: w, handleFocus: x, handleBlur: E } = j({
+  const { emitChange: w, handleFocus: x, handleBlur: E } = $({
     id: e,
     disabled: a,
     onChange: u,
@@ -44,20 +47,20 @@ import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Conte
   return /* @__PURE__ */ c(
     "div",
     {
-      "data-testid": p(d, "data-testid", "radio"),
-      className: _(o.Radio, p(d, "className")),
+      "data-testid": _(d, "data-testid", "radio"),
+      className: p(o.Radio, _(d, "className")),
       children: [
         /* @__PURE__ */ r(
           "div",
           {
-            className: _(o.Content, {
+            className: p(o.Content, {
               [o.Horizontal]: l === "horizontal",
               [o.Vertical]: l === "vertical"
             }),
             children: h.map((t, M, R) => {
-              const i = $(e, t.value, M);
+              const i = B(e, t.value, M);
               return /* @__PURE__ */ r(
-                B,
+                j,
                 {
                   id: i,
                   value: f,
@@ -66,7 +69,7 @@ import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Conte
                   choices: R,
                   children: ({ focused: b, hovered: H, checked: n, state: L }) => /* @__PURE__ */ c("div", { className: o.Label, children: [
                     /* @__PURE__ */ r(
-                      I,
+                      V,
                       {
                         type: "radio",
                         size: v,
@@ -91,7 +94,7 @@ import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Conte
                         onBlur: E
                       }
                     ),
-                    /* @__PURE__ */ r(V, { text: t.label, size: z, checked: n })
+                    /* @__PURE__ */ r(I, { text: t.label, size: z, checked: n })
                   ] })
                 },
                 i
@@ -105,5 +108,5 @@ import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Conte
   );
 };
 export {
-  tr as Radio
+  ir as Radio
 };

package/dist/controls/{text-area → interactives/text-area}/text-area.component.d.ts

@@ -1,5 +1,5 @@
-import { Interactive } from '../utils';
-import { Base } from '../../utils/types';
+import { Interactive } from '../../utils';
+import { Base } from '../../../utils/types';
 export interface TextAreaProps extends Base, Interactive<string> {
     placeholder?: string;
     rows?: number;