@arthurzakharov/ui-kit 1.3.8 → 1.4.0

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

@@ -0,0 +1,53 @@
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import N from "clsx";
+import { ControlBox as b } from "../control-box/control-box.component.js";
+import { ControlChoice as B } from "../control-choice/control-choice.component.js";
+import { ControlHiddenInput as T } from "../control-hidden-input/control-hidden-input.component.js";
+import { ControlRadioLabel as W } from "../control-radio-label/control-radio-label.component.js";
+import { ControlRadioText as y } from "../control-radio-text/control-radio-text.component.js";
+import { useChoice as j } from "../hooks/use-choice/use-choice.hook.js";
+import { getChoiceId as R } from "../utils/functions/functions.util.js";
+import '../../assets/control-card-image-BYT3bzTE.css';const $ = "_ControlCardImage_d0esr_1", z = "_Content_d0esr_13", H = "_Top_d0esr_27", L = "_Wrap_d0esr_32", q = "_Bottom_d0esr_43", r = {
+  ControlCardImage: $,
+  Content: z,
+  Top: H,
+  Wrap: L,
+  Bottom: q
+}, O = (p) => {
+  const { sprite: c, choices: _, state: g = "idle", id: a, value: s, disabled: l, onChange: v, className: h } = p, { type: m, onChoiceChange: u } = j(s, a, v);
+  return /* @__PURE__ */ o("div", { className: N(r.ControlCardImage, h), children: _.map((t, I, f) => {
+    const n = R(a, t.value, I);
+    return /* @__PURE__ */ o(W, { id: n, value: s, state: g, choice: t, choices: f, children: ({ focused: i, hovered: x, checked: e, state: d }) => /* @__PURE__ */ o(b, { state: d, checked: e, focused: i, children: /* @__PURE__ */ C("div", { className: r.Content, children: [
+      /* @__PURE__ */ o(
+        T,
+        {
+          type: m,
+          id: n,
+          name: a,
+          value: t.value,
+          checked: e,
+          disabled: l,
+          onChange: () => u(t.value)
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: r.Top, children: /* @__PURE__ */ o("div", { "data-image": t.icon, style: { backgroundImage: `url(${c})` }, className: r.Wrap }) }),
+      /* @__PURE__ */ C("div", { className: r.Bottom, children: [
+        /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+          B,
+          {
+            type: m,
+            state: d,
+            checked: e,
+            focused: i,
+            hovered: x,
+            disabled: l
+          }
+        ) }),
+        /* @__PURE__ */ o(y, { size: "body-small", checked: e, children: t.label })
+      ] })
+    ] }) }) }, n);
+  }) });
+};
+export {
+  O as ControlCardImage
+};

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

@@ -0,0 +1,2 @@
+export { ControlCardImage } from './control-card-image.component';
+export type { ControlCardImageProps } from './control-card-image.component';

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as o, jsxs as T } from "react/jsx-runtime";
+import L from "clsx";
+import { ControlBox as g } from "../control-box/control-box.component.js";
+import { ControlChoice as N } from "../control-choice/control-choice.component.js";
+import { ControlHiddenInput as q } from "../control-hidden-input/control-hidden-input.component.js";
+import { ControlRadioLabel as I } from "../control-radio-label/control-radio-label.component.js";
+import { ControlRadioText as j } from "../control-radio-text/control-radio-text.component.js";
+import { useChoice as y } from "../hooks/use-choice/use-choice.hook.js";
+import { getChoiceId as R } from "../utils/functions/functions.util.js";
+import '../../assets/control-card-text-Cvv3bL2p.css';const z = "_ControlCardText_1rrqs_1", B = "_Label_1rrqs_9", H = "_Choice_1rrqs_24", l = {
+  ControlCardText: z,
+  Label: B,
+  Choice: H
+}, O = (d) => {
+  const { choices: c, state: h = "idle", id: t, value: n, disabled: i = !1, onChange: p, className: x } = d, { type: s, onChoiceChange: _ } = y(n, t, p);
+  return /* @__PURE__ */ o("div", { className: L(l.ControlCardText, x), children: c.map((r, f, b) => {
+    const a = R(t, r.value, f);
+    return /* @__PURE__ */ o(I, { id: a, value: n, state: h, choice: r, choices: b, children: ({ focused: C, hovered: u, checked: e, state: m }) => /* @__PURE__ */ o(g, { state: m, checked: e, focused: C, children: /* @__PURE__ */ T("div", { className: l.Label, children: [
+      /* @__PURE__ */ o(
+        q,
+        {
+          type: s,
+          id: a,
+          name: t,
+          value: r.value,
+          checked: e,
+          disabled: i,
+          onChange: ($, v) => _(r.value, v)
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: l.Choice, children: /* @__PURE__ */ o(
+        N,
+        {
+          type: s,
+          state: m,
+          checked: e,
+          focused: C,
+          hovered: u,
+          disabled: i
+        }
+      ) }),
+      /* @__PURE__ */ o(j, { size: "body", checked: e, children: r.label })
+    ] }) }) }, a);
+  }) });
+};
+export {
+  O as ControlCardText
+};

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

