@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/SMSField/SMSFieldContext.js

@@ -0,0 +1,23 @@
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const o = {
+  code: "",
+  disabled: !1,
+  disabledSubmit: !0,
+  error: !1,
+  onChangeCode: () => {
+  },
+  onSubmitCode: () => {
+  },
+  setDisabledSubmit: () => {
+  },
+  setTooltipId: () => {
+  },
+  size: t.LG,
+  sizeClassName: "",
+  tooltipId: void 0
+}, d = e.createContext(o);
+export {
+  d as SMSFieldContext
+};
+//# sourceMappingURL=SMSFieldContext.js.map

package/components/SMSField/components/RefreshIcon.js

@@ -0,0 +1,35 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as P } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as o } from "../../../chunks/SMSField.module-BXwYRXqL.js";
+import { EComponentSize as u } from "../../../enums/EComponentSize.js";
+const r = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8", d = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1", v = Math.PI / 180, e = Math.PI * 2, M = (c) => (c = c % 360, c = c < 0 ? 360 + c : c, c * v), n = M(-8), h = M(-19), m = h < n ? e - (n - h) : h - n, p = (c, t) => Math.round(c * Math.cos(t) * 1e3) / 1e3, f = (c, t) => Math.round(c * Math.sin(t) * 1e3) / 1e3, w = (c, t, a, l) => "M" + c + " " + t + // Смещаем перо в центр окружности.
+"L" + // Рисуем горизонтальную линию вправо в начало сектора.
+(c + p(a, n)) + // Координата X начала дуги.
+" " + (t + f(a, n)) + // Координата Y начала дуги.
+"A" + // Рисуем дугу.
+a + // Радиус окружности дуги по оси X.
+" " + a + // Радиус окружности дуги по оси Y.
+" 0 " + // Смещение центра по оси X.
+(l > 0.5 ? "1" : "0") + // Флаг отрисовки длинной дуги (если 0 то короткой).
+" 1 " + // Рисовать по часовой стрелке.
+(c + p(a, (n + l * m) % e)) + // Координата X конца дуги.
+" " + (t + f(a, (n + l * m) % e)) + // Координата Y конца дуги.
+"Z", C = (c) => {
+  const t = Math.round(Math.min(c.percent, 0.999) * 1e3) / 1e3, a = P({
+    [o.disabled]: c.disabled,
+    [o.empty]: !c.disabled
+  });
+  return c.size === u.LG ? /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", focusable: "false", children: [
+    /* @__PURE__ */ s("clipPath", { id: `clipFrontLG${t}`, children: /* @__PURE__ */ s("path", { d: w(16, 16, 18, t) }) }),
+    /* @__PURE__ */ s("path", { className: a, d }),
+    /* @__PURE__ */ s("path", { className: o.full, d, clipPath: `url(#clipFrontLG${t})` })
+  ] }) : /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", focusable: "false", children: [
+    /* @__PURE__ */ s("clipPath", { id: `clipFront${t}`, children: /* @__PURE__ */ s("path", { d: w(10, 10, 14, t) }) }),
+    /* @__PURE__ */ s("path", { className: a, d: r }),
+    /* @__PURE__ */ s("path", { className: o.full, d: r, clipPath: `url(#clipFront${t})` })
+  ] });
+};
+export {
+  C as RefreshIcon
+};
+//# sourceMappingURL=RefreshIcon.js.map

package/components/SMSField/components/SMSFieldInput.js

