@arthurzakharov/ui-kit 1.5.2 → 1.5.4

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
 import { Base, FontAlign, FontColor, FontSize, FontWeight, TagNames, TextPreset } from '../../utils/types';
-interface TextProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChildren<Base> {
+interface TextFieldProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChildren<Base> {
     preset?: TextPreset;
     tag?: TagNames;
     lined?: boolean;
@@ -9,5 +9,5 @@ interface TextProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChil
     size?: FontSize;
     color?: FontColor;
 }
-export declare const Text: ({ children, className, preset, lined, align, tag, weight, size, color, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ children, className, preset, lined, align, tag, weight, size, color, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { State } from '../utils';
+import { Base } from '../../utils/types';
+export interface BoxProps extends PropsWithChildren<Base> {
+    state?: State;
+    focused?: boolean;
+    checked?: boolean;
+    onClick?: () => void;
+}
+export declare const Box: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1 @@
+export { Box, type BoxProps } from './box.component';

package/dist/controls/box/index.js

@@ -0,0 +1,4 @@
+import { Box as x } from "./box.component.js";
+export {
+  x as Box
+};

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

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

package/dist/controls/button/button.component.js

@@ -0,0 +1,82 @@
+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 = {
+  Button: C,
+  SM: T,
+  LG: B,
+  Tertiary: F,
+  Text: N,
+  MD: P,
+  Primary: D,
+  Info: G,
+  Secondary: I,
+  Loading: W,
+  FullWidth: w,
+  Content: $,
+  Loader: g
+}, H = ({
+  text: _,
+  color: a = "primary",
+  size: r = "md",
+  type: d = "button",
+  disabled: m = !1,
+  info: l = "",
+  fullWidth: y = !1,
+  loading: n = !1,
+  preventDefault: u = !1,
+  blurAfterClick: b = !1,
+  onClick: f = () => {
+  },
+  onFocus: p,
+  onBlur: L,
+  ...e
+}) => /* @__PURE__ */ s(
+  "button",
+  {
+    "data-testid": i(e, "data-testid", "button"),
+    type: d,
+    disabled: m || n,
+    className: h(t.Button, i(e, "className"), {
+      [t.SM]: r === "sm",
+      [t.MD]: r === "md",
+      [t.LG]: r === "lg",
+      [t.Primary]: a === "primary",
+      [t.Secondary]: a === "secondary",
+      [t.Tertiary]: a === "tertiary",
+      [t.FullWidth]: y,
+      [t.Loading]: n
+    }),
+    onClick: S(f, { prevent: u, blur: b }),
+    onFocus: () => p?.(),
+    onBlur: () => L?.(),
+    children: [
+      /* @__PURE__ */ o(c, { name: "loader", condition: n, className: t.Loader, children: /* @__PURE__ */ o(
+        x,
+        {
+          size: "xs",
+          color: (() => {
+            switch (a) {
+              case "primary":
+                return "white";
+              case "secondary":
+                return "text-secondary";
+              case "tertiary":
+                return "text-primary";
+            }
+          })()
+        }
+      ) }),
+      /* @__PURE__ */ s(c, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
+        /* @__PURE__ */ o("span", { className: t.Text, children: _ }),
+        /* @__PURE__ */ o(M, { className: t.Info, children: l })
+      ] })
+    ]
+  }
+);
+export {
+  H as Button
+};

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

@@ -0,0 +1 @@
+export { Button, type ButtonProps } from './button.component';

package/dist/controls/button/index.js

@@ -0,0 +1,4 @@
+import { Button as r } from "./button.component.js";
+export {
+  r as Button
+};

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

@@ -1,7 +1,8 @@
-import { PropsWithChildren } from 'react';
 import { SvgProps } from '../../utils/svg';
-import { Base } from '../../utils/types';
-export interface ControlButtonCardProps extends PropsWithChildren<Base> {
+import { Base, FontSize } from '../../utils/types';
+export interface ButtonCardProps extends Base {
+    text: string;
+    textSize?: Extract<FontSize, 'body' | 'body-small'>;
     icon?: SvgProps['icon'];
     iconPosition?: 'top' | 'left';
     active?: boolean;
@@ -12,4 +13,4 @@ export interface ControlButtonCardProps extends PropsWithChildren<Base> {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare const ControlButtonCard: (props: ControlButtonCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonCard: (props: ButtonCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,79 @@
+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 = {
+  ButtonCard: F,
+  Icon: j,
+  IconTop: z,
+  Text: D,
+  IconLeft: H
+}, G = (f) => {
+  const {
+    text: u,
+    textSize: m = "body",
+    icon: d = null,
+    iconPosition: e = "top",
+    active: n = !1,
+    disabled: s = !1,
+    preventDefault: p = !1,
+    blurAfterClick: _ = !1,
+    onClick: x,
+    onFocus: I,
+    onBlur: b,
+    // Base props
+    ...c
+  } = f, r = g(null), T = v(r), [C, a] = k(!1);
+  return /* @__PURE__ */ t(
+    N,
+    {
+      "data-testid": i(c, "data-testid", "button-card"),
+      ref: r,
+      checked: n || T,
+      state: "idle",
+      focused: C,
+      className: i(c, "className"),
+      children: /* @__PURE__ */ B(
+        "button",
+        {
+          type: "button",
+          disabled: s,
+          className: L(o.ButtonCard, {
+            [o.IconTop]: e === "top",
+            [o.IconLeft]: e === "left"
+          }),
+          onClick: (l) => {
+            p && l.preventDefault(), _ && l.currentTarget.blur(), x?.();
+          },
+          onFocus: () => {
+            a(), I?.();
+          },
+          onBlur: () => {
+            a(), b?.();
+          },
+          children: [
+            /* @__PURE__ */ t(y, { icon: d, className: o.Icon }),
+            /* @__PURE__ */ t(
+              h,
+              {
+                oneLine: !0,
+                text: u,
+                size: m,
+                checked: n,
+                color: s ? "text-secondary" : "text-primary",
+                className: o.Text
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  G as ButtonCard
+};

package/dist/controls/button-card/index.d.ts

@@ -0,0 +1 @@
+export { ButtonCard, type ButtonCardProps } from './button-card.component';

package/dist/controls/button-card/index.js

@@ -0,0 +1,4 @@
+import { ButtonCard as t } from "./button-card.component.js";
+export {
+  t as ButtonCard
+};

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

@@ -0,0 +1,20 @@
+import { Base, FontSize } from '../../utils/types';
+type ButtonRadioInfo = {
+    text?: string;
+    hintLeft?: string;
+    hintRight?: string;
+};
+export interface ButtonRadioProps extends Base {
+    text: string;
+    textSize?: Extract<FontSize, 'body' | 'body-small'>;
+    active?: boolean;
+    disabled?: boolean;
+    info?: ButtonRadioInfo;
+    preventDefault?: boolean;
+    blurAfterClick?: boolean;
+    onClick?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const ButtonRadio: ({ text, textSize, active, disabled, info, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ButtonRadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/button-radio/button-radio.component.js

@@ -0,0 +1,83 @@
+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 = {
+  ButtonRadio: T,
+  Row: b,
+  Wrap: v,
+  Content: W,
+  Text: k,
+  Hint: L
+}, q = ({
+  text: m,
+  textSize: u = "body",
+  active: n = !1,
+  disabled: a = !1,
+  info: o,
+  preventDefault: p = !1,
+  blurAfterClick: _ = !1,
+  onClick: h,
+  onFocus: f,
+  onBlur: R,
+  // Base props
+  ...i
+}) => {
+  const r = y(null), x = N(r), [w, c] = g(!1);
+  return /* @__PURE__ */ e(
+    B,
+    {
+      "data-testid": d(i, "data-testid", "button-radio"),
+      ref: r,
+      checked: n || x,
+      state: "idle",
+      focused: w,
+      className: d(i, "className"),
+      children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          disabled: a,
+          className: t.ButtonRadio,
+          onClick: (l) => {
+            p && l.preventDefault(), _ && l.currentTarget.blur(), h?.();
+          },
+          onFocus: () => {
+            c(), f?.();
+          },
+          onBlur: () => {
+            c(), R?.();
+          },
+          children: /* @__PURE__ */ s("div", { className: t.Wrap, children: [
+            /* @__PURE__ */ e(C, { state: n ? "success" : "idle" }),
+            /* @__PURE__ */ s("div", { className: t.Content, children: [
+              /* @__PURE__ */ s("div", { className: t.Row, children: [
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    oneLine: !0,
+                    text: m,
+                    size: u,
+                    checked: n,
+                    color: a ? "text-secondary" : "text-primary"
+                  }
+                ),
+                o?.text ? /* @__PURE__ */ e("span", { className: t.Text, children: o.text }) : null
+              ] }),
+              (o?.hintLeft || o?.hintRight) && /* @__PURE__ */ s("div", { className: t.Row, children: [
+                /* @__PURE__ */ e("span", { className: t.Hint, children: o.hintLeft }),
+                /* @__PURE__ */ e("span", { className: t.Hint, children: o.hintRight })
+              ] })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  q as ButtonRadio
+};

package/dist/controls/button-radio/index.d.ts

@@ -0,0 +1 @@
+export { ButtonRadio, type ButtonRadioProps } from './button-radio.component';

package/dist/controls/button-radio/index.js

@@ -0,0 +1,4 @@
+import { ButtonRadio as r } from "./button-radio.component.js";
+export {
+  r as ButtonRadio
+};

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

@@ -1,8 +1,8 @@
-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 PropsWithChildren<Base> {
+import { Base, FontWeight } from '../../utils/types';
+export interface ButtonTextProps extends Base {
+    text: string;
     color?: ControlButtonTypeColor;
     size?: ControlButtonSize;
     type?: ControlButtonType;
@@ -17,4 +17,4 @@ export interface ControlButtonTextProps extends PropsWithChildren<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 }: ControlButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonText: ({ text, size, color, weight, type, icon, iconPosition, underlined, disabled, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,87 @@
+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 = {
+  ButtonText: L,
+  TextPrimary: M,
+  TextSecondary: P,
+  AccentPrimary: B,
+  AccentSecondary: A,
+  ThemePrimary: R,
+  ThemeSecondary: C,
+  Left: b,
+  Right: D,
+  Icon: G,
+  SM: I,
+  MD: N,
+  LG: U,
+  Content: j,
+  Light: v,
+  Regular: k,
+  Medium: F,
+  Bold: $,
+  Underlined: q
+}, O = ({
+  text: s,
+  size: r = "md",
+  color: e = "text-primary",
+  weight: n = "medium",
+  type: d = "button",
+  icon: i = null,
+  iconPosition: c = "left",
+  underlined: p = !1,
+  disabled: y = !1,
+  preventDefault: l = !1,
+  blurAfterClick: u = !1,
+  onClick: x = () => {
+  },
+  onFocus: T = () => {
+  },
+  onBlur: h = () => {
+  },
+  // Base props
+  ...o
+}) => /* @__PURE__ */ S(
+  "button",
+  {
+    "data-testid": m(o, "data-testid", "button-text"),
+    type: d,
+    disabled: y,
+    className: a(t.ButtonText, m(o, "className"), {
+      [t.Left]: c === "left",
+      [t.Right]: c === "right",
+      [t.SM]: r === "sm",
+      [t.MD]: r === "md",
+      [t.LG]: r === "lg",
+      [t.TextPrimary]: e === "text-primary",
+      [t.TextSecondary]: e === "text-secondary",
+      [t.AccentPrimary]: e === "accent-primary",
+      [t.AccentSecondary]: e === "accent-secondary",
+      [t.ThemePrimary]: e === "theme-primary",
+      [t.ThemeSecondary]: e === "theme-secondary"
+    }),
+    onClick: f(x, { prevent: l, blur: u }),
+    onFocus: () => T(),
+    onBlur: () => h(),
+    children: [
+      /* @__PURE__ */ _(g, { icon: i, className: t.Icon }),
+      /* @__PURE__ */ _(
+        "span",
+        {
+          className: a(t.Content, {
+            [t.Light]: n === "light",
+            [t.Regular]: n === "regular",
+            [t.Medium]: n === "medium",
+            [t.Bold]: n === "bold",
+            [t.Underlined]: p
+          }),
+          children: s
+        }
+      )
+    ]
+  }
+);
+export {
+  O as ButtonText
+};

package/dist/controls/button-text/index.d.ts

@@ -0,0 +1 @@
+export { ButtonText, type ButtonTextProps } from './button-text.component';

package/dist/controls/button-text/index.js

@@ -0,0 +1,4 @@
+import { ButtonText as e } from "./button-text.component.js";
+export {
+  e as ButtonText
+};

package/dist/controls/caption/caption.component.d.ts

@@ -0,0 +1,10 @@
+import { ControlCaptionColor, ControlCaptionSize } from '../utils';
+import { Base } from '../../utils/types';
+export interface CaptionProps extends Base {
+    text: string;
+    size?: ControlCaptionSize;
+    color?: ControlCaptionColor;
+    checked?: boolean;
+    oneLine?: boolean;
+}
+export declare const Caption: ({ text, size, color, checked, oneLine, ...base }: CaptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/caption/caption.component.js

@@ -0,0 +1,48 @@
+import { jsx as n } from "react/jsx-runtime";
+import i from "clsx";
+import { Content as _ } from "../../utils/content/content.component.js";
+import { baseProps as o } from "../../utils/functions/functions.util.js";
+import '../../assets/caption-B28SGRY1.css';const m = "_Caption_cifud_1", s = "_TextPrimary_cifud_8", l = "_Content_cifud_8", x = "_TextSecondary_cifud_12", f = "_AccentPrimary_cifud_16", p = "_AccentSecondary_cifud_20", B = "_BodyExtraSmall_cifud_24", S = "_BodySmall_cifud_29", C = "_Body_cifud_24", u = "_BodyLarge_cifud_39", P = "_OneLine_cifud_44", A = "_Checked_cifud_49", t = {
+  Caption: m,
+  TextPrimary: s,
+  Content: l,
+  TextSecondary: x,
+  AccentPrimary: f,
+  AccentSecondary: p,
+  BodyExtraSmall: B,
+  BodySmall: S,
+  Body: C,
+  BodyLarge: u,
+  OneLine: P,
+  Checked: A
+}, b = ({
+  // Caption props
+  text: d,
+  size: e = "body",
+  color: c = "text-primary",
+  checked: r = !1,
+  oneLine: y = !1,
+  // Base props
+  ...a
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    "data-testid": o(a, "data-testid", "caption"),
+    className: i(t.Caption, o(a, "className"), {
+      [t.TextPrimary]: c === "text-primary",
+      [t.TextSecondary]: c === "text-secondary",
+      [t.AccentPrimary]: c === "accent-primary",
+      [t.AccentSecondary]: c === "accent-secondary",
+      [t.BodyExtraSmall]: e === "body-extra-small",
+      [t.BodySmall]: e === "body-small",
+      [t.Body]: e === "body",
+      [t.BodyLarge]: e === "body-large",
+      [t.OneLine]: y,
+      [t.Checked]: r
+    }),
+    children: /* @__PURE__ */ n(_, { tag: "span", className: t.Content, children: d })
+  }
+);
+export {
+  b as Caption
+};

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

@@ -0,0 +1 @@
+export { Caption, type CaptionProps } from './caption.component';

package/dist/controls/caption/index.js

@@ -0,0 +1,4 @@
+import { Caption as r } from "./caption.component.js";
+export {
+  r as Caption
+};

package/dist/controls/card-image/card-image.component.d.ts

@@ -0,0 +1,10 @@
+import { ChoiceProps } from '../choice';
+import { ChoiceValue, Interactive, RadioChoice } from '../utils';
+import { Base, FontSize } from '../../utils/types';
+export interface CardImageProps extends Base, Interactive<ChoiceValue> {
+    sprite: string;
+    choices: RadioChoice[];
+    iconSize?: ChoiceProps['size'];
+    textSize?: Extract<FontSize, 'body' | 'body-small'>;
+}
+export declare const CardImage: ({ id, value, disabled, state, onChange, onFocus, onBlur, sprite, choices, iconSize, textSize, ...base }: CardImageProps) => import("react/jsx-runtime").JSX.Element;