@arthurzakharov/ui-kit 1.3.9 → 1.4.0

package/dist/components/user-panel/user-panel.component.d.ts

@@ -1,8 +1,11 @@
-import { BaseProps } from '../../utils/types';
-export interface UserPanelProps extends BaseProps {
+import { Base } from '../../utils/types';
+export interface UserPanelProps extends Base {
     title: string;
     button: string;
     data: string[];
     onClick: () => void;
 }
-export declare const UserPanel: ({ title, button, data, onClick, className }: UserPanelProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Displays a user panel with title, editable button, and user information data.
+ */
+export declare const UserPanel: ({ title, button, data, onClick, ...base }: UserPanelProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
-import { BaseProps } from '../../utils/types';
-export interface WarrantyProps extends BaseProps {
+import { Base } from '../../utils/types';
+export interface WarrantyProps extends Base {
     title: ReactNode;
     text: ReactNode;
 }
-export declare const Warranty: ({ title, text, className }: WarrantyProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Displays a warranty badge with icon, title, and descriptive text.
+ */
+export declare const Warranty: ({ title, text, ...base }: WarrantyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/warranty/warranty.component.js

@@ -1,14 +1,14 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import h from "clsx";
-import { Content as r } from "../../utils/content/content.component.js";
-import { isHtmlString as i } from "../../utils/functions/functions.util.js";
-import '../../assets/warranty-8YaLpEkj.css';const s = "_Warranty_1gdgm_1", o = "_Icon_1gdgm_16", d = "_Main_1gdgm_22", m = "_Title_1gdgm_29", g = "_Text_1gdgm_34", t = {
-  Warranty: s,
-  Icon: o,
-  Main: d,
-  Title: m,
-  Text: g
-}, _ = () => /* @__PURE__ */ c(
+import i from "clsx";
+import { Content as l } from "../../utils/content/content.component.js";
+import { isHtmlString as h, baseProps as e } from "../../utils/functions/functions.util.js";
+import '../../assets/warranty-8YaLpEkj.css';const o = "_Warranty_1gdgm_1", d = "_Icon_1gdgm_16", m = "_Main_1gdgm_22", g = "_Title_1gdgm_29", _ = "_Text_1gdgm_34", t = {
+  Warranty: o,
+  Icon: d,
+  Main: m,
+  Title: g,
+  Text: _
+}, v = () => /* @__PURE__ */ c(
   "svg",
   {
     "data-testid": "warranty-icon",
@@ -30,14 +30,21 @@ import '../../assets/warranty-8YaLpEkj.css';const s = "_Warranty_1gdgm_1", o = "
       ] })
     ]
   }
-), x = ({ title: l, text: n, className: e = "" }) => /* @__PURE__ */ c("div", { "data-testid": "warranty", className: h(t.Warranty, e), children: [
-  /* @__PURE__ */ a(_, {}),
-  /* @__PURE__ */ c("div", { className: t.Main, children: [
-    i(n),
-    /* @__PURE__ */ a(r, { "data-testid": "warranty-title", className: t.Title, children: l }),
-    /* @__PURE__ */ a(r, { "data-testid": "warranty-text", className: t.Text, children: n })
-  ] })
-] });
+), Z = ({ title: s, text: n, ...r }) => /* @__PURE__ */ c(
+  "div",
+  {
+    "data-testid": e(r, "data-testid", "warranty"),
+    className: i(t.Warranty, e(r, "className")),
+    children: [
+      /* @__PURE__ */ a(v, {}),
+      /* @__PURE__ */ c("div", { className: t.Main, children: [
+        h(n),
+        /* @__PURE__ */ a(l, { "data-testid": "warranty-title", className: t.Title, children: s }),
+        /* @__PURE__ */ a(l, { "data-testid": "warranty-text", className: t.Text, children: n })
+      ] })
+    ]
+  }
+);
 export {
-  x as Warranty
+  Z as Warranty
 };

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

@@ -0,0 +1,15 @@
+import { State } from '../utils/types';
+import { Base } from '../../utils/types';
+export interface ControlBoxProps extends Base {
+    state?: State;
+    focused?: boolean;
+    checked?: boolean;
+    onClick?: () => void;
+}
+/**
+ * `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>>;

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

@@ -0,0 +1,33 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import u from "clsx";
+import { baseProps as e } from "../../utils/functions/functions.util.js";
+import '../../assets/control-box-Dx-QKPgf.css';const x = "_ControlBox_1utix_1", m = "_Checked_1utix_15", C = "_Idle_1utix_21", a = "_Focused_1utix_25", f = "_Success_1utix_34", o = {
+  ControlBox: x,
+  Checked: m,
+  Idle: C,
+  Focused: a,
+  Error: "_Error_1utix_30",
+  Success: f
+}, F = n(
+  ({ children: r, focused: t = !1, checked: d = !1, state: c = "idle", onClick: l = () => {
+  }, ...s }, _) => /* @__PURE__ */ i(
+    "div",
+    {
+      "data-testid": e(s, "data-testid", "control-box"),
+      ref: _,
+      className: u(o.ControlBox, e(s, "className"), {
+        [o.Focused]: t,
+        [o.Checked]: d,
+        [o.Idle]: c === "idle",
+        [o.Error]: c === "error",
+        [o.Success]: c === "success"
+      }),
+      onClick: () => l(),
+      children: r
+    }
+  )
+);
+export {
+  F as ControlBox
+};

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

@@ -0,0 +1,2 @@
+export { ControlBox } from './control-box.component';
+export type { ControlBoxProps } from './control-box.component';

package/dist/controls/control-box/index.js

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

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

@@ -0,0 +1,18 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { ControlButtonColor, ControlButtonSize, ControlButtonType } from '../utils/types';
+import { Base } from '../../utils/types';
+export interface ControlButtonProps extends Base {
+    color?: ControlButtonColor;
+    size?: ControlButtonSize;
+    type?: ControlButtonType;
+    disabled?: boolean;
+    info?: ReactNode;
+    fullWidth?: boolean;
+    loading?: boolean;
+    preventDefault?: boolean;
+    blurAfterClick?: boolean;
+    onClick?: () => void;
+    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;

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

@@ -0,0 +1,84 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import h from "clsx";
+import { AnimationFadeScale as c } from "../../animations/animation-fade-scale/animation-fade-scale.component.js";
+import { Loader as x } from "../../components/loader/loader.component.js";
+import { Content as C } from "../../utils/content/content.component.js";
+import { withControl as M, baseProps as i } from "../../utils/functions/functions.util.js";
+import '../../assets/control-button-Tzg6F5Dp.css';const S = "_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", g = "_Content_1b52a_94", j = "_Loader_1b52a_110", t = {
+  Button: S,
+  SM: T,
+  LG: B,
+  Tertiary: F,
+  Text: N,
+  MD: P,
+  Primary: D,
+  Info: G,
+  Secondary: I,
+  Loading: W,
+  FullWidth: w,
+  Content: g,
+  Loader: j
+}, H = ({
+  children: _,
+  color: a = "primary",
+  size: r = "md",
+  type: d = "button",
+  disabled: m = !1,
+  info: l = "",
+  fullWidth: y = !1,
+  loading: o = !1,
+  preventDefault: u = !1,
+  blurAfterClick: b = !1,
+  onClick: f = () => {
+  },
+  onFocus: p = () => {
+  },
+  onBlur: L = () => {
+  },
+  ...e
+}) => /* @__PURE__ */ s(
+  "button",
+  {
+    "data-testid": i(e, "data-testid", "control-button"),
+    type: d,
+    disabled: m || o,
+    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]: o
+    }),
+    onClick: M(f, { prevent: u, blur: b }),
+    onFocus: () => p(),
+    onBlur: () => L(),
+    children: [
+      /* @__PURE__ */ n(c, { name: "loader", condition: o, className: t.Loader, children: /* @__PURE__ */ n(
+        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: !o, className: t.Content, children: [
+        /* @__PURE__ */ n("span", { className: t.Text, children: _ }),
+        /* @__PURE__ */ n(C, { className: t.Info, children: l })
+      ] })
+    ]
+  }
+);
+export {
+  H as ControlButton
+};

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

