@arthurzakharov/ui-kit 1.5.3 → 1.5.5

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

@@ -0,0 +1,81 @@
+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 "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 = {
+  CardImage: R,
+  Content: q,
+  Top: w,
+  Wrap: A,
+  Bottom: D
+}, Z = ({
+  // Interactive props
+  id: a,
+  value: m,
+  disabled: s = !1,
+  state: _ = "idle",
+  onChange: g,
+  onFocus: f,
+  onBlur: u,
+  // CardImage props
+  sprite: v,
+  choices: I,
+  iconSize: y = "md",
+  textSize: h = "body-small",
+  // Base props
+  ...i
+}) => {
+  const { type: l, onChoiceChange: x } = L(m, 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: [
+          /* @__PURE__ */ o(
+            F,
+            {
+              type: l,
+              id: e,
+              name: a,
+              value: t.value,
+              checked: r,
+              disabled: s,
+              onChange: (E, W) => x(t.value, W),
+              onFocus: () => f?.(a),
+              onBlur: () => u?.(a)
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: n.Top, children: /* @__PURE__ */ o("div", { "data-image": t.icon, style: { backgroundImage: `url(${v})` }, className: n.Wrap }) }),
+          /* @__PURE__ */ c("div", { className: n.Bottom, children: [
+            /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+              $,
+              {
+                type: l,
+                size: y,
+                state: p,
+                checked: r,
+                focused: d,
+                hovered: T,
+                disabled: s
+              }
+            ) }),
+            /* @__PURE__ */ o(z, { text: t.label, size: h, checked: r })
+          ] })
+        ] }) }) }, e);
+      })
+    }
+  );
+};
+export {
+  Z as CardImage
+};

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

@@ -0,0 +1 @@
+export { CardImage, type CardImageProps } from './card-image.component';

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

@@ -0,0 +1,4 @@
+import { CardImage as e } from "./card-image.component.js";
+export {
+  e as CardImage
+};

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

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

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

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

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

@@ -0,0 +1 @@
+export { CardText, type CardTextProps } from './card-text.component';

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

