@arthurzakharov/ui-kit 1.5.3 → 1.5.5

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

@@ -1,69 +0,0 @@
-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

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

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

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

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

@@ -1,87 +0,0 @@
-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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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;

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

@@ -1,53 +0,0 @@
-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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

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

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

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

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

@@ -1,11 +0,0 @@
-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 Interactive<boolean>, PropsWithChildren<Base> {
-    state?: State;
-    iconSize?: ControlChoiceProps['size'];
-    textSize?: Extract<FontSize, 'body' | 'body-small'>;
-    message?: ReactNode;
-}
-export declare const ControlCheckbox: (props: ControlCheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-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

@@ -1,64 +0,0 @@
-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

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

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

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

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

@@ -1,106 +0,0 @@
-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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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;