@@ -0,0 +1,63 @@
+import { jsxs as n, jsx as t, Fragment as I } from "react/jsx-runtime";
+import { c as v } from "../../../chunks/vendor-BlJo2ILB.js";
+import M, { useContext as T } from "react";
+import { FormField as j } from "../../FormField/FormField.js";
+import { FormFieldDescription as y } from "../../FormField/components/FormFieldDescription.js";
+import { FormFieldCounter as z } from "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldTarget.js";
+import { F as A } from "../../../chunks/FormFieldInput-DO7mZKjJ.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as l } from "../../FormField/enums.js";
+import { FormGroup as L } from "../../FormGroup/FormGroup.js";
+import { SMSFieldContext as O } from "../SMSFieldContext.js";
+import { s as _ } from "../../../chunks/SMSField.module-BXwYRXqL.js";
+import { EVENT_KEY_CODES as k } from "../../../utils/keyboard.js";
+const w = new RegExp(/^[0-9]*$/), B = M.forwardRef(
+  ({ className: f, counter: o, description: s, disabled: u, maxLength: c = 8, onChange: e, onKeyDown: i, placeholder: F, ...E }, S) => {
+    const {
+      code: a,
+      disabled: C,
+      disabledSubmit: h,
+      error: x,
+      onChangeCode: N,
+      onSubmitCode: R,
+      size: b,
+      sizeClassName: p
+    } = T(O), D = C || u, g = v(_.input, p, f);
+    let m = l.DEFAULT;
+    return D && (m = l.DISABLED), x && (m = l.ERROR), /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ t(j, { className: p, onKeyDown: (r) => {
+        r.keyCode === k.ENTER && !h && R(a), i == null || i(r);
+      }, size: b, status: m, children: /* @__PURE__ */ t(
+        A,
+        {
+          autoComplete: "off",
+          className: g,
+          maxLength: c,
+          onChange: (r) => {
+            const d = r.target.value;
+            w.test(d) && (N(d), e == null || e(r));
+          },
+          placeholder: F,
+          ref: S,
+          value: a,
+          ...E
+        }
+      ) }),
+      /* @__PURE__ */ t(y, { children: s || o ? /* @__PURE__ */ n(I, { children: [
+        s,
+        o ? /* @__PURE__ */ t(z, { children: o }) : null
+      ] }) : null })
+    ] });
+  }
+);
+B.displayName = "SMSFieldInput";
+export {
+  B as SMSFieldInput
+};
+//# sourceMappingURL=SMSFieldInput.js.map

package/components/SMSField/components/SMSFieldRefresh.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as I } from "../../../chunks/vendor-BlJo2ILB.js";
+import { forwardRef as M, useContext as N, useMemo as y } from "react";
+import "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import { ButtonIcon as B } from "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+import "../../Button/ButtonDropdownExtended.js";
+import { EButtonIconShape as F } from "../../Button/enums.js";
+import { SMSFieldContext as u } from "../SMSFieldContext.js";
+import { RefreshIcon as z } from "./RefreshIcon.js";
+import { s as m } from "../../../chunks/SMSField.module-BXwYRXqL.js";
+const D = M(
+  ({ className: l, disabled: r, countdownTime: e, countdownTimeLeft: s, onClick: t, onRefresh: p, ...f }, n) => {
+    const { disabled: o, error: c, size: h, sizeClassName: d, tooltipId: S } = N(u), b = s > 0, a = o && !c || r || b, R = I(m.btnRefresh, d, l, {
+      [m.disabled]: a
+    }), x = y(() => s >= e || o || r ? 0 : (e - s) / e, [e, s, o, r]);
+    return /* @__PURE__ */ i(
+      B,
+      {
+        "aria-describedby": S,
+        className: R,
+        disabled: a,
+        onClick: (C) => {
+          p(), t == null || t(C);
+        },
+        ref: n,
+        shape: F.SQUIRCLE,
+        ...f,
+        children: /* @__PURE__ */ i(z, { percent: x || 0, size: h, disabled: !!(o || r) })
+      }
+    );
+  }
+);
+D.displayName = "SMSFieldRefresh";
+export {
+  D as SMSFieldRefresh
+};
+//# sourceMappingURL=SMSFieldRefresh.js.map

package/components/SMSField/components/SMSFieldSubmit.js