@@ -0,0 +1,2 @@
+export { ControlCardText } from './control-card-text.component';
+export type { ControlCardTextProps } from './control-card-text.component';

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { ControlCheckbox } from './control-checkbox.component';
+export type { ControlCheckboxProps } from './control-checkbox.component';

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

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

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

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

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

@@ -0,0 +1,64 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { Check as t } from "lucide-react";
+import v from "clsx";
+import '../../assets/control-choice-BAHN-VTm.css';const a = "_ControlChoice_f26v8_1", C = "_Focused_f26v8_24", i = "_Disabled_f26v8_24", h = "_Hovered_f26v8_28", x = "_Idle_f26v8_28", L = "_Success_f26v8_40", S = "_Radio_f26v8_50", k = "_Checked_f26v8_54", M = "_ChoiceMark_f26v8_63", m = "_XXS_f26v8_73", b = "_XS_f26v8_78", u = "_SM_f26v8_83", D = "_MD_f26v8_88", F = "_LG_f26v8_93", G = "_XL_f26v8_98", H = "_XXL_f26v8_103", I = "_XXXL_f26v8_108", R = "_Checkbox_f26v8_120", o = {
+  ControlChoice: a,
+  Focused: C,
+  Disabled: i,
+  Hovered: h,
+  Idle: x,
+  Success: L,
+  Error: "_Error_f26v8_44",
+  Radio: S,
+  Checked: k,
+  ChoiceMark: M,
+  XXS: m,
+  XS: b,
+  SM: u,
+  MD: D,
+  LG: F,
+  XL: G,
+  XXL: H,
+  XXXL: I,
+  Checkbox: R
+}, g = ({
+  type: _,
+  checked: s,
+  state: e = "idle",
+  size: c = "md",
+  focused: X = !1,
+  hovered: d = !1,
+  disabled: l = !1,
+  className: n = ""
+}) => /* @__PURE__ */ f(
+  "div",
+  {
+    "data-testid": "choice",
+    className: v(o.ControlChoice, n, {
+      [o.Checked]: s,
+      [o.Focused]: X,
+      [o.Hovered]: d,
+      [o.Disabled]: l,
+      [o.Radio]: _ === "radio",
+      [o.Checkbox]: _ === "checkbox",
+      [o.Idle]: e === "idle",
+      [o.Error]: e === "error",
+      [o.Success]: e === "success" || s,
+      [o.XXS]: c === "xxs",
+      [o.XS]: c === "xs",
+      [o.SM]: c === "sm",
+      [o.MD]: c === "md",
+      [o.LG]: c === "lg",
+      [o.XL]: c === "xl",
+      [o.XXL]: c === "xxl",
+      [o.XXXL]: c === "xxxl"
+    }),
+    children: [
+      _ === "radio" && /* @__PURE__ */ r("div", { className: o.ChoiceMark }),
+      _ === "checkbox" && /* @__PURE__ */ r(t, { className: o.ChoiceMark })
+    ]
+  }
+);
+export {
+  g as ControlChoice
+};

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

@@ -0,0 +1,2 @@
+export { ControlChoice } from './control-choice.component';
+export type { ControlChoiceProps } from './control-choice.component';

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

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

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

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

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

