mimir-ui-kit 1.38.36 → 1.38.39

package/dist/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,195 @@
+import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
+import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
+import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
+import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
+import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
+import { r as fe } from "../../bugs-diTMAGNw.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DE4t_lW3.js";
+import { c as M } from "../../index-DIxK0V-G.js";
+import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
+let Le = { 0(e, r) {
+  let o = [...e.options, { id: r.id, element: r.element, propsRef: r.propsRef }];
+  return { ...e, options: Ie(o, (a) => a.element.current) };
+}, 1(e, r) {
+  let o = e.options.slice(), a = e.options.findIndex((u) => u.id === r.id);
+  return a === -1 ? e : (o.splice(a, 1), { ...e, options: o });
+} }, J = ce(null);
+J.displayName = "RadioGroupDataContext";
+function X(e) {
+  let r = pe(J);
+  if (r === null) {
+    let o = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, X), o;
+  }
+  return r;
+}
+let Q = ce(null);
+Q.displayName = "RadioGroupActionsContext";
+function Y(e) {
+  let r = pe(Q);
+  if (r === null) {
+    let o = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Y), o;
+  }
+  return r;
+}
+function Ue(e, r) {
+  return Ce(r.type, Le, e, r);
+}
+let je = "div";
+function He(e, r) {
+  let o = q(), a = oe(), { id: u = `headlessui-radiogroup-${o}`, value: _, form: v, name: c, onChange: n, by: m, disabled: l = a || !1, defaultValue: s, ...y } = e, d = Ae(m), [k, D] = xe(Ue, { options: [] }), p = k.options, [O, A] = te(), [C, w] = ie(), P = B(null), G = z(P, r), $ = ke(s), [t, x] = Oe(_, n, $), F = T(() => p.find((i) => !i.propsRef.current.disabled), [p]), g = T(() => p.some((i) => d(i.propsRef.current.value, t)), [p, t]), f = U((i) => {
+    var I;
+    if (l || d(i, t)) return !1;
+    let h = (I = p.find((j) => d(j.propsRef.current.value, i))) == null ? void 0 : I.propsRef.current;
+    return h != null && h.disabled ? !1 : (x == null || x(i), !0);
+  }), be = U((i) => {
+    let I = P.current;
+    if (!I) return;
+    let h = Ge(I), j = p.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
+    switch (i.key) {
+      case N.Enter:
+        De(i.currentTarget);
+        break;
+      case N.ArrowLeft:
+      case N.ArrowUp:
+        if (i.preventDefault(), i.stopPropagation(), re(j, H.Previous | H.WrapAround) === ae.Success) {
+          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && f(b.propsRef.current.value);
+        }
+        break;
+      case N.ArrowRight:
+      case N.ArrowDown:
+        if (i.preventDefault(), i.stopPropagation(), re(j, H.Next | H.WrapAround) === ae.Success) {
+          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && f(b.propsRef.current.value);
+        }
+        break;
+      case N.Space:
+        {
+          i.preventDefault(), i.stopPropagation();
+          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && f(b.propsRef.current.value);
+        }
+        break;
+    }
+  }), Z = U((i) => (D({ type: 0, ...i }), () => D({ type: 1, id: i.id }))), ve = T(() => ({ value: t, firstOption: F, containsCheckedOption: g, disabled: l, compare: d, ...k }), [t, F, g, l, d, k]), Re = T(() => ({ registerOption: Z, change: f }), [Z, f]), he = { ref: G, id: u, role: "radiogroup", "aria-labelledby": O, "aria-describedby": C, onKeyDown: be }, $e = T(() => ({ value: t }), [t]), ge = Fe(() => {
+    if ($ !== void 0) return f($);
+  }, [f, $]);
+  return E.createElement(w, { name: "RadioGroup.Description" }, E.createElement(A, { name: "RadioGroup.Label" }, E.createElement(Q.Provider, { value: Re }, E.createElement(J.Provider, { value: ve }, c != null && E.createElement(we, { disabled: l, data: { [c]: t || "on" }, overrides: { type: "radio", checked: t != null }, form: v, onReset: ge }), K({ ourProps: he, theirProps: y, slot: $e, defaultTag: je, name: "RadioGroup" })))));
+}
+let Me = "div";
+function Ve(e, r) {
+  var o;
+  let a = X("RadioGroup.Option"), u = Y("RadioGroup.Option"), _ = q(), { id: v = `headlessui-radiogroup-option-${_}`, value: c, disabled: n = a.disabled || !1, autoFocus: m = !1, ...l } = e, s = B(null), y = z(s, r), [d, k] = te(), [D, p] = ie(), O = se({ value: c, disabled: n });
+  ne(() => u.registerOption({ id: v, element: s, propsRef: O }), [v, u, s, O]);
+  let A = U((g) => {
+    var f;
+    if (fe(g.currentTarget)) return g.preventDefault();
+    u.change(c) && ((f = s.current) == null || f.focus());
+  }), C = ((o = a.firstOption) == null ? void 0 : o.id) === v, { isFocusVisible: w, focusProps: P } = le({ autoFocus: m }), { isHovered: G, hoverProps: $ } = de({ isDisabled: n }), t = a.compare(a.value, c), x = ue({ ref: y, id: v, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": d, "aria-describedby": D, "aria-disabled": n ? !0 : void 0, tabIndex: n ? -1 : t || !a.containsCheckedOption && C ? 0 : -1, onClick: n ? void 0 : A, autoFocus: m }, P, $), F = T(() => ({ checked: t, disabled: n, active: w, hover: G, focus: w, autofocus: m }), [t, n, G, w, m]);
+  return E.createElement(p, { name: "RadioGroup.Description" }, E.createElement(k, { name: "RadioGroup.Label" }, K({ ourProps: x, theirProps: l, slot: F, defaultTag: Me, name: "RadioGroup.Option" })));
+}
+let We = "span";
+function ze(e, r) {
+  var o;
+  let a = X("Radio"), u = Y("Radio"), _ = q(), v = Pe(), c = oe(), { id: n = v || `headlessui-radio-${_}`, value: m, disabled: l = a.disabled || c || !1, autoFocus: s = !1, ...y } = e, d = B(null), k = z(d, r), D = Ee(), p = Te(), O = se({ value: m, disabled: l });
+  ne(() => u.registerOption({ id: n, element: d, propsRef: O }), [n, u, d, O]);
+  let A = U((g) => {
+    var f;
+    if (fe(g.currentTarget)) return g.preventDefault();
+    u.change(m) && ((f = d.current) == null || f.focus());
+  }), { isFocusVisible: C, focusProps: w } = le({ autoFocus: s }), { isHovered: P, hoverProps: G } = de({ isDisabled: l }), $ = ((o = a.firstOption) == null ? void 0 : o.id) === n, t = a.compare(a.value, m), x = ue({ ref: k, id: n, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": D, "aria-describedby": p, "aria-disabled": l ? !0 : void 0, tabIndex: l ? -1 : t || !a.containsCheckedOption && $ ? 0 : -1, autoFocus: s, onClick: l ? void 0 : A }, w, G), F = T(() => ({ checked: t, disabled: l, hover: P, focus: C, autofocus: s }), [t, l, P, C, s]);
+  return K({ ourProps: x, theirProps: y, slot: F, defaultTag: We, name: "Radio" });
+}
+let Ke = W(He), qe = W(Ve), me = W(ze), Be = V, Je = ye, Xe = Object.assign(Ke, { Option: qe, Radio: me, Label: Be, Description: Je });
+const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40", er = "_label_yses6_51", rr = "_frame_yses6_64", ar = "_checked_yses6_73", R = {
+  group: Qe,
+  "content-wrapper": "_content-wrapper_yses6_8",
+  "radio-wrapper": "_radio-wrapper_yses6_18",
+  radio: Ye,
+  disabled: Ze,
+  label: er,
+  frame: rr,
+  checked: ar
+}, cr = Ne(
+  ({
+    options: e,
+    value: r,
+    onChange: o,
+    label: a,
+    classNameRadioWrapper: u,
+    classNameRadioSpan: _,
+    classNameContentWrapper: v,
+    ...c
+  }, n) => {
+    const m = M(
+      R["radio-wrapper"],
+      u,
+      {
+        [R.disabled]: c.disabled
+      }
+    );
+    return /* @__PURE__ */ ee(
+      Xe,
+      {
+        ref: n,
+        value: r,
+        className: R.group,
+        onChange: o,
+        ...c,
+        children: [
+          a && /* @__PURE__ */ L(V, { as: "p", className: R.label, children: a }),
+          /* @__PURE__ */ L(
+            "div",
+            {
+              className: M(
+                R["content-wrapper"],
+                v
+              ),
+              children: e.map(({ label: l, value: s }) => /* @__PURE__ */ L(
+                me,
+                {
+                  as: "span",
+                  value: s,
+                  disabled: c.disabled,
+                  className: m,
+                  "data-testid": `radio-option-${s}`,
+                  children: ({ checked: y, disabled: d }) => /* @__PURE__ */ ee(_e, { children: [
+                    /* @__PURE__ */ L(
+                      V,
+                      {
+                        as: "span",
+                        className: M(
+                          R.radio,
+                          {
+                            [R.disabled]: c.disabled
+                          },
+                          _
+                        ),
+                        children: /* @__PURE__ */ L(
+                          "span",
+                          {
+                            className: M(R.frame, {
+                              [R.checked]: y,
+                              [R.disabled]: d
+                            })
+                          }
+                        )
+                      }
+                    ),
+                    l
+                  ] })
+                },
+                typeof s == "string" ? s : String(s)
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  cr as RadioGroup
+};

package/dist/components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup } from './RadioGroup';
+export type { TRadioOption, TRadioGroupProps } from './RadioGroup';

package/dist/components/RadioGroup/index.js

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

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -0,0 +1,22 @@
+import { ESelectSearchSize } from './constants';
+import { TSelectOption } from './types';
+
+export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pick<import('../Input').TInputProps, "variant" | "withClearButton"> & {
+    value?: TSelectOption | null;
+    onChange?: (value: TSelectOption) => void;
+    placeholder?: string;
+    size?: ESelectSearchSize;
+    full?: boolean;
+    displayValue?: string;
+    showArrow?: boolean;
+    onSearch?: (value: string) => void;
+    filterOnSearch?: boolean;
+    items: TSelectOption[];
+    classNameOption?: string;
+    menuPlacement?: import('./types').TMenuPlacement;
+    disabled?: boolean;
+    searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
+    disableInput?: boolean;
+    autocomplete?: "on" | "off";
+    immediate?: boolean;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/SelectSearch/SelectSearch.js

@@ -0,0 +1,263 @@
+import { jsx as s, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
+import { forwardRef as U, useState as q, useMemo as W, useCallback as R, useEffect as $ } from "react";
+import { ESelectSearchSize as g } from "./constants.js";
+import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
+import { Icon as O } from "../../icons/Icon.js";
+import { Button as Q } from "../Button/Button.js";
+import { I as B } from "../../Input-DAmc_HxO.js";
+import { EInputVariant as X } from "../Input/constants.js";
+import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CVtJDVoZ.js";
+import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_container_1bph7_13", ne = "_full_1bph7_28", se = "_button_1bph7_40", ae = "_options_1bph7_54", ie = "_top_1bph7_65", le = "_bottom_1bph7_71", re = "_m_1bph7_98", ce = "_l_1bph7_113", de = "_option_1bph7_54", pe = "_clear_1bph7_167", e = {
+  "select-search": "_select-search_1bph7_2",
+  disabled: te,
+  container: oe,
+  "container-open": "_container-open_1bph7_24",
+  full: ne,
+  "selected-icon": "_selected-icon_1bph7_32",
+  "selector-icon-open": "_selector-icon-open_1bph7_36",
+  button: se,
+  "selector-icon": "_selector-icon_1bph7_36",
+  options: ae,
+  top: ie,
+  bottom: le,
+  "no-options": "_no-options_1bph7_77",
+  m: re,
+  l: ce,
+  "select-input": "_select-input_1bph7_128",
+  "select-input-disabled": "_select-input-disabled_1bph7_131",
+  option: de,
+  "option-active": "_option-active_1bph7_147",
+  "option-inner": "_option-inner_1bph7_150",
+  "right-slot": "_right-slot_1bph7_157",
+  "required-mark": "_required-mark_1bph7_162",
+  clear: pe,
+  "icon-button": "_icon-button_1bph7_176"
+}, Ce = U(
+  (E, L) => {
+    const {
+      placeholder: w,
+      size: a = g.L,
+      value: i,
+      onChange: n,
+      full: V,
+      showArrow: C = !0,
+      items: u = [],
+      classNameOption: F,
+      displayValue: G = "name",
+      filterOnSearch: I = !0,
+      onSearch: b,
+      variant: S = X.DefaultGray,
+      menuPlacement: f = "bottom",
+      disabled: r = !1,
+      searchProps: y,
+      withClearButton: N = !1,
+      disableInput: c = !1,
+      autocomplete: k = "on",
+      immediate: P = !1
+    } = E, v = String((i == null ? void 0 : i[G]) || ""), [d, m] = q(v), [p, _] = q(i), x = W(() => I && d.trim().toLowerCase() ? u.filter(
+      (t) => t.name.toLowerCase().includes(d.toLowerCase())
+    ) : u, [d, u, I]), T = (t) => {
+      t ? (m(t.name), _(t), n == null || n(t)) : (m(""), _(null), n == null || n({ id: "", name: "" }));
+    }, z = R(
+      (t) => {
+        if (c) return;
+        const o = t.target.value;
+        m(o), b == null || b(o), p && o !== p.name && _(null), !o && i && (n == null || n({ id: "", name: "" }));
+      },
+      [c, n, b, i, p]
+    ), H = () => {
+      m(""), _(null), n == null || n({ id: "", name: "" });
+    };
+    return $(() => {
+      const t = !i || typeof i == "object" && !Object.keys(i).length;
+      m(t ? "" : v), _(t ? null : i);
+    }, [i, v]), /* @__PURE__ */ s(
+      Y,
+      {
+        as: "div",
+        value: p,
+        className: l(e["select-search"], {
+          [e.full]: V,
+          [e.disabled]: r
+        }),
+        onChange: T,
+        ref: L,
+        disabled: r,
+        virtual: { options: x },
+        immediate: P,
+        children: ({ open: t }) => /* @__PURE__ */ h(D, { children: [
+          /* @__PURE__ */ h(
+            "div",
+            {
+              className: l(e.container, e[a], {
+                [e["container-open"]]: t
+              }),
+              children: [
+                c && /* @__PURE__ */ h("div", { style: { position: "relative", width: "100%" }, children: [
+                  /* @__PURE__ */ s(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ s(
+                    j,
+                    {
+                      as: B,
+                      label: w,
+                      size: A(a),
+                      className: l(e["select-input"], {
+                        [e["select-input-disabled"]]: c && N
+                      }),
+                      onChange: z,
+                      value: d,
+                      disabled: r,
+                      variant: S,
+                      rightSlotClassName: e["right-slot"],
+                      requiredMarkClassName: e["required-mark"],
+                      "data-testid": "select-search-input",
+                      onFocus: (o) => {
+                        c && o.target.blur();
+                      },
+                      rightAddon: {
+                        addonType: "icon",
+                        addonContent: J(t, a)
+                      },
+                      autocomplete: k,
+                      ...y
+                    }
+                  ) }),
+                  N && d && /* @__PURE__ */ s(
+                    Q,
+                    {
+                      tabIndex: -1,
+                      className: l(e.clear, {
+                        [e.disabled]: r
+                      }),
+                      iconButtonClassName: e["icon-button"],
+                      isIconButton: !0,
+                      iconName: "Close16px",
+                      size: "m-s",
+                      clear: !0,
+                      disabled: r,
+                      variant: "secondary-gray",
+                      onClick: (o) => {
+                        o.stopPropagation(), H();
+                      },
+                      "data-testid": "clear-button"
+                    }
+                  )
+                ] }),
+                !c && /* @__PURE__ */ s(
+                  j,
+                  {
+                    as: B,
+                    label: w,
+                    size: A(a),
+                    className: e["select-input"],
+                    onChange: z,
+                    value: d,
+                    disabled: r,
+                    variant: S,
+                    withClearButton: N,
+                    rightSlotClassName: e["right-slot"],
+                    requiredMarkClassName: e["required-mark"],
+                    "data-testid": "select-search-input",
+                    rightAddon: C ? {
+                      addonType: "react-node",
+                      addonContent: C && /* @__PURE__ */ s(
+                        M,
+                        {
+                          className: l(e.button, {
+                            [e.disabled]: r
+                          }),
+                          disabled: r,
+                          children: /* @__PURE__ */ s(
+                            O,
+                            {
+                              iconName: a == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              className: l(e["selector-icon"], {
+                                [e["selector-icon-open"]]: t
+                              })
+                            }
+                          )
+                        }
+                      )
+                    } : void 0,
+                    onFocus: (o) => {
+                      c && o.target.blur();
+                    },
+                    autocomplete: k,
+                    ...y
+                  }
+                )
+              ]
+            }
+          ),
+          t && /* @__PURE__ */ s(D, { children: u.length ? x.length ? /* @__PURE__ */ s(
+            Z,
+            {
+              "data-testid": "select-search-options",
+              className: l(
+                e.options,
+                e[a],
+                e[f]
+              ),
+              children: ({ option: o }) => /* @__PURE__ */ h(
+                ee,
+                {
+                  value: o,
+                  className: ({ focus: K }) => l(
+                    e.option,
+                    F,
+                    a && e[a],
+                    {
+                      [e["option-active"]]: K
+                    }
+                  ),
+                  "data-testid": `select-search-option-${o.id}`,
+                  children: [
+                    /* @__PURE__ */ h("div", { className: e["option-inner"], children: [
+                      o.name,
+                      o.bottom && /* @__PURE__ */ s("div", { children: o.bottom })
+                    ] }),
+                    p && p.id === o.id && /* @__PURE__ */ s(
+                      O,
+                      {
+                        iconName: a === g.M ? "Done16px" : "Done24px",
+                        className: e["selected-icon"]
+                      }
+                    )
+                  ]
+                },
+                o.id
+              )
+            }
+          ) : /* @__PURE__ */ s(
+            "div",
+            {
+              className: l(
+                e.options,
+                e[a],
+                e["no-options"],
+                e[f]
+              ),
+              "data-headlessui-state": t ? "open" : "closed",
+              children: "Ничего не найдено"
+            }
+          ) : /* @__PURE__ */ s(
+            "div",
+            {
+              className: l(
+                e.options,
+                e[a],
+                e["no-options"],
+                e[f]
+              ),
+              "data-headlessui-state": t ? "open" : "closed",
+              children: "Нет данных"
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  Ce as SelectSearch
+};

package/dist/components/SelectSearch/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum ESelectSearchSize {
+    M = "m",
+    L = "l"
+}

package/dist/components/SelectSearch/constants.js

@@ -0,0 +1,4 @@
+var m = /* @__PURE__ */ ((r) => (r.M = "m", r.L = "l", r))(m || {});
+export {
+  m as ESelectSearchSize
+};

package/dist/components/SelectSearch/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectSearch } from './SelectSearch';
+export type { TSelectSearchProps, TSelectOption } from './types';
+export { ESelectSearchSize } from './constants';

package/dist/components/SelectSearch/index.js

@@ -0,0 +1,6 @@
+import { SelectSearch as S } from "./SelectSearch.js";
+import { ESelectSearchSize as o } from "./constants.js";
+export {
+  o as ESelectSearchSize,
+  S as SelectSearch
+};

package/dist/components/SelectSearch/types.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { ESelectSearchSize } from './constants';
+import { TInputProps } from '../Input';
+
+export type TSelectOption = {
+    name: string;
+    id: number | string;
+    bottom?: ReactNode;
+    [index: string]: unknown;
+};
+export type TMenuPlacement = 'top' | 'bottom';
+export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'> & {
+    /**
+     * Текущее выбранное значение.
+     */
+    value?: TSelectOption | null;
+    /**
+     * Функция обратного вызова при изменении выбранного значения.
+     */
+    onChange?: (value: TSelectOption) => void;
+    /**
+     * Текст-подсказка для поля ввода.
+     */
+    placeholder?: string;
+    /**
+     * Размер компонента выбора.
+     */
+    size?: ESelectSearchSize;
+    /**
+     * Флаг для растягивания компонента на всю ширину контейнера.
+     */
+    full?: boolean;
+    /**
+     * Значение, отображаемое в поле выбора.
+     */
+    displayValue?: string;
+    /** Показывать ли иконку стрелки выпадающего списка */
+    showArrow?: boolean;
+    /** Функция обратного вызова, срабатывающая при изменении поискового запроса */
+    onSearch?: (value: string) => void;
+    /** Фильтровать ли варианты на основе поискового запроса */
+    filterOnSearch?: boolean;
+    /** Значения, передаваемые в SelectSearch */
+    items: TSelectOption[];
+    /** Класснейм для значения */
+    classNameOption?: string;
+    /** Варианты отображения выпадающего меню */
+    menuPlacement?: TMenuPlacement;
+    /** Отключает компонент SelectSearch */
+    disabled?: boolean;
+    /** Пропсы для инпута поиска опций */
+    searchProps?: Pick<TInputProps, 'numbersOnly' | 'maxLength' | 'required'>;
+    /** Отключает инпут, но позволяет открывать меню*/
+    disableInput?: boolean;
+    /** Управляет поведением автозаполнения браузера */
+    autocomplete?: 'on' | 'off';
+    /** Показывать список при фокусе или нет */
+    immediate?: boolean;
+};

package/dist/components/SelectSearch/utils.d.ts

@@ -0,0 +1,5 @@
+import { ESelectSearchSize } from './constants';
+import { EInputSize } from '../Input';
+
+export declare const mapSizeToInputSize: (size: ESelectSearchSize) => EInputSize;
+export declare const getDropdownArrowIcon: (isOpen: boolean, size: ESelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";

package/dist/components/SelectSearch/utils.js

@@ -0,0 +1,17 @@
+import { ESelectSearchSize as r } from "./constants.js";
+import "../../Input-DAmc_HxO.js";
+import { EInputSize as t } from "../Input/constants.js";
+const c = (o) => {
+  switch (o) {
+    case r.M:
+      return t.M;
+    case r.L:
+      return t.L;
+    default:
+      return t.M;
+  }
+}, i = (o, p) => o ? p === r.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : p === r.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px";
+export {
+  i as getDropdownArrowIcon,
+  c as mapSizeToInputSize
+};

package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { ESkeletonVariant } from '../constants';
+
+type TProps = ComponentProps<'div'> & {
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string | number;
+    variant?: `${ESkeletonVariant}` | ESkeletonVariant;
+};
+export declare const SkeletonBrick: ({ className, width, height, borderRadius, style, variant, ...otherProps }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js

@@ -0,0 +1,33 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as n } from "../../../index-DIxK0V-G.js";
+import { ESkeletonVariant as c } from "../constants.js";
+import { v as r } from "../../../variant.module-BXn4N1h0.js";
+const v = ({
+  className: t,
+  width: o = "100%",
+  height: s,
+  borderRadius: a = "var(--mimir-control-radius)",
+  style: e,
+  variant: i = c.WHITE,
+  ...m
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    ...m,
+    className: n(
+      r.skeleton,
+      r[i],
+      t
+    ),
+    style: {
+      ...e,
+      width: o,
+      height: s,
+      borderRadius: a
+    },
+    "data-testid": "skeleton-brick"
+  }
+);
+export {
+  v as SkeletonBrick
+};

package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.d.ts

@@ -0,0 +1,9 @@
+import { ESkeletonVariant } from '../constants';
+
+type TProps = {
+    className?: string;
+    size: number | string;
+    variant?: `${ESkeletonVariant}` | ESkeletonVariant;
+};
+export declare const SkeletonCircle: ({ className, variant, size }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};