@@ -0,0 +1,4 @@
+import { CardText as o } from "./card-text.component.js";
+export {
+  o as CardText
+};

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { ChoiceProps } from '../choice';
+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'>;
+    message?: string;
+}
+export declare const Checkbox: ({ id, value, disabled, state, onChange, onFocus, onBlur, iconSize, textSize, message, children, ...base }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,103 @@
+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 = {
+  Checkbox: H,
+  Label: I,
+  Choice: P,
+  Content: D,
+  Body: R,
+  BodySmall: T,
+  ErrorMessage: q
+}, X = ({
+  // Interactive props
+  id: t,
+  value: r = !1,
+  disabled: s = !1,
+  state: c = "idle",
+  onChange: p,
+  onFocus: b,
+  onBlur: x,
+  // Checkbox props
+  iconSize: y = "md",
+  textSize: n = "body-small",
+  message: l = "",
+  // PropsWithChildren
+  children: k,
+  // Base props
+  ...m
+}) => {
+  const i = M(null), B = N(i), { focused: d, emitChange: h, handleFocus: u, handleBlur: g } = $({
+    id: t,
+    disabled: s,
+    onChange: p,
+    onFocus: b,
+    onBlur: x
+  });
+  return /* @__PURE__ */ f("div", { "data-testid": C(m, "data-testid", "checkbox"), className: _(o.Checkbox, C(m, "className")), children: [
+    /* @__PURE__ */ f(
+      "label",
+      {
+        "data-testid": "checkbox-label",
+        ref: i,
+        htmlFor: t,
+        className: o.Label,
+        onClick: (a) => {
+          d || (a.preventDefault(), h(!r, "mouse"));
+        },
+        onFocus: u,
+        onBlur: g,
+        children: [
+          /* @__PURE__ */ e(
+            F,
+            {
+              type: "checkbox",
+              id: t,
+              name: t,
+              value: j.Boolean.ToBooleanString(r),
+              checked: r,
+              disabled: s,
+              onChange: (a, E) => {
+                a.stopPropagation(), h(!r, E);
+              }
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: o.Choice, children: /* @__PURE__ */ e(
+            v,
+            {
+              type: "checkbox",
+              size: y,
+              state: c,
+              checked: r,
+              focused: d,
+              hovered: B,
+              disabled: s
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: _(o.Content, {
+                [o.Body]: n === "body",
+                [o.BodySmall]: n === "body-small"
+              }),
+              children: k
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(S, { name: "text-message", condition: c === "error" && !!l, children: /* @__PURE__ */ e(L, { text: l, className: o.ErrorMessage }) })
+  ] });
+};
+export {
+  X as Checkbox
+};

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

@@ -0,0 +1 @@
+export { Checkbox, type CheckboxProps } from './checkbox.component';

package/dist/controls/checkbox/index.js

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

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

@@ -0,0 +1,12 @@
+import { ControlChoiceType, State } from '../utils';
+import { Base, Size } from '../../utils/types';
+export interface ChoiceProps extends Base {
+    type: ControlChoiceType;
+    checked: boolean;
+    state?: State;
+    size?: Size;
+    focused?: boolean;
+    hovered?: boolean;
+    disabled?: boolean;
+}
+export declare const Choice: ({ type, checked, state, size, focused, hovered, disabled, ...base }: ChoiceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/choice/choice.component.js

@@ -0,0 +1,67 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Check as l } from "lucide-react";
+import n from "clsx";
+import { baseProps as d } from "../../utils/functions/functions.util.js";
+import '../../assets/choice-j496CvVc.css';const h = "_Choice_2ykst_1", x = "_Focused_2ykst_20", y = "_Disabled_2ykst_20", L = "_Hovered_2ykst_24", S = "_Idle_2ykst_24", m = "_Success_2ykst_36", C = "_Mark_2ykst_44", M = "_Radio_2ykst_59", b = "_Checked_2ykst_63", u = "_XXS_2ykst_77", D = "_XS_2ykst_82", f = "_SM_2ykst_87", v = "_MD_2ykst_92", F = "_LG_2ykst_97", G = "_XL_2ykst_102", H = "_XXL_2ykst_107", I = "_XXXL_2ykst_112", N = "_Checkbox_2ykst_124", s = {
+  Choice: h,
+  Focused: x,
+  Disabled: y,
+  Hovered: L,
+  Idle: S,
+  Success: m,
+  Error: "_Error_2ykst_40",
+  Mark: C,
+  Radio: M,
+  Checked: b,
+  XXS: u,
+  XS: D,
+  SM: f,
+  MD: v,
+  LG: F,
+  XL: G,
+  XXL: H,
+  XXXL: I,
+  Checkbox: N
+}, g = ({
+  // Choice props
+  type: o,
+  checked: k,
+  state: _ = "idle",
+  size: c = "md",
+  focused: X = !1,
+  hovered: r = !1,
+  disabled: a = !1,
+  // Base props
+  ...e
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    "data-testid": d(e, "data-testid", "choice"),
+    className: n(s.Choice, d(e, "className"), {
+      [s.Checked]: k,
+      [s.Focused]: X,
+      [s.Hovered]: r,
+      [s.Disabled]: a,
+      [s.Radio]: o === "radio",
+      [s.Checkbox]: o === "checkbox",
+      [s.Idle]: _ === "idle",
+      [s.Error]: _ === "error",
+      [s.Success]: _ === "success",
+      [s.XXS]: c === "xxs",
+      [s.XS]: c === "xs",
+      [s.SM]: c === "sm",
+      [s.MD]: c === "md",
+      [s.LG]: c === "lg",
+      [s.XL]: c === "xl",
+      [s.XXL]: c === "xxl",
+      [s.XXXL]: c === "xxxl"
+    }),
+    children: [
+      o === "radio" && /* @__PURE__ */ t("div", { "data-testid": "choice-radio", className: s.Mark }),
+      o === "checkbox" && /* @__PURE__ */ t(l, { "data-testid": "choice-checkbox", className: s.Mark })
+    ]
+  }
+);
+export {
+  g as Choice
+};

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

@@ -0,0 +1 @@
+export { Choice, type ChoiceProps } from './choice.component';

package/dist/controls/choice/index.js

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

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

@@ -1,6 +1,6 @@
-import { QuestionChoice } from '../utils/types';
+import { QuestionChoice } from '../utils';
 import { Base } from '../../utils/types';
-export interface ControlDropdownProps extends Base {
+export interface DropdownProps extends Base {
     choices: QuestionChoice[];
     value: QuestionChoice[];
     label?: string;
@@ -13,4 +13,4 @@ export interface ControlDropdownProps extends Base {
     onOpen?: (height: number, width: number) => void;
     onClose?: () => void;
 }
-export declare const ControlDropdown: (props: ControlDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ choices, value, label, placeholder, noResult, isSearchHidden, multiple, closeButton, onChange, onOpen, onClose, ...base }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/dropdown/dropdown.component.js

@@ -0,0 +1,127 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+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 = {
+  Dropdown: Z,
+  Border: ee,
+  Content: oe,
+  Chevron: se,
+  ChevronWrap: ie,
+  Box: ne,
+  BoxVisible: te,
+  BoxHidden: re,
+  Search: ce,
+  SearchVisible: le,
+  SearchHidden: ae,
+  Close: de,
+  Input: he,
+  Glass: _e,
+  Choices: me,
+  Choice: Ce,
+  ChoiceNoResult: pe
+}, He = ({
+  choices: v = [],
+  value: d = [],
+  label: z = "",
+  placeholder: D = "Wählen Sie Ihre private Krankenversicherung...",
+  noResult: V = "Keine Versicherung gefunden.",
+  isSearchHidden: I = !1,
+  multiple: c = !1,
+  closeButton: W = "Schließen",
+  onChange: h,
+  onOpen: A,
+  onClose: G,
+  // Base props
+  ...b
+}) => {
+  const B = u(null), _ = u(null), S = u(null), { value: l, setFalse: m, toggle: L } = M(!1), [C, O] = f(""), [n, $] = f({ width: 0, height: 0 }), [a, N] = f([]);
+  E({
+    ref: _,
+    onResize: (e) => $({ width: e.width || 0, height: e.height || 0 })
+  }), P(_, (e) => {
+    X(e, B) || (c && h(a), m());
+  }), y(() => N(Array.isArray(d) ? d : []), [d]), y(() => {
+    l && n.width && n.height ? (S.current?.focus(), A?.call(null, n.height, n.width)) : G?.call(null);
+  }, [l, n]);
+  const j = (e, t) => {
+    N((r) => r.some(({ value: p }) => p === e) ? r.filter(({ value: p }) => p !== e) : [...r, { value: e, label: t }]);
+  }, F = () => {
+    m(), h(a);
+  }, w = K(
+    () => v.filter(({ label: e }) => e.toLowerCase().includes(C.toLowerCase())),
+    [C, v]
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-testid": H(b, "data-testid", "dropdown"),
+      className: k(o.Dropdown, H(b, "className")),
+      children: [
+        /* @__PURE__ */ s(R, { ref: B, onClick: L, children: /* @__PURE__ */ i("div", { className: o.Border, children: [
+          /* @__PURE__ */ i("div", { className: o.Content, children: [
+            /* @__PURE__ */ s(U, { text: z, position: "active" }),
+            /* @__PURE__ */ s(
+              x,
+              {
+                text: Y.Answer.FromArrayToMultiple(a.map(({ label: e }) => e)) || D,
+                size: "body",
+                checked: !0,
+                oneLine: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: o.ChevronWrap, children: /* @__PURE__ */ s(T, { "data-open": l, className: o.Chevron }) })
+        ] }) }),
+        /* @__PURE__ */ s(R, { ref: _, className: l ? o.BoxVisible : o.BoxHidden, children: /* @__PURE__ */ i("div", { className: o.Box, children: [
+          /* @__PURE__ */ i("div", { className: k(o.Search, I ? o.SearchHidden : o.SearchVisible), children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: S,
+                value: C,
+                type: "text",
+                className: o.Input,
+                onChange: (e) => O(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ s(q, { className: o.Glass })
+          ] }),
+          /* @__PURE__ */ s("ul", { className: o.Choices, children: w.length ? w.map(({ value: e, label: t }, r) => /* @__PURE__ */ i(
+            "li",
+            {
+              className: o.Choice,
+              onClick: () => {
+                c ? j(e, t) : (m(), h([{ value: e, label: t }]));
+              },
+              children: [
+                c && /* @__PURE__ */ s(
+                  Q,
+                  {
+                    type: "checkbox",
+                    checked: a.some((g) => g.value === e)
+                  }
+                ),
+                /* @__PURE__ */ s(x, { text: t, size: "body", checked: !1 })
+              ]
+            },
+            e + r
+          )) : /* @__PURE__ */ s("li", { className: k(o.Choice, o.ChoiceNoResult), children: /* @__PURE__ */ s(x, { text: V, size: "body", checked: !1 }) }) }),
+          c && /* @__PURE__ */ s("div", { className: o.Close, children: /* @__PURE__ */ s(J, { color: "primary", size: "sm", type: "button", onClick: () => F(), children: W }) })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  He as Dropdown
+};

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

@@ -0,0 +1 @@
+export { Dropdown, type DropdownProps } from './dropdown.component';

package/dist/controls/dropdown/index.js

@@ -0,0 +1,4 @@
+import { Dropdown as p } from "./dropdown.component.js";
+export {
+  p as Dropdown
+};

package/dist/controls/error-message/error-message.component.d.ts

@@ -0,0 +1,5 @@
+import { Base } from '../../utils/types';
+export interface ErrorMessageProps extends Base {
+    text: string;
+}
+export declare const ErrorMessage: ({ text, ...base }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/error-message/error-message.component.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "clsx";
+import { Content as a } from "../../utils/content/content.component.js";
+import { baseProps as s } from "../../utils/functions/functions.util.js";
+import '../../assets/error-message-CQHYhXbt.css';const m = "_ErrorMessage_dqn66_1", c = {
+  ErrorMessage: m
+}, p = ({
+  // ErrorMessage props
+  text: e,
+  // Base props
+  ...r
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    "data-testid": s(r, "data-testid", "error-message"),
+    className: t(c.ErrorMessage, s(r, "className")),
+    children: e
+  }
+);
+export {
+  p as ErrorMessage
+};

package/dist/controls/error-message/index.d.ts

@@ -0,0 +1 @@
+export { ErrorMessage, type ErrorMessageProps } from './error-message.component';

package/dist/controls/error-message/index.js

@@ -0,0 +1,4 @@
+import { ErrorMessage as o } from "./error-message.component.js";
+export {
+  o as ErrorMessage
+};

package/dist/controls/hidden-input/hidden-input.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent, FocusEvent } from 'react';
+import { ControlChoiceType, InputChangeSource } from '../utils';
+import { Base } from '../../utils/types';
+export interface HiddenInputProps extends Base {
+    id: string;
+    value: string;
+    name: string;
+    type: ControlChoiceType;
+    checked: boolean;
+    disabled?: boolean;
+    onChange: (e: ChangeEvent<HTMLInputElement>, source: InputChangeSource) => void;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+}
+export declare const HiddenInput: ({ type, id, name, value, disabled, checked, onChange, onFocus, onBlur, ...base }: HiddenInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/hidden-input/hidden-input.component.js

@@ -0,0 +1,38 @@
+import { jsx as c } from "react/jsx-runtime";
+import l from "clsx";
+import { baseProps as d } from "../../utils/functions/functions.util.js";
+import '../../assets/hidden-input-DHJQHUKd.css';const f = "_HiddenInput_bej3d_1", v = {
+  HiddenInput: f
+}, g = ({
+  type: i,
+  id: a,
+  name: p,
+  value: r,
+  disabled: s,
+  checked: o,
+  onChange: n,
+  onFocus: u,
+  onBlur: m,
+  // Base props
+  ...e
+}) => /* @__PURE__ */ c(
+  "input",
+  {
+    "data-testid": d(e, "data-testid", "hidden-input"),
+    type: i,
+    id: a,
+    name: p,
+    value: r,
+    checked: o,
+    disabled: s,
+    className: l(v.HiddenInput, d(e, "className")),
+    onChange: (t) => {
+      t.preventDefault(), t.nativeEvent?.pageX || t.nativeEvent.pageY ? (t.currentTarget.blur(), n(t, "mouse")) : n(t, "keyboard");
+    },
+    onFocus: u,
+    onBlur: m
+  }
+);
+export {
+  g as HiddenInput
+};

package/dist/controls/hidden-input/index.d.ts

@@ -0,0 +1 @@
+export { HiddenInput, type HiddenInputProps } from './hidden-input.component';

package/dist/controls/hidden-input/index.js

@@ -0,0 +1,4 @@
+import { HiddenInput as n } from "./hidden-input.component.js";
+export {
+  n as HiddenInput
+};

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

@@ -1 +1,2 @@
 export * from './use-choice';
+export * from './use-control-interaction';