@@ -0,0 +1,43 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as S } from "../../../chunks/vendor-BlJo2ILB.js";
+import { useContext as f, useEffect as C } from "react";
+import "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import { ButtonIcon as h } from "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+import "../../Button/ButtonDropdownExtended.js";
+import { EButtonIconShape as x } from "../../Button/enums.js";
+import { SMSFieldContext as I } from "../SMSFieldContext.js";
+import { SubmitIcon as N } from "./SubmitIcon.js";
+import { s } from "../../../chunks/SMSField.module-BXwYRXqL.js";
+const D = ({ className: r, disabled: a, onClick: i, ...l }) => {
+  const {
+    code: t,
+    disabled: d,
+    onSubmitCode: p,
+    setDisabledSubmit: e,
+    size: c,
+    sizeClassName: n
+  } = f(I), o = d || a || t === "", b = S(s.btnSubmit, { [s.active]: !!t }, n, r);
+  return C(() => {
+    e(o);
+  }, [o, e]), /* @__PURE__ */ m(
+    h,
+    {
+      active: !!t,
+      className: b,
+      disabled: o,
+      onClick: (u) => {
+        p(t), i == null || i(u);
+      },
+      shape: x.CIRCLE,
+      ...l,
+      children: /* @__PURE__ */ m(N, { size: c })
+    }
+  );
+};
+D.displayName = "SMSFieldSubmit";
+export {
+  D as SMSFieldSubmit
+};
+//# sourceMappingURL=SMSFieldSubmit.js.map

package/components/SMSField/components/SMSFieldTooltip.js

@@ -0,0 +1,38 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useContext as T, useEffect as f } from "react";
+import { SMSFieldContext as n } from "../SMSFieldContext.js";
+import { ETooltipSize as S, ETooltipAlign as a } from "../../Tooltip/enums.js";
+import { Tooltip as i } from "../../Tooltip/Tooltip.js";
+import { a as u } from "../../../chunks/vendor-BlJo2ILB.js";
+const c = ({
+  children: l,
+  id: o,
+  message: p,
+  targetRef: m,
+  ...s
+}) => {
+  const { tooltipId: t, setTooltipId: e } = T(n);
+  return f(() => {
+    o === void 0 ? e(u()) : o !== t && e(o);
+  }, [o]), /* @__PURE__ */ d(
+    i,
+    {
+      alignTip: a.START,
+      disableAdaptiveMode: !0,
+      id: t,
+      size: S.SM,
+      targetRef: m,
+      toggleType: "hover",
+      ...s,
+      children: [
+        /* @__PURE__ */ r(i.Body, { children: p }),
+        /* @__PURE__ */ r(i.Target, { children: l })
+      ]
+    }
+  );
+};
+c.displayName = "SMSFieldTooltip";
+export {
+  c as SMSFieldTooltip
+};
+//# sourceMappingURL=SMSFieldTooltip.js.map

package/components/SMSField/components/SubmitIcon.js

@@ -0,0 +1,19 @@
+import { jsx as C } from "react/jsx-runtime";
+import { EComponentSize as i } from "../../../enums/EComponentSize.js";
+const o = ({ size: e }) => e === i.LG ? /* @__PURE__ */ C("svg", { width: "26", height: "26", viewBox: "0 0 26 26", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M13 0C5.82 0 0 5.82 0 13C0 20.17 5.82 26 13 26C20.17 26 26 20.17 26 13C26 5.82 20.17 0 13 0ZM14.7 6.29L20.7 12.29C20.9 12.48 21 12.72 21 13C21 13.27 20.9 13.51 20.7 13.7L14.7 19.7C14.31 20.1 13.68 20.1 13.29 19.7C12.89 19.31 12.89 18.68 13.29 18.29L17.58 14L6 14C5.43 14 5 13.56 5 13C5 12.44 5.43 12 6 12L17.58 12L13.29 7.7C12.89 7.31 12.89 6.68 13.29 6.29C13.68 5.89 14.31 5.89 14.7 6.29Z",
+    fillRule: "evenodd"
+  }
+) }) : /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10C20 4.47 15.52 0 10 0ZM15.71 9.28L15.8 9.38 15.87 9.49 15.91 9.61C16.02 9.86 16.02 10.13 15.91 10.37C15.87 10.5 15.8 10.61 15.71 10.7L10.71 15.7C10.52 15.89 10.26 16 10 16C9.73 16 9.47 15.89 9.29 15.7C9.1 15.51 8.99 15.26 8.99 14.99C8.99 14.72 9.1 14.47 9.29 14.28L12.59 10.99L5 10.99C4.44 10.99 4 10.55 4 9.99C4 9.44 4.44 9 5 9L12.59 9L9.29 5.71C9.03 5.45 8.93 5.08 9.03 4.74C9.12 4.39 9.39 4.12 9.74 4.03C10.08 3.94 10.45 4.04 10.71 4.29L15.71 9.28Z",
+    fillRule: "evenodd"
+  }
+) });
+export {
+  o as SubmitIcon
+};
+//# sourceMappingURL=SubmitIcon.js.map