@@ -0,0 +1,106 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useRef as p, useState as v, useEffect as R, useMemo as M } from "react";
+import { useBoolean as T, useResizeObserver as $, useOnClickOutside as E } from "usehooks-ts";
+import { ChevronDown as q, Search as J } from "lucide-react";
+import b from "clsx";
+import { ControlBox as k } from "../control-box/control-box.component.js";
+import { ControlButton as P } from "../control-button/control-button.component.js";
+import { ControlChoice as Q } from "../control-choice/control-choice.component.js";
+import { ControlLabel as U } from "../control-label/control-label.component.js";
+import { ControlRadioText as x } from "../control-radio-text/control-radio-text.component.js";
+import { clickHasNode as X } from "../utils/functions/functions.util.js";
+import { Converter as Y } from "../../utils/converter/converter.util.js";
+import '../../assets/control-dropdown-DaS5KsvG.css';const Z = "_ControlDropdown_1jnau_1", ee = "_Border_1jnau_17", oe = "_Content_1jnau_28", ne = "_Chevron_1jnau_39", se = "_ChevronWrap_1jnau_53", ce = "_Box_1jnau_69", le = "_BoxVisible_1jnau_75", te = "_BoxHidden_1jnau_79", ie = "_Search_1jnau_83", re = "_SearchVisible_1jnau_89", ae = "_SearchHidden_1jnau_93", he = "_Close_1jnau_97", de = "_Input_1jnau_106", ue = "_Glass_1jnau_120", Ce = "_Choices_1jnau_131", _e = "_Choice_1jnau_131", me = "_ChoiceNoResult_1jnau_151", o = {
+  ControlDropdown: Z,
+  Border: ee,
+  Content: oe,
+  Chevron: ne,
+  ChevronWrap: se,
+  Box: ce,
+  BoxVisible: le,
+  BoxHidden: te,
+  Search: ie,
+  SearchVisible: re,
+  SearchHidden: ae,
+  Close: he,
+  Input: de,
+  Glass: ue,
+  Choices: Ce,
+  Choice: _e,
+  ChoiceNoResult: me
+}, ke = (c) => {
+  const {
+    choices: B = [],
+    value: d = [],
+    isSearchHidden: y = !1,
+    multiple: r = !1,
+    onChange: u,
+    onOpen: H,
+    onClose: z,
+    className: D
+  } = c, V = c.label || "", I = c.placeholder || "Wählen Sie Ihre private Krankenversicherung...", O = c.noResult || "Keine Versicherung gefunden.", W = c.closeButton || "Schließen", S = p(null), C = p(null), N = p(null), { value: a, setFalse: _, toggle: A } = T(!1), [m, G] = v(""), [l, L] = v({ width: 0, height: 0 }), [h, j] = v([]);
+  $({
+    ref: C,
+    onResize: (e) => L({ width: e.width || 0, height: e.height || 0 })
+  }), E(C, (e) => {
+    X(e, S) || (r && u(h), _());
+  }), R(() => j(Array.isArray(d) ? d : []), [d]), R(() => {
+    a && l.width && l.height ? (N.current?.focus(), H?.call(null, l.height, l.width)) : z?.call(null);
+  }, [a, l]);
+  const F = (e, t) => {
+    j((i) => i.some(({ value: f }) => f === e) ? i.filter(({ value: f }) => f !== e) : [...i, { value: e, label: t }]);
+  }, K = () => {
+    _(), u(h);
+  }, g = M(
+    () => B.filter(({ label: e }) => e.toLowerCase().includes(m.toLowerCase())),
+    [m, B]
+  );
+  return /* @__PURE__ */ s("div", { className: b(o.ControlDropdown, D), children: [
+    /* @__PURE__ */ n(k, { ref: S, onClick: A, children: /* @__PURE__ */ s("div", { className: o.Border, children: [
+      /* @__PURE__ */ s("div", { className: o.Content, children: [
+        /* @__PURE__ */ n(U, { position: "active", children: V }),
+        /* @__PURE__ */ n(x, { size: "body", checked: !0, oneLine: !0, children: Y.Answer.FromArrayToMultiple(h.map(({ label: e }) => e)) || I })
+      ] }),
+      /* @__PURE__ */ n("div", { className: o.ChevronWrap, children: /* @__PURE__ */ n(q, { "data-open": a, className: o.Chevron }) })
+    ] }) }),
+    /* @__PURE__ */ n(k, { ref: C, className: a ? o.BoxVisible : o.BoxHidden, children: /* @__PURE__ */ s("div", { className: o.Box, children: [
+      /* @__PURE__ */ s("div", { className: b(o.Search, y ? o.SearchHidden : o.SearchVisible), children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: N,
+            value: m,
+            type: "text",
+            className: o.Input,
+            onChange: (e) => G(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ n(J, { className: o.Glass })
+      ] }),
+      /* @__PURE__ */ n("ul", { className: o.Choices, children: g.length ? g.map(({ value: e, label: t }, i) => /* @__PURE__ */ s(
+        "li",
+        {
+          className: o.Choice,
+          onClick: () => {
+            r ? F(e, t) : (_(), u([{ value: e, label: t }]));
+          },
+          children: [
+            r && /* @__PURE__ */ n(
+              Q,
+              {
+                type: "checkbox",
+                checked: h.some((w) => w.value === e)
+              }
+            ),
+            /* @__PURE__ */ n(x, { size: "body", checked: !1, children: t })
+          ]
+        },
+        e + i
+      )) : /* @__PURE__ */ n("li", { className: b(o.Choice, o.ChoiceNoResult), children: /* @__PURE__ */ n(x, { size: "body", checked: !1, children: O }) }) }),
+      r && /* @__PURE__ */ n("div", { className: o.Close, children: /* @__PURE__ */ n(P, { color: "primary", size: "sm", type: "button", onClick: () => K(), children: W }) })
+    ] }) })
+  ] });
+};
+export {
+  ke as ControlDropdown
+};

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