@@ -0,0 +1,2 @@
+export { ControlButton } from './control-button.component';
+export type { ControlButtonProps } from './control-button.component';

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import { useRef as B } from "react";
+import { useHover as b, useToggle as g } from "usehooks-ts";
+import v from "clsx";
+import { ControlBox as z } from "../control-box/control-box.component.js";
+import { ControlRadioText as h } from "../control-radio-text/control-radio-text.component.js";
+import { Svg as k } from "../../utils/svg/svg.component.js";
+import '../../assets/control-button-card-Cb8_vJbQ.css';const L = "_ControlButtonCard_1luaz_1", y = "_Icon_1luaz_10", N = "_IconTop_1luaz_14", F = "_Text_1luaz_21", R = "_IconLeft_1luaz_25", o = {
+  ControlButtonCard: L,
+  Icon: y,
+  IconTop: N,
+  Text: F,
+  IconLeft: R
+}, q = (a) => {
+  const {
+    children: u,
+    onClick: i,
+    onFocus: f,
+    onBlur: m,
+    icon: d = null,
+    iconPosition: n = "top",
+    active: e = !1,
+    disabled: l = !1,
+    preventDefault: p = !1,
+    blurAfterClick: C = !1,
+    className: _
+  } = a, c = B(null), x = b(c), [I, r] = g(!1);
+  return /* @__PURE__ */ t(z, { ref: c, checked: e || x, state: "idle", focused: I, className: _, children: /* @__PURE__ */ T(
+    "button",
+    {
+      type: "button",
+      disabled: l,
+      className: v(o.ControlButtonCard, {
+        [o.IconTop]: n === "top",
+        [o.IconLeft]: n === "left"
+      }),
+      onClick: (s) => {
+        p && s.preventDefault(), C && s.currentTarget.blur(), i?.call(null);
+      },
+      onFocus: () => {
+        r(), f?.call(null);
+      },
+      onBlur: () => {
+        r(), m?.call(null);
+      },
+      children: [
+        /* @__PURE__ */ t(k, { icon: d, className: o.Icon }),
+        /* @__PURE__ */ t(
+          h,
+          {
+            oneLine: !0,
+            size: "body",
+            checked: e,
+            color: l ? "text-secondary" : "text-primary",
+            className: o.Text,
+            children: u
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  q as ControlButtonCard
+};

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

@@ -0,0 +1,2 @@
+export { ControlButtonCard } from './control-button-card.component';
+export type { ControlButtonCardProps } from './control-button-card.component';

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

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

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

@@ -0,0 +1,19 @@
+import { PropsWithChildren } from 'react';
+import { Base } from '../../utils/types';
+type ControlButtonRadioInfo = {
+    text?: string;
+    hintLeft?: string;
+    hintRight?: string;
+};
+export interface ControlButtonRadioProps extends Base, PropsWithChildren {
+    active?: boolean;
+    disabled?: boolean;
+    preventDefault?: boolean;
+    blurAfterClick?: boolean;
+    info?: ControlButtonRadioInfo;
+    onClick?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const ControlButtonRadio: (props: ControlButtonRadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,69 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { useHover as v, useToggle as N } from "usehooks-ts";
+import { ControlBox as j } from "../control-box/control-box.component.js";
+import { ControlRadioText as B } from "../control-radio-text/control-radio-text.component.js";
+import { ControlStatus as b } from "../control-status/control-status.component.js";
+import '../../assets/control-button-radio-BodzD0rU.css';const g = "_ControlButtonRadio_1jar9_1", H = "_Row_1jar9_14", T = "_Wrap_1jar9_23", k = "_Content_1jar9_32", w = "_Text_1jar9_42", y = "_Hint_1jar9_50", t = {
+  ControlButtonRadio: g,
+  Row: H,
+  Wrap: T,
+  Content: k,
+  Text: w,
+  Hint: y
+}, S = (i) => {
+  const {
+    children: d,
+    onClick: u,
+    onFocus: f,
+    onBlur: m,
+    info: e,
+    active: l = !1,
+    disabled: r = !1,
+    preventDefault: h = !1,
+    blurAfterClick: p = !1,
+    className: _
+  } = i, s = x(null), C = v(s), [R, a] = N(!1);
+  return /* @__PURE__ */ o(j, { ref: s, checked: l || C, state: "idle", focused: R, className: _, children: /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      disabled: r,
+      className: t.ControlButtonRadio,
+      onClick: (c) => {
+        h && c.preventDefault(), p && c.currentTarget.blur(), u?.call(null);
+      },
+      onFocus: () => {
+        a(), f?.call(null);
+      },
+      onBlur: () => {
+        a(), m?.call(null);
+      },
+      children: /* @__PURE__ */ n("div", { className: t.Wrap, children: [
+        /* @__PURE__ */ o(b, { state: l ? "success" : "idle" }),
+        /* @__PURE__ */ n("div", { className: t.Content, children: [
+          /* @__PURE__ */ n("div", { className: t.Row, children: [
+            /* @__PURE__ */ o(
+              B,
+              {
+                oneLine: !0,
+                size: "body",
+                checked: l,
+                color: r ? "text-secondary" : "text-primary",
+                children: d
+              }
+            ),
+            e?.text ? /* @__PURE__ */ o("span", { className: t.Text, children: e.text }) : null
+          ] }),
+          (e?.hintLeft || e?.hintRight) && /* @__PURE__ */ n("div", { className: t.Row, children: [
+            /* @__PURE__ */ o("span", { className: t.Hint, children: e.hintLeft }),
+            /* @__PURE__ */ o("span", { className: t.Hint, children: e.hintRight })
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  S as ControlButtonRadio
+};

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

@@ -0,0 +1,2 @@
+export { ControlButtonRadio } from './control-button-radio.component';
+export type { ControlButtonRadioProps } from './control-button-radio.component';

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

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

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

@@ -0,0 +1,20 @@
+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 {
+    color?: ControlButtonTypeColor;
+    size?: ControlButtonSize;
+    type?: ControlButtonType;
+    weight?: FontWeight;
+    icon?: SvgProps['icon'];
+    iconPosition?: 'left' | 'right';
+    underlined?: boolean;
+    disabled?: boolean;
+    preventDefault?: boolean;
+    blurAfterClick?: boolean;
+    onClick?: () => void;
+    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;

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

@@ -0,0 +1,87 @@
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import _ from "clsx";
+import { withControl as f } from "../../utils/functions/functions.util.js";
+import { Svg as g } from "../../utils/svg/svg.component.js";
+import '../../assets/control-button-text-BbE_5ebO.css';const L = "_ControlButtonText_1t9qc_1", M = "_TextPrimary_1t9qc_11", p = "_TextSecondary_1t9qc_15", C = "_AccentPrimary_1t9qc_19", P = "_AccentSecondary_1t9qc_23", B = "_ThemePrimary_1t9qc_27", A = "_ThemeSecondary_1t9qc_31", R = "_Left_1t9qc_35", b = "_Right_1t9qc_39", D = "_Icon_1t9qc_43", G = "_SM_1t9qc_47", I = "_MD_1t9qc_52", U = "_LG_1t9qc_57", N = "_Content_1t9qc_62", j = "_Light_1t9qc_81", v = "_Regular_1t9qc_85", k = "_Medium_1t9qc_89", F = "_Bold_1t9qc_93", $ = "_Underlined_1t9qc_97", t = {
+  ControlButtonText: L,
+  TextPrimary: M,
+  TextSecondary: p,
+  AccentPrimary: C,
+  AccentSecondary: P,
+  ThemePrimary: B,
+  ThemeSecondary: A,
+  Left: R,
+  Right: b,
+  Icon: D,
+  SM: G,
+  MD: I,
+  LG: U,
+  Content: N,
+  Light: j,
+  Regular: v,
+  Medium: k,
+  Bold: F,
+  Underlined: $
+}, O = ({
+  children: a,
+  size: c = "md",
+  color: e = "text-primary",
+  weight: n = "medium",
+  type: m = "button",
+  icon: d = null,
+  iconPosition: r = "left",
+  underlined: s = !1,
+  disabled: i = !1,
+  preventDefault: l = !1,
+  blurAfterClick: y = !1,
+  onClick: u = () => {
+  },
+  onFocus: T = () => {
+  },
+  onBlur: x = () => {
+  },
+  className: h = "",
+  ...q
+}) => /* @__PURE__ */ S(
+  "button",
+  {
+    "data-testid": q["data-testid"],
+    type: m,
+    disabled: i,
+    className: _(t.ControlButtonText, h, {
+      [t.Left]: r === "left",
+      [t.Right]: r === "right",
+      [t.SM]: c === "sm",
+      [t.MD]: c === "md",
+      [t.LG]: c === "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(u, { prevent: l, blur: y }),
+    onFocus: () => T(),
+    onBlur: () => x(),
+    children: [
+      /* @__PURE__ */ o(g, { icon: d, className: t.Icon }),
+      /* @__PURE__ */ o(
+        "span",
+        {
+          className: _(t.Content, {
+            [t.Light]: n === "light",
+            [t.Regular]: n === "regular",
+            [t.Medium]: n === "medium",
+            [t.Bold]: n === "bold",
+            [t.Underlined]: s
+          }),
+          children: a
+        }
+      )
+    ]
+  }
+);
+export {
+  O as ControlButtonText
+};

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

@@ -0,0 +1,2 @@
+export { ControlButtonText } from './control-button-text.component';
+export type { ControlButtonTextProps } from './control-button-text.component';

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

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

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

@@ -0,0 +1,8 @@
+import { Interactive, RadioChoice, ChoiceValue, State } from '../utils/types';
+import { Base } from '../../utils/types';
+export interface ControlCardImageProps extends Base, Interactive<ChoiceValue> {
+    sprite: string;
+    choices: RadioChoice[];
+    state?: State;
+}
+export declare const ControlCardImage: (props: ControlCardImageProps) => import("react/jsx-runtime").JSX.Element;