package/components/SMSField/index.js

@@ -0,0 +1,5 @@
+import { SMSField as r } from "./SMSField.js";
+export {
+  r as SMSField
+};
+//# sourceMappingURL=index.js.map

package/components/SMSField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/SegmentedControl/SegmentedControl.js

@@ -1,10 +1,64 @@
-import "react/jsx-runtime";
-import "react";
-import "../../chunks/vendor-CF2m175I.js";
-import "./enums.js";
-import { i as n, h as p } from "../../chunks/index-CAZEh1iw.js";
+import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums.js";
+import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
+import { jsx as c } from "react/jsx-runtime";
+import E from "react";
+import { c as b } from "../../chunks/vendor-BlJo2ILB.js";
+import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
+import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
+const h = "segmentedControl__5c5dacbb", x = "general1__34213087", L = "secondary1__36036a9f", A = "general2__40ee82e9", M = "secondary2__a4296cf0", G = "sm__ce756220", O = "md__eb24195b", j = "lg__bae44453", e = {
+  segmentedControl: h,
+  general1: x,
+  secondary1: L,
+  general2: A,
+  secondary2: M,
+  sm: G,
+  md: O,
+  lg: j
+}, v = {
+  [o.GENERAL_1]: e.general1,
+  [o.GENERAL_2]: e.general2,
+  [o.SECONDARY_1]: e.secondary1,
+  [o.SECONDARY_2]: e.secondary2
+}, z = T(e), D = Object.assign(
+  E.forwardRef(
+    ({ children: l, className: d, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...C }, f) => {
+      const p = b(
+        e.segmentedControl,
+        v[g],
+        z[_],
+        d
+      ), S = ({
+        selected: a,
+        value: s
+      }) => {
+        switch (r) {
+          case m.SINGLE:
+            a && t(s);
+            break;
+          case m.MULTIPLE:
+            t(a ? [...n, s] : [...n].filter((N) => N !== s));
+        }
+      };
+      return /* @__PURE__ */ c(
+        R.Provider,
+        {
+          value: {
+            type: r,
+            value: n,
+            disabled: !!i,
+            onSegmentSelect: S
+          },
+          children: /* @__PURE__ */ c("div", { className: p, ...C, "data-tx": "0.11.0", ref: f, children: l })
+        }
+      );
+    }
+  ),
+  {
+    Segment: y
+  }
+);
+D.displayName = "SegmentedControl";
 export {
-  n as SegmentedControl,
-  p as SegmentedControlContext
+  D as SegmentedControl
 };
 //# sourceMappingURL=SegmentedControl.js.map

