@sberbusiness/triplex-next 1.0.0 → 1.1.1

package/components/Pagination/components/PaginationExtended.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-CF2m175I.js";
+import { c as d } from "../../../chunks/vendor-D-uL_icH.js";
 import i from "react";
-const r = "paginationExtended__fe444674", s = {
+const r = "paginationExtended__2f938382", s = {
   paginationExtended: r
 }, x = i.forwardRef(
   ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
     "nav",
     {
       className: d(s.paginationExtended, a),
-      "data-tx": "1.0.0",
+      "data-tx": "1.1.1",
       ...n,
       ref: e,
       children: t

package/components/Pagination/components/PaginationNavigationButton.js

@@ -3,11 +3,11 @@ import c from "react";
 import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
-import o from "@sberbusiness/icons-next/CaretleftStrokeSrvIcon24";
-const g = "paginationNavigationButton__1568d4f5", N = "directionIconNext__7be0ff66", n = {
+import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
+const g = "paginationNavigationButton__5b686b84", N = "directionIconNext__45d70aea", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, f = c.forwardRef(
+}, d = c.forwardRef(
   ({ direction: i, ...a }, e) => {
     const r = i === s.BACK;
     return /* @__PURE__ */ t(
@@ -22,8 +22,8 @@ const g = "paginationNavigationButton__1568d4f5", N = "directionIconNext__7be0ff
     );
   }
 );
-f.displayName = "PaginationNavigationButton";
+d.displayName = "PaginationNavigationButton";
 export {
-  f as PaginationNavigationButton
+  d as PaginationNavigationButton
 };
 //# sourceMappingURL=PaginationNavigationButton.js.map

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as d } from "../../../chunks/vendor-CF2m175I.js";
-const g = "paginationNavigationExtended__b7e87398", r = {
+import { c as d } from "../../../chunks/vendor-D-uL_icH.js";
+const g = "paginationNavigationExtended__c2db3ef3", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import g from "react";
-import { c } from "../../../chunks/vendor-CF2m175I.js";
-const s = "paginationPageButton__7481f43b", u = "currentPage__c8ac6af1", a = {
+import { c } from "../../../chunks/vendor-D-uL_icH.js";
+const s = "paginationPageButton__5bdcc541", u = "currentPage__6ea3eabf", a = {
   paginationPageButton: s,
   currentPage: u
 }, P = g.forwardRef(

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
+import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
 import o from "react";
-const t = "pageEllipsis__05323920", r = {
+const t = "pageEllipsis__9138b51b", r = {
   pageEllipsis: t
 }, n = o.forwardRef(
   ({ children: s, className: i, ...a }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, i), ...a, ref: l, children: s })

package/components/Pagination/components/PaginationSelect.js

@@ -1,26 +1,26 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import S, { useRef as f } from "react";
-import { j as x, c as N } from "../../../chunks/vendor-CF2m175I.js";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import g, { useRef as S } from "react";
+import { f as x, c as N } from "../../../chunks/vendor-D-uL_icH.js";
 import "../../Typography/Title.js";
-import { Text as v } from "../../Typography/Text.js";
+import { Text as b } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
-import { ETextSize as _ } from "../../Typography/enums.js";
-const b = "paginationSelect__ab00743e", h = "paginationSelectControl__c47e4a34", o = {
-  paginationSelect: b,
+import { ETextSize as v } from "../../Typography/enums.js";
+const _ = "paginationSelect__8cf380c1", h = "paginationSelectControl__8d8b1b76", c = {
+  paginationSelect: _,
   paginationSelectControl: h
-}, j = S.forwardRef(
-  ({ paginationLabel: c, className: s, hidden: m, options: i, value: n, onChange: a }, d) => {
-    const l = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
+}, y = g.forwardRef(
+  ({ paginationLabel: o, className: s, hidden: d, options: i, value: a, onChange: n }, m) => {
+    const l = S(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
       const r = Number(e.target.value);
-      Number.isNaN(r) || a == null || a(r);
+      Number.isNaN(r) || n == null || n(r);
     };
-    return m ? null : /* @__PURE__ */ g("div", { className: N(o.paginationSelect, s), ref: d, children: [
-      /* @__PURE__ */ t(v, { size: _.B3, id: l.current, children: c }),
-      /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
+    return d ? null : /* @__PURE__ */ f("div", { className: N(c.paginationSelect, s), ref: m, children: [
+      /* @__PURE__ */ t(b, { size: v.B3, id: l.current, children: o }),
+      /* @__PURE__ */ t("div", { className: c.paginationSelectControl, children: /* @__PURE__ */ t(
         "select",
         {
           "aria-labelledby": l.current,
-          value: n !== void 0 ? String(n) : void 0,
+          value: a !== void 0 ? String(a) : void 0,
           onChange: u,
           children: p.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
         }
@@ -28,8 +28,8 @@ const b = "paginationSelect__ab00743e", h = "paginationSelectControl__c47e4a34",
     ] });
   }
 );
-j.displayName = "PaginationSelect";
+y.displayName = "PaginationSelect";
 export {
-  j as PaginationSelect
+  y as PaginationSelect
 };
 //# sourceMappingURL=PaginationSelect.js.map

package/components/Pagination/utils/paginationUtils.js

@@ -1,30 +1,30 @@
-import { g as R } from "../../../chunks/vendor-CF2m175I.js";
+import { h as R } from "../../../chunks/vendor-D-uL_icH.js";
 const m = -1, h = {
   // Создание массива чисел в заданном диапазоне с заданным шагом.
-  generateRange: (g, i, e = 1) => g > i ? [] : R(g, i + 1, e),
+  generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),
   // Создание массивов страниц в начале, конце и вокруг текущей.
-  generatePageRanges: (g, i, e, s) => {
-    const n = h.generateRange(1, Math.min(e, s)), a = h.generateRange(
+  generatePageRanges: (n, i, e, s) => {
+    const g = h.generateRange(1, Math.min(e, s)), a = h.generateRange(
       Math.max(s - e + 1, e + 1),
       s
     ), c = s - e - 1 - i * 2, r = Math.max(
-      Math.min(g - i, c),
+      Math.min(n - i, c),
       e + 2
     ), S = e + 2 + i * 2, M = Math.min(
-      Math.max(g + i, S),
+      Math.max(n + i, S),
       s - e - 1
     );
-    return { boundaryDivider: 2, endPages: a, siblingsEnd: M, siblingsStart: r, startPages: n };
+    return { boundaryDivider: 2, endPages: a, siblingsEnd: M, siblingsStart: r, startPages: g };
   },
   // Создание итогового массива страниц для отображения.
   createPagesArray: ({
-    currentPage: g,
+    currentPage: n,
     siblingCount: i,
     boundaryCount: e,
     totalPages: s
   }) => {
-    const { boundaryDivider: p, endPages: t, siblingsEnd: n, siblingsStart: a, startPages: c } = h.generatePageRanges(g, i, e, s), r = c;
-    return a > e + p ? r.push(m) : e + 1 < s - e && r.push(e + 1), r.push(...h.generateRange(a, n)), n < s - e - 1 ? r.push(m) : s - e > e && r.push(s - e), r.push(...t), r;
+    const { boundaryDivider: p, endPages: t, siblingsEnd: g, siblingsStart: a, startPages: c } = h.generatePageRanges(n, i, e, s), r = c;
+    return a > e + p ? r.push(m) : e + 1 < s - e && r.push(e + 1), r.push(...h.generateRange(a, g)), g < s - e - 1 ? r.push(m) : s - e > e && r.push(s - e), r.push(...t), r;
   }
 };
 export {

package/components/Radio/Radio.js

@@ -1,8 +1,8 @@
 import { jsxs as b, jsx as c } from "react/jsx-runtime";
 import p from "react";
 import { ERadioSize as f } from "./enum.js";
-import { c as l } from "../../chunks/vendor-CF2m175I.js";
-const N = "label__f3ec4845", y = "md__4b15ee46", x = "lg__57b3d5ba", R = "nonempty__3ea38100", u = "disabled__58a5afdc", I = "radio__b5c59736", g = "radioIcon__c1ca1d33", a = {
+import { c as l } from "../../chunks/vendor-D-uL_icH.js";
+const N = "label__7d28710a", y = "md__1281fe1b", x = "lg__a7b75200", R = "nonempty__adc5081c", u = "disabled__05b5e731", I = "radio__73cf15b5", g = "radioIcon__d989b046", a = {
   label: N,
   md: y,
   lg: x,
@@ -17,7 +17,7 @@ const N = "label__f3ec4845", y = "md__4b15ee46", x = "lg__57b3d5ba", R = "nonemp
     { [a.disabled]: !!e, [a.nonempty]: !!o },
     s == null ? void 0 : s.className
   );
-  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "1.0.0", children: [
+  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "1.1.1", children: [
     /* @__PURE__ */ c("input", { type: "radio", className: m, disabled: e, ...r, ref: t }),
     /* @__PURE__ */ c("span", { className: a.radioIcon }),
     o

package/components/Radio/RadioXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-CF2m175I.js";
-const _ = "radioXGroup__7e47bda3", l = "label__f3ec4845", n = {
+import { c as s } from "../../chunks/vendor-D-uL_icH.js";
+const _ = "radioXGroup__e5de6ada", c = "label__7d28710a", n = {
   radioXGroup: _,
-  "indent-12": "indent-12__b03388a3",
-  label: l,
-  "indent-16": "indent-16__978d6ef4",
-  "indent-20": "indent-20__38443881",
-  "indent-24": "indent-24__0624e941",
-  "indent-28": "indent-28__77004831",
-  "indent-32": "indent-32__2a3dd8a5"
-}, c = (e) => {
+  "indent-12": "indent-12__6b1b22c7",
+  label: c,
+  "indent-16": "indent-16__304f6117",
+  "indent-20": "indent-20__1e5353ed",
+  "indent-24": "indent-24__afb7e51c",
+  "indent-28": "indent-28__25601fd3",
+  "indent-32": "indent-32__bdc8238b"
+}, l = (e) => {
   const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
   return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });
 };
-c.displayName = "RadioXGroup";
+l.displayName = "RadioXGroup";
 export {
-  c as RadioXGroup
+  l as RadioXGroup
 };
 //# sourceMappingURL=RadioXGroup.js.map

package/components/Radio/RadioYGroup.js

@@ -1,13 +1,13 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as e } from "../../chunks/vendor-CF2m175I.js";
-const p = "radioYGroup__f3e8af80", t = {
-  radioYGroup: p
-}, d = (o) => {
-  const { children: r, className: s, ...a } = o, i = e(t.radioYGroup, s);
+import { c as d } from "../../chunks/vendor-D-uL_icH.js";
+const e = "radioYGroup__e433336d", p = {
+  radioYGroup: e
+}, t = (o) => {
+  const { children: r, className: s, ...a } = o, i = d(p.radioYGroup, s);
   return /* @__PURE__ */ c("div", { className: i, role: "radiogroup", ...a, children: r });
 };
-d.displayName = "RadioYGroup";
+t.displayName = "RadioYGroup";
 export {
-  d as RadioYGroup
+  t as RadioYGroup
 };
 //# sourceMappingURL=RadioYGroup.js.map

package/components/Row/Row.js

@@ -1,14 +1,14 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as m } from "../../chunks/vendor-CF2m175I.js";
-const c = "row__fa5da2e5", i = "noPaddingBottom__29450957", o = {
+import { c as m } from "../../chunks/vendor-D-uL_icH.js";
+const c = "row__4e8abf51", e = "noPaddingBottom__bfbb4a0e", o = {
   row: c,
-  noPaddingBottom: i
-}, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
+  noPaddingBottom: e
+}, i = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
   const a = m(n, o.row, { [o.noPaddingBottom]: !s });
   return /* @__PURE__ */ d("div", { className: a, ...r, children: t });
 };
-e.displayName = "Row";
+i.displayName = "Row";
 export {
-  e as Row
+  i as Row
 };
 //# sourceMappingURL=Row.js.map

package/components/SegmentedControl/SegmentedControl.js

@@ -1,10 +1,67 @@
-import "react/jsx-runtime";
-import "react";
-import "../../chunks/vendor-CF2m175I.js";
-import "./enums.js";
-import { i as n, h as p } from "../../chunks/index-CgNJLkzr.js";
+import { ESegmentedControlTheme as o, ESegmentedControlSize as r, ESegmentedControlType as c } from "./enums.js";
+import { SegmentedControlSegment as N } from "./SegmentedControlSegment.js";
+import { jsx as l } from "react/jsx-runtime";
+import b from "react";
+import { c as L } from "../../chunks/vendor-D-uL_icH.js";
+import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
+const h = "segmentedControl__5e183e89", x = "general1__780803e7", M = "secondary1__4d00a09b", T = "general2__95c58724", A = "secondary2__9e04350c", G = "sm__7102e945", D = "md__5e3475c9", O = "lg__460bba89", e = {
+  segmentedControl: h,
+  general1: x,
+  secondary1: M,
+  general2: T,
+  secondary2: A,
+  sm: G,
+  md: D,
+  lg: O
+}, j = {
+  [o.GENERAL_1]: e.general1,
+  [o.GENERAL_2]: e.general2,
+  [o.SECONDARY_1]: e.secondary1,
+  [o.SECONDARY_2]: e.secondary2
+}, v = {
+  [r.SM]: e.sm,
+  [r.MD]: e.md,
+  [r.LG]: e.lg
+}, z = Object.assign(
+  b.forwardRef(
+    ({ children: d, className: g, value: n, theme: _, type: a, size: i, disabled: C, onSelect: t, ...S }, f) => {
+      const E = L(
+        e.segmentedControl,
+        j[_],
+        v[i],
+        g
+      ), p = ({
+        selected: m,
+        value: s
+      }) => {
+        switch (a) {
+          case c.SINGLE:
+            m && t(s);
+            break;
+          case c.MULTIPLE:
+            t(m ? [...n, s] : [...n].filter((y) => y !== s));
+        }
+      };
+      return /* @__PURE__ */ l(
+        R.Provider,
+        {
+          value: {
+            type: a,
+            value: n,
+            disabled: !!C,
+            onSegmentSelect: p
+          },
+          children: /* @__PURE__ */ l("div", { className: E, ...S, "data-tx": "1.1.1", ref: f, children: d })
+        }
+      );
+    }
+  ),
+  {
+    Segment: N
+  }
+);
+z.displayName = "SegmentedControl";
 export {
-  n as SegmentedControl,
-  p as SegmentedControlContext
+  z 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-CgNJLkzr.js";
-import "../Button/ButtonBase.js";
-import "../Button/ButtonIcon.js";
-import "./enums.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as b } from "react";
+import { c as L } from "../../chunks/vendor-D-uL_icH.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__fcd51051", E = "selected__2866e81f", I = "content__198fa72c", 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
+  } = b(_), 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 = (x) => {
+    switch (m) {
+      case n.SINGLE:
+        l({ value: e, selected: !0 });
+        break;
+      case n.MULTIPLE:
+        l({ value: e, selected: !t });
+        break;
+    }
+    o == null || o(x);
+  };
+  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-CgNJLkzr.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,57 @@
+import { jsx as y, jsxs as O } from "react/jsx-runtime";
+import { useState as T, useRef as u, useCallback as r, useEffect as x } from "react";
+import { isKey as K, EVENT_KEY_CODES as b } from "../../utils/keyboard.js";
+import { KeyDownListener as C } from "../KeyDownListener/KeyDownListener.js";
+import { c as _ } from "../../chunks/vendor-D-uL_icH.js";
+import { SelectExtendedFieldTarget as j } from "./components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdown as k } from "./components/SelectExtendedFieldDropdown.js";
+const v = "SelectExtendedField__76902a04", A = {
+  SelectExtendedField: v
+}, L = (S) => {
+  const { className: w, onKeyDown: n, children: D, renderTarget: F, closeOnTab: m, onClose: o, onOpen: d, ...g } = S, [e, c] = T(!1), l = u(null), f = u(null), E = r((t) => {
+    c(t);
+  }, []), i = r(
+    (t) => {
+      var s, p;
+      e && !((s = l.current) != null && s.contains(t.target)) && !((p = f.current) != null && p.contains(t.target)) && c(!1);
+    },
+    [e]
+  ), a = r(() => {
+    e && c(!1);
+  }, [e]), h = r(
+    (t) => {
+      const s = t.code || t.keyCode;
+      m && K(s, "TAB") && a(), n == null || n(t);
+    },
+    [m, a, n]
+  );
+  return x(() => (document.addEventListener("mousedown", i), () => {
+    document.removeEventListener("mousedown", i);
+  }), [i]), x(() => {
+    e ? d == null || d() : o == null || o();
+  }, [e, d, o]), /* @__PURE__ */ y(C, { onMatch: a, eventKeyCode: b.ESCAPE, children: /* @__PURE__ */ O(
+    "div",
+    {
+      className: _(A.SelectExtendedField, w),
+      onKeyDown: h,
+      ref: l,
+      ...g,
+      children: [
+        F({ opened: e, setOpened: E }),
+        D({
+          dropdownRef: f,
+          opened: e,
+          setOpened: E,
+          targetRef: l
+        })
+      ]
+    }
+  ) });
+}, $ = Object.assign(L, {
+  Target: j,
+  Dropdown: k
+});
+export {
+  $ as SelectExtendedField
+};
+//# sourceMappingURL=SelectExtendedField.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Dropdown as m } from "../../Dropdown/Dropdown.js";
+import { DropdownList as e } from "../../Dropdown/desktop/DropdownList.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../../chunks/DropdownListItem-DIIAnvmw.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";
+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,86 @@
+import { jsx as e, jsxs as a, Fragment as M } 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 S } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as y } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as E } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as k } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as B } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { Text as F } from "../../Typography/Text.js";
+import { ETextSize as L } from "../../Typography/enums.js";
+const J = ({
+  dropdownRef: w,
+  dropdownListItemClassName: l,
+  fixedWidth: c,
+  loading: D,
+  listId: b,
+  mobileTitle: h,
+  onChange: n,
+  opened: p,
+  options: f,
+  setOpened: i,
+  targetRef: x,
+  value: o
+}) => /* @__PURE__ */ e(
+  m.Dropdown,
+  {
+    opened: p && !D,
+    forwardedRef: w,
+    fixedWidth: typeof c > "u" ? !0 : c,
+    setOpened: i,
+    targetRef: x,
+    mobileViewProps: {
+      children: /* @__PURE__ */ a(M, { children: [
+        /* @__PURE__ */ e(
+          E,
+          {
+            closeButton: () => /* @__PURE__ */ e(y, { onClick: () => i(!1) }),
+            children: /* @__PURE__ */ e(F, { tag: "div", size: L.B1, children: h })
+          }
+        ),
+        /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(k, { children: f.map((r) => {
+          const { label: d, ...t } = r;
+          return /* @__PURE__ */ s(
+            B,
+            {
+              ...t,
+              className: l,
+              id: r.id,
+              key: r.id,
+              selected: r.id === (o == null ? void 0 : o.id),
+              onSelect: () => {
+                n(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: () => {
+            n(r), i(!1);
+          }
+        },
+        d
+      );
+    }) })
+  }
+);
+export {
+  J as SelectExtendedFieldDropdownDefault
+};
+//# sourceMappingURL=SelectExtendedFieldDropdownDefault.js.map