@arthurzakharov/ui-kit 1.0.6 → 1.0.7

package/dist/index-DtupH5zG.js

@@ -1,405 +0,0 @@
-import { Box as X } from "./components/control/components/box/box.component.js";
-import { Button as Y } from "./components/control/components/button/button.component.js";
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useChoice as K } from "./components/control/hooks/useChoice/useChoice.hook.js";
-import { getChoiceId as W, clickHasNode as Z } from "./components/control/utils/utils.js";
-import { useToggle as H, useBoolean as q, useResizeObserver as ee, useOnClickOutside as oe } from "usehooks-ts";
-import { Converter as P } from "./utils/converter/converter.js";
-import { Choice as ne } from "./components/control/components/choice/choice.component.js";
-import { useRef as $, useState as A, useEffect as E, useMemo as te } from "react";
-import { ChevronDown as ae, Search as le } from "lucide-react";
-import z from "clsx";
-import { HiddenInput as re } from "./components/control/components/hidden-input/hidden-input.component.js";
-import { Input as ie } from "./components/control/components/input/input.component.js";
-import { Label as se } from "./components/control/components/label/label.component.js";
-import { RadioLabel as de } from "./components/control/components/radio-label/radio-label.component.js";
-import { RadioText as ce } from "./components/control/components/radio-text/radio-text.component.js";
-import './assets/index-CqamBlbE.css';const he = "_CardImage_dw1xq_1", pe = "_CardImageContent_dw1xq_13", me = "_CardImageTop_dw1xq_27", Ce = "_CardImageWrap_dw1xq_32", ue = "_CardImageBottom_dw1xq_43", N = {
-  CardImage: he,
-  CardImageContent: pe,
-  CardImageTop: me,
-  CardImageWrap: Ce,
-  CardImageBottom: ue
-}, _e = (_) => {
-  const { sprite: D, choices: b, state: i = "idle", id: o, value: n, disabled: p, onChange: m } = _, { type: a, onChoiceChange: l } = K(n, o, m);
-  return /* @__PURE__ */ e("div", { className: N.CardImage, children: b.map((s, x, d) => {
-    const C = W(o, s.value, x);
-    return /* @__PURE__ */ e(
-      t.RadioLabel,
-      {
-        id: C,
-        value: n,
-        state: i,
-        choice: s,
-        choices: d,
-        children: ({ focused: c, hovered: h, checked: w, state: g }) => /* @__PURE__ */ e(t.Box, { state: g, checked: w, focused: c, children: /* @__PURE__ */ f("div", { className: N.CardImageContent, children: [
-          /* @__PURE__ */ e(
-            t.HiddenInput,
-            {
-              type: a,
-              id: C,
-              name: o,
-              value: s.value,
-              checked: w,
-              disabled: p,
-              onChange: () => l(s.value)
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: N.CardImageTop, children: /* @__PURE__ */ e(
-            "div",
-            {
-              "data-image": s.icon,
-              style: { backgroundImage: `url(${D})` },
-              className: N.CardImageWrap
-            }
-          ) }),
-          /* @__PURE__ */ f("div", { className: N.CardImageBottom, children: [
-            /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-              t.Choice,
-              {
-                type: a,
-                state: g,
-                checked: w,
-                focused: c,
-                hovered: h,
-                disabled: p
-              }
-            ) }),
-            /* @__PURE__ */ e(t.RadioText, { size: "md", checked: w, children: s.label })
-          ] })
-        ] }) })
-      },
-      C
-    );
-  }) });
-}, xe = "_CardText_1eht8_1", we = "_CardTextLabel_1eht8_9", be = "_CardTextChoice_1eht8_24", F = {
-  CardText: xe,
-  CardTextLabel: we,
-  CardTextChoice: be
-}, ve = (_) => {
-  const { choices: D, state: b = "idle", id: i, value: o, disabled: n = !1, onChange: p } = _, { type: m, onChoiceChange: a } = K(o, i, p);
-  return /* @__PURE__ */ e("div", { className: F.CardText, children: D.map((l, s, x) => {
-    const d = W(i, l.value, s);
-    return /* @__PURE__ */ e(
-      t.RadioLabel,
-      {
-        id: d,
-        value: o,
-        state: b,
-        choice: l,
-        choices: x,
-        children: ({ focused: C, hovered: c, checked: h, state: w }) => /* @__PURE__ */ e(t.Box, { state: w, checked: h, focused: C, children: /* @__PURE__ */ f("div", { className: F.CardTextLabel, children: [
-          /* @__PURE__ */ e(
-            t.HiddenInput,
-            {
-              type: m,
-              id: d,
-              name: i,
-              value: l.value,
-              checked: h,
-              disabled: n,
-              onChange: (g, v) => a(l.value, v)
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: F.CardTextChoice, children: /* @__PURE__ */ e(
-            t.Choice,
-            {
-              type: m,
-              state: w,
-              checked: h,
-              focused: C,
-              hovered: c,
-              disabled: n
-            }
-          ) }),
-          /* @__PURE__ */ e(t.RadioText, { size: "lg", checked: h, children: l.label })
-        ] }) })
-      },
-      d
-    );
-  }) });
-}, De = "_Checkbox_1l6ko_1", ge = "_CheckboxChoice_1l6ko_14", fe = "_CheckboxContent_1l6ko_20", O = {
-  Checkbox: De,
-  CheckboxChoice: ge,
-  CheckboxContent: fe
-}, Te = (_) => {
-  const { children: D, state: b = "idle", id: i, value: o, disabled: n = !1, onChange: p, onFocus: m, onBlur: a } = _, [l, s] = H(!1), [x, d] = H(!1), C = (g) => {
-    n || l || (g.preventDefault(), p(!o, i));
-  }, c = (g) => {
-    n || (g.stopPropagation(), p(!o, i));
-  }, h = () => {
-    n || (s(), m == null || m.call(null, i));
-  }, w = () => {
-    n || (s(), a == null || a.call(null, i));
-  };
-  return /* @__PURE__ */ f(
-    "label",
-    {
-      htmlFor: i,
-      className: O.Checkbox,
-      onClick: C,
-      onFocus: h,
-      onBlur: w,
-      onMouseEnter: () => d(),
-      onMouseLeave: () => d(),
-      children: [
-        /* @__PURE__ */ e(
-          t.HiddenInput,
-          {
-            type: "checkbox",
-            id: i,
-            name: i,
-            value: P.Boolean.ToBooleanString(o),
-            checked: o,
-            disabled: n,
-            onChange: c
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: O.CheckboxChoice, children: /* @__PURE__ */ e(
-          t.Choice,
-          {
-            type: "checkbox",
-            state: b,
-            checked: o,
-            focused: l,
-            hovered: x,
-            disabled: n
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { className: O.CheckboxContent, children: D })
-      ]
-    }
-  );
-}, Ie = "_Dropdown_152mp_1", Re = "_DropdownBorder_152mp_17", Be = "_DropdownContent_152mp_28", Ne = "_DropdownChevron_152mp_39", Le = "_DropdownChevronWrap_152mp_53", ke = "_DropdownBox_152mp_69", Se = "_DropdownBoxVisible_152mp_75", He = "_DropdownBoxHidden_152mp_79", ze = "_DropdownSearch_152mp_83", ye = "_DropdownSearchVisible_152mp_89", $e = "_DropdownSearchHidden_152mp_93", Ae = "_DropdownClose_152mp_97", Fe = "_DropdownInput_152mp_106", Oe = "_DropdownGlass_152mp_120", Ve = "_DropdownChoices_152mp_131", We = "_DropdownChoice_152mp_131", qe = "_DropdownChoiceNoResult_152mp_154", u = {
-  Dropdown: Ie,
-  DropdownBorder: Re,
-  DropdownContent: Be,
-  DropdownChevron: Ne,
-  DropdownChevronWrap: Le,
-  DropdownBox: ke,
-  DropdownBoxVisible: Se,
-  DropdownBoxHidden: He,
-  DropdownSearch: ze,
-  DropdownSearchVisible: ye,
-  DropdownSearchHidden: $e,
-  DropdownClose: Ae,
-  DropdownInput: Fe,
-  DropdownGlass: Oe,
-  DropdownChoices: Ve,
-  DropdownChoice: We,
-  DropdownChoiceNoResult: qe
-}, Ge = (_) => {
-  const { choices: D = [], value: b = [], isSearchHidden: i = !1, multiple: o = !1, onChange: n, onOpen: p, onClose: m } = _, a = _.label || "", l = _.placeholder || "Wählen Sie Ihre private Krankenversicherung...", s = _.noResult || "Keine Versicherung gefunden.", x = _.closeButton || "Schließen", d = $(null), C = $(null), c = $(null), { value: h, setFalse: w, toggle: g } = q(!1), [v, T] = A(""), [I, J] = A({ width: 0, height: 0 }), [L, G] = A([]);
-  ee({
-    ref: C,
-    onResize: (r) => J({ width: r.width || 0, height: r.height || 0 })
-  }), oe(C, (r) => {
-    Z(r, d) || (o && n(L), w());
-  }), E(() => G(Array.isArray(b) ? b : []), [b]), E(() => {
-    var r;
-    h && I.width && I.height ? ((r = c.current) == null || r.focus(), p == null || p.call(null, I.height, I.width)) : m == null || m.call(null);
-  }, [h, I]);
-  const Q = (r, R) => {
-    G((B) => B.some(({ value: y }) => y === r) ? B.filter(({ value: y }) => y !== r) : [...B, { value: r, label: R }]);
-  }, U = () => {
-    w(), n(L);
-  }, M = te(
-    () => D.filter(({ label: r }) => r.toLowerCase().includes(v.toLowerCase())),
-    [v, D]
-  );
-  return /* @__PURE__ */ f("div", { className: u.Dropdown, children: [
-    /* @__PURE__ */ e(t.Box, { ref: d, onClick: g, children: /* @__PURE__ */ f("div", { className: u.DropdownBorder, children: [
-      /* @__PURE__ */ f("div", { className: u.DropdownContent, children: [
-        /* @__PURE__ */ e(t.Label, { position: "active", children: a }),
-        /* @__PURE__ */ e(t.RadioText, { size: "lg", checked: !0, oneLine: !0, children: P.Answer.FromArrayToMultiple(L.map(({ label: r }) => r)) || l })
-      ] }),
-      /* @__PURE__ */ e("div", { className: u.DropdownChevronWrap, children: /* @__PURE__ */ e(ae, { "data-open": h, className: u.DropdownChevron }) })
-    ] }) }),
-    /* @__PURE__ */ e(t.Box, { ref: C, className: h ? u.DropdownBoxVisible : u.DropdownBoxHidden, children: /* @__PURE__ */ f("div", { className: u.DropdownBox, children: [
-      /* @__PURE__ */ f("div", { className: z(u.DropdownSearch, i ? u.DropdownSearchHidden : u.DropdownSearchVisible), children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: c,
-            value: v,
-            type: "text",
-            className: u.DropdownInput,
-            onChange: (r) => T(r.target.value)
-          }
-        ),
-        /* @__PURE__ */ e(le, { className: u.DropdownGlass })
-      ] }),
-      /* @__PURE__ */ e("ul", { className: u.DropdownChoices, children: M.length ? M.map(({ value: r, label: R }, B) => /* @__PURE__ */ f(
-        "li",
-        {
-          className: u.DropdownChoice,
-          onClick: () => {
-            o ? Q(r, R) : (w(), n([{ value: r, label: R }]));
-          },
-          children: [
-            o && /* @__PURE__ */ e(
-              t.Choice,
-              {
-                type: "checkbox",
-                checked: L.some((j) => j.value === r)
-              }
-            ),
-            /* @__PURE__ */ e(t.RadioText, { size: "lg", checked: !1, children: R })
-          ]
-        },
-        r + B
-      )) : /* @__PURE__ */ e("li", { className: z(u.DropdownChoice, u.DropdownChoiceNoResult), children: /* @__PURE__ */ e(t.RadioText, { size: "lg", checked: !1, children: s }) }) }),
-      o && /* @__PURE__ */ e("div", { className: u.DropdownClose, children: /* @__PURE__ */ e(t.Button, { color: "next", size: "sm", type: "button", onClick: () => U(), children: x }) })
-    ] }) })
-  ] });
-}, Me = "_Radio_1wc8m_1", je = "_RadioOrientationHorizontal_1wc8m_5", Ee = "_RadioOrientationVertical_1wc8m_10", Ke = "_RadioLabel_1wc8m_15", k = {
-  Radio: Me,
-  RadioOrientationHorizontal: je,
-  RadioOrientationVertical: Ee,
-  RadioLabel: Ke
-}, Pe = (_) => {
-  const { orientation: D, choices: b, state: i = "idle", id: o, value: n, disabled: p = !1, onChange: m } = _;
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: z(k.Radio, {
-        [k.RadioOrientationHorizontal]: D === "horizontal",
-        [k.RadioOrientationVertical]: D === "vertical"
-      }),
-      children: b.map((a, l, s) => {
-        const x = W(o, a.value, l);
-        return /* @__PURE__ */ e(
-          t.RadioLabel,
-          {
-            id: x,
-            value: n,
-            state: i,
-            choice: a,
-            choices: s,
-            children: ({ focused: d, hovered: C, checked: c, state: h }) => /* @__PURE__ */ f("div", { className: k.RadioLabel, children: [
-              /* @__PURE__ */ e(
-                t.Choice,
-                {
-                  type: "radio",
-                  state: h,
-                  checked: c,
-                  focused: d,
-                  hovered: C,
-                  disabled: p
-                }
-              ),
-              /* @__PURE__ */ e(
-                t.HiddenInput,
-                {
-                  type: "radio",
-                  id: x,
-                  value: a.value,
-                  name: o,
-                  checked: c,
-                  disabled: p,
-                  onChange: () => m(a.value, o)
-                }
-              ),
-              /* @__PURE__ */ e(t.RadioText, { size: "lg", checked: c, children: a.label })
-            ] })
-          },
-          x
-        );
-      })
-    }
-  );
-}, Je = "_Text_1ble1_1", Qe = "_TextLabel_1ble1_17", Ue = "_TextLabelIdle_1ble1_23", Xe = "_TextLabelActive_1ble1_28", S = {
-  Text: Je,
-  TextLabel: Qe,
-  TextLabelIdle: Ue,
-  TextLabelActive: Xe
-}, Ye = (_) => {
-  const { label: D, state: b = "idle", type: i = "text", id: o, value: n, disabled: p = !1, onChange: m, onFocus: a, onBlur: l } = _, { value: s, setTrue: x, setFalse: d } = q(!0), [C, c] = H(), h = () => {
-    d();
-  }, w = () => {
-    n || x();
-  }, g = (T) => {
-    n || d(), c(), a == null || a.call(null, T);
-  }, v = (T) => {
-    n || x(), c(), l == null || l.call(null, T);
-  };
-  return /* @__PURE__ */ e(t.Box, { state: b, focused: C, children: /* @__PURE__ */ f("label", { htmlFor: o, className: S.Text, children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        "data-testid": "text-label",
-        className: z(S.TextLabel, !s || n ? S.TextLabelActive : S.TextLabelIdle),
-        children: /* @__PURE__ */ e(t.Label, { position: s ? "idle" : "active", state: s ? "idle" : b, children: D })
-      }
-    ),
-    /* @__PURE__ */ e(
-      t.Input,
-      {
-        disabled: p,
-        type: i,
-        id: o,
-        value: n,
-        onChange: m,
-        onAutofill: h,
-        onAutofillCancel: w,
-        onFocus: g,
-        onBlur: v
-      }
-    )
-  ] }) });
-}, Ze = "_Textarea_1ltsl_1", V = {
-  Textarea: Ze,
-  "autofill-start": "_autofill-start_1ltsl_1",
-  "autofill-cancel": "_autofill-cancel_1ltsl_1"
-}, eo = (_) => {
-  const { state: D = "idle", placeholder: b = "", rows: i = 5, id: o, value: n, disabled: p = !1, onChange: m, onFocus: a, onBlur: l } = _, { value: s, setTrue: x, setFalse: d } = q(!0), [C, c] = H(!1), h = (v) => {
-    v.animationName === V["autofill-start"] && d(), v.animationName === V["autofill-cancel"] && !n && x();
-  }, w = (v) => {
-    n || d(), c(), a == null || a.call(null, v);
-  }, g = (v) => {
-    n || x(), c(), l == null || l.call(null, v);
-  };
-  return /* @__PURE__ */ e(t.Box, { state: D, focused: C, children: /* @__PURE__ */ e(
-    "textarea",
-    {
-      "data-testid": "textarea",
-      "data-is-idle": s,
-      disabled: p,
-      id: o,
-      rows: i,
-      placeholder: b,
-      value: n,
-      className: V.Textarea,
-      onChange: (v) => m(v.target.value, o, "keyboard"),
-      onAnimationStart: h,
-      onFocus: () => w(o),
-      onBlur: () => g(o)
-    }
-  ) });
-}, t = {
-  Box: X,
-  Button: Y,
-  CardImage: _e,
-  CardText: ve,
-  Checkbox: Te,
-  Choice: ne,
-  Dropdown: Ge,
-  HiddenInput: re,
-  Input: ie,
-  Label: se,
-  Radio: Pe,
-  RadioLabel: de,
-  RadioText: ce,
-  Text: Ye,
-  Textarea: eo
-};
-export {
-  Te as C,
-  Ge as D,
-  Pe as R,
-  eo as T,
-  Ye as a,
-  ve as b,
-  _e as c,
-  t as d
-};

package/dist/types.d.ts

@@ -1,3 +0,0 @@
-export type DatePrecision = 'month' | 'day';
-export type MaskExplanationKey = 'd' | 'm' | 'y';
-export type MaskExplanation = [string, MaskExplanationKey, MaskExplanationKey, MaskExplanationKey?];

package/dist/types.js

@@ -1 +0,0 @@
-

package/dist/utils/converter/index.d.ts

@@ -1 +0,0 @@
-export { Converter } from './converter';

package/dist/utils/converter/index.js

@@ -1,4 +0,0 @@
-import { Converter as o } from "./converter.js";
-export {
-  o as Converter
-};

package/dist/utils/index.d.ts

@@ -1,2 +0,0 @@
-export { Converter } from './converter';
-export { Time } from './time';

package/dist/utils/index.js

@@ -1,6 +0,0 @@
-import { Converter as o } from "./converter/converter.js";
-import { Time as t } from "./time/time.js";
-export {
-  o as Converter,
-  t as Time
-};

package/dist/utils/time/index.d.ts

@@ -1 +0,0 @@
-export { Time } from './time';

package/dist/utils/time/index.js

@@ -1,4 +0,0 @@
-import { Time as o } from "./time.js";
-export {
-  o as Time
-};