package/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,13 @@
+import e from "react";
+import { ESegmentedControlType as t } from "./enums.js";
+const r = e.createContext({
+  type: t.SINGLE,
+  value: "",
+  disabled: !1,
+  onSegmentSelect: () => {
+  }
+});
+export {
+  r as SegmentedControlContext
+};
+//# sourceMappingURL=SegmentedControlContext.js.map

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,11 +1,71 @@
-import "react/jsx-runtime";
-import "react";
-import "../../chunks/vendor-CF2m175I.js";
-import { S } from "../../chunks/index-CAZEh1iw.js";
-import "../Button/ButtonBase.js";
-import "../Button/ButtonIcon.js";
-import "./enums.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as x } from "react";
+import { c as L } from "../../chunks/vendor-BlJo2ILB.js";
+import { ButtonBase as N } from "../Button/ButtonBase.js";
+import { ESegmentedControlType as n } from "./enums.js";
+import { SegmentedControlContext as _ } from "./SegmentedControlContext.js";
+const y = "segmentedControlSegment__828515cd", E = "selected__fe656112", I = "content__b9a01a83", r = {
+  segmentedControlSegment: y,
+  selected: E,
+  content: I
+}, T = ({
+  children: s,
+  className: i,
+  value: e,
+  title: c,
+  disabled: g,
+  onClick: o,
+  ...S
+}) => {
+  const {
+    type: m,
+    value: d,
+    disabled: p,
+    onSegmentSelect: l
+  } = x(_), t = (() => {
+    switch (m) {
+      case n.SINGLE:
+        return e === d;
+      case n.MULTIPLE:
+        return d.includes(e);
+    }
+  })(), f = L(
+    r.segmentedControlSegment,
+    { [r.selected]: t },
+    "hoverable",
+    { active: t },
+    i
+  ), C = () => {
+    if (c)
+      return c;
+    if (typeof s == "string")
+      return s;
+  }, u = (b) => {
+    switch (m) {
+      case n.SINGLE:
+        l({ value: e, selected: !0 });
+        break;
+      case n.MULTIPLE:
+        l({ value: e, selected: !t });
+        break;
+    }
+    o == null || o(b);
+  };
+  return /* @__PURE__ */ a(
+    N,
+    {
+      className: f,
+      title: C(),
+      disabled: g || p,
+      "aria-pressed": t,
+      onClick: u,
+      ...S,
+      children: /* @__PURE__ */ a("span", { className: r.content, children: s })
+    }
+  );
+};
+T.displayName = "SegmentedControlSegment";
 export {
-  S as SegmentedControlSegment
+  T as SegmentedControlSegment
 };
 //# sourceMappingURL=SegmentedControlSegment.js.map

package/components/SegmentedControl/index.js

@@ -1,11 +1,11 @@
-import { ESegmentedControlSize as t, ESegmentedControlTheme as n, ESegmentedControlType as m } from "./enums.js";
-import { i as S, h as g, S as C } from "../../chunks/index-CAZEh1iw.js";
+import { ESegmentedControlSize as t, ESegmentedControlTheme as n, ESegmentedControlType as r } from "./enums.js";
+import { SegmentedControlSegment as S } from "./SegmentedControlSegment.js";
+import { SegmentedControl as d } from "./SegmentedControl.js";
 export {
   t as ESegmentedControlSize,
   n as ESegmentedControlTheme,
-  m as ESegmentedControlType,
-  S as SegmentedControl,
-  g as SegmentedControlContext,
-  C as SegmentedControlSegment
+  r as ESegmentedControlType,
+  d as SegmentedControl,
+  S as SegmentedControlSegment
 };
 //# sourceMappingURL=index.js.map

package/components/SelectExtendedField/SelectExtendedField.js