@@ -0,0 +1,2 @@
+export { ControlDropdown } from './control-dropdown.component';
+export type { ControlDropdownProps } from './control-dropdown.component';

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

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

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { Base } from '../../utils/types';
+/**
+ * `ControlErrorMessage` renders validation feedback text in an error style. Use it below a control to
+ * communicate required fields, invalid input, or any form-level validation issue.
+ */
+export declare const ControlErrorMessage: ({ children, ...base }: PropsWithChildren<Base>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "clsx";
+import { baseProps as o } from "../../utils/functions/functions.util.js";
+import '../../assets/control-error-message-CKgqmo1U.css';const a = "_ControlErrorMessage_1fr5j_1", n = {
+  ControlErrorMessage: a
+}, g = ({ children: s, ...r }) => /* @__PURE__ */ t(
+  "span",
+  {
+    "data-testid": o(r, "data-testid", "control-error-message"),
+    className: e(n.ControlErrorMessage, o(r, "className")),
+    children: s
+  }
+);
+export {
+  g as ControlErrorMessage
+};

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

@@ -0,0 +1 @@
+export { ControlErrorMessage } from './control-error-message.component';

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { jsx as c } from "react/jsx-runtime";
+import m from "clsx";
+import '../../assets/control-hidden-input-BhMdNmnP.css';const C = "_ControlHiddenInput_kzyme_1", f = {
+  ControlHiddenInput: C
+}, H = (o) => {
+  const {
+    type: r,
+    id: a,
+    name: d,
+    value: i,
+    disabled: t = !1,
+    checked: s,
+    onChange: e,
+    onFocus: u = () => {
+    },
+    onBlur: l = () => {
+    },
+    className: p
+  } = o;
+  return /* @__PURE__ */ c(
+    "input",
+    {
+      "data-testid": "hidden-input",
+      type: r,
+      id: a,
+      name: d,
+      value: i,
+      checked: s,
+      disabled: t,
+      className: m(f.ControlHiddenInput, p),
+      onChange: (n) => {
+        t || (n.preventDefault(), n.nativeEvent?.pageX || n.nativeEvent.pageY ? (n.currentTarget.blur(), e(n, "mouse")) : e(n, "keyboard"));
+      },
+      onFocus: u,
+      onBlur: l
+    }
+  );
+};
+export {
+  H as ControlHiddenInput
+};

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

@@ -0,0 +1,2 @@
+export { ControlHiddenInput } from './control-hidden-input.component';
+export type { ControlHiddenInputProps } from './control-hidden-input.component';

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

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

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

@@ -0,0 +1,11 @@
+import { HTMLInputTypeAttribute } from 'react';
+import { Interactive } from '../utils/types';
+import { Base } from '../../utils/types';
+export interface ControlInputProps extends Base, Interactive<string> {
+    type?: HTMLInputTypeAttribute;
+    dateMask?: boolean;
+    maxLength?: number;
+    onAutofill?: (id: string) => void;
+    onAutofillCancel?: (id: string) => void;
+}
+export declare const ControlInput: ({ id, value, disabled, dateMask, maxLength, type, onAutofill, onAutofillCancel, onChange, onFocus, onBlur, className, }: ControlInputProps) => import("react/jsx-runtime").JSX.Element;