@@ -0,0 +1,63 @@
+import { jsx as R, jsxs as T } from "react/jsx-runtime";
+import K, { useState as b, useRef as x, useCallback as c, useEffect as w } from "react";
+import { isKey as C, EVENT_KEY_CODES as N } from "../../utils/keyboard.js";
+import { KeyDownListener as _ } from "../KeyDownListener/KeyDownListener.js";
+import { c as j } from "../../chunks/vendor-BlJo2ILB.js";
+import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
+const A = "selectExtendedField__fa533c97", L = {
+  selectExtendedField: A
+}, M = Object.assign(
+  K.forwardRef((y, n) => {
+    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: s, onOpen: d, ...g } = y, [t, l] = b(!1), i = x(null), u = x(null), h = (e) => {
+      i.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+    }, p = c((e) => {
+      l(e);
+    }, []), a = c(
+      (e) => {
+        var r, E;
+        t && !((r = i.current) != null && r.contains(e.target)) && !((E = u.current) != null && E.contains(e.target)) && l(!1);
+      },
+      [t]
+    ), f = c(() => {
+      t && l(!1);
+    }, [t]), O = c(
+      (e) => {
+        const r = e.code || e.keyCode;
+        m && C(r, "TAB") && f(), o == null || o(e);
+      },
+      [m, f, o]
+    );
+    return w(() => (document.addEventListener("mousedown", a), () => {
+      document.removeEventListener("mousedown", a);
+    }), [a]), w(() => {
+      t ? d == null || d() : s == null || s();
+    }, [t, d, s]), /* @__PURE__ */ R(_, { onMatch: f, eventKeyCode: N.ESCAPE, children: /* @__PURE__ */ T(
+      "div",
+      {
+        className: j(L.selectExtendedField, D),
+        onKeyDown: O,
+        ref: h,
+        ...g,
+        children: [
+          S({ opened: t, setOpened: p }),
+          F({
+            dropdownRef: u,
+            opened: t,
+            setOpened: p,
+            targetRef: i
+          })
+        ]
+      }
+    ) });
+  }),
+  {
+    Target: k,
+    Dropdown: v
+  }
+);
+M.displayName = "SelectExtendedField";
+export {
+  M as SelectExtendedField
+};
+//# sourceMappingURL=SelectExtendedField.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Dropdown as m } from "../../Dropdown/Dropdown.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as e } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-CiE3zUVn.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+const d = ({
+  forwardedRef: o,
+  children: r,
+  targetRef: t,
+  ...p
+}) => /* @__PURE__ */ i(m, { ...p, ref: o, targetRef: t, children: r });
+d.List = e;
+export {
+  d as SelectExtendedFieldDropdown
+};
+//# sourceMappingURL=SelectExtendedFieldDropdown.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -0,0 +1,84 @@
+import { jsx as e, jsxs as M, Fragment as S } from "react/jsx-runtime";
+import { createElement as s } from "react";
+import { SelectExtendedField as m } from "../SelectExtendedField.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import { DropdownMobileBody as y } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as E } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as k } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as B } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as F } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { Text as L } from "../../Typography/Text.js";
+import { ETextSize as j } from "../../Typography/enums.js";
+const Q = ({
+  dropdownRef: w,
+  dropdownListItemClassName: l,
+  fixedWidth: n,
+  loading: D,
+  listId: b,
+  mobileTitle: h,
+  onChange: c,
+  opened: p,
+  size: x,
+  options: f,
+  setOpened: i,
+  targetRef: a,
+  value: o
+}) => /* @__PURE__ */ e(
+  m.Dropdown,
+  {
+    opened: p && !D,
+    forwardedRef: w,
+    fixedWidth: typeof n > "u" ? !0 : n,
+    setOpened: i,
+    targetRef: a,
+    size: x,
+    mobileViewProps: {
+      children: /* @__PURE__ */ M(S, { children: [
+        /* @__PURE__ */ e(k, { controlButtons: /* @__PURE__ */ e(E, { onClick: () => i(!1) }), children: /* @__PURE__ */ e(L, { tag: "div", size: j.B3, children: h }) }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(B, { children: f.map((r) => {
+          const { label: d, ...t } = r;
+          return /* @__PURE__ */ s(
+            F,
+            {
+              ...t,
+              className: l,
+              id: r.id,
+              key: r.id,
+              selected: r.id === (o == null ? void 0 : o.id),
+              onSelect: () => {
+                c(r), i(!1);
+              }
+            },
+            d
+          );
+        }) }) })
+      ] })
+    },
+    children: /* @__PURE__ */ e(m.Dropdown.List, { id: b, dropdownOpened: p, children: f.map((r) => {
+      const { label: d, ...t } = r;
+      return /* @__PURE__ */ s(
+        m.Dropdown.List.Item,
+        {
+          ...t,
+          className: l,
+          id: r.id,
+          key: r.id,
+          selected: r.id === (o == null ? void 0 : o.id),
+          onSelect: () => {
+            c(r), i(!1);
+          }
+        },
+        d
+      );
+    }) })
+  }
+);
+export {
+  Q as SelectExtendedFieldDropdownDefault
+};
+//# sourceMappingURL=SelectExtendedFieldDropdownDefault.js.map