@sberbusiness/triplex-next 0.1.9 → 1.1.0

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 "../../Typography/Caption.js";
 import { ETextSize as _ } from "../../Typography/enums.js";
-const h = "paginationSelect__298ede71", b = "paginationSelectControl__fd309273", o = {
+const h = "paginationSelect__47a62f36", b = "paginationSelectControl__353ad334", o = {
   paginationSelect: h,
   paginationSelectControl: b
-}, j = S.forwardRef(
-  ({ paginationLabel: c, className: s, hidden: d, options: i, value: a, onChange: n }, m) => {
-    const l = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
+}, y = g.forwardRef(
+  ({ paginationLabel: c, className: s, hidden: d, options: i, value: n, onChange: a }, 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) || n == null || n(r);
+      Number.isNaN(r) || a == null || a(r);
     };
-    return d ? null : /* @__PURE__ */ g("div", { className: N(o.paginationSelect, s), ref: m, children: [
+    return d ? null : /* @__PURE__ */ f("div", { className: N(o.paginationSelect, s), ref: m, children: [
       /* @__PURE__ */ t(v, { size: _.B3, id: l.current, children: c }),
       /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
         "select",
         {
           "aria-labelledby": l.current,
-          value: a !== void 0 ? String(a) : void 0,
+          value: n !== void 0 ? String(n) : void 0,
           onChange: u,
           children: p.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
         }
@@ -28,8 +28,8 @@ const h = "paginationSelect__298ede71", b = "paginationSelectControl__fd309273",
     ] });
   }
 );
-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__27b58300", y = "md__14690406", x = "lg__32ac9eba", R = "nonempty__3f989bd0", u = "disabled__0e565fa6", I = "radio__6b4e589c", g = "radioIcon__3c1aa124", a = {
+import { c as l } from "../../chunks/vendor-D-uL_icH.js";
+const N = "label__a228ac39", y = "md__99c5e64f", x = "lg__9bd8c338", R = "nonempty__479eb95e", u = "disabled__0c07e456", I = "radio__02eaf8bf", g = "radioIcon__7f2be5d4", a = {
   label: N,
   md: y,
   lg: x,
@@ -17,7 +17,7 @@ const N = "label__27b58300", y = "md__14690406", x = "lg__32ac9eba", R = "nonemp
     { [a.disabled]: !!e, [a.nonempty]: !!o },
     s == null ? void 0 : s.className
   );
-  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "0.1.9", children: [
+  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "1.1.0", 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,14 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-CF2m175I.js";
-const _ = "radioXGroup__2239ff37", c = "label__27b58300", n = {
-  radioXGroup: _,
-  "indent-12": "indent-12__50c5aed5",
-  label: c,
-  "indent-16": "indent-16__d700e733",
-  "indent-20": "indent-20__91cafec7",
-  "indent-24": "indent-24__dbaebb70",
-  "indent-28": "indent-28__3b20efd9",
-  "indent-32": "indent-32__3a60f8f2"
+import { c as s } from "../../chunks/vendor-D-uL_icH.js";
+const c = "radioXGroup__b5727c09", _ = "label__a228ac39", n = {
+  radioXGroup: c,
+  "indent-12": "indent-12__e8fd8ebf",
+  label: _,
+  "indent-16": "indent-16__1a5d9f91",
+  "indent-20": "indent-20__b9096aeb",
+  "indent-24": "indent-24__2c389c32",
+  "indent-28": "indent-28__752184a6",
+  "indent-32": "indent-32__af1075cf"
 }, 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 });

package/components/Radio/RadioYGroup.js

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

package/components/Row/Row.js

@@ -1,14 +1,14 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-CF2m175I.js";
-const c = "row__bde127e1", e = "noPaddingBottom__b483ef3d", o = {
-  row: c,
-  noPaddingBottom: e
-}, i = ({ children: t, className: n, paddingBottom: s = !0, ...d }) => {
-  const r = a(n, o.row, { [o.noPaddingBottom]: !s });
-  return /* @__PURE__ */ m("div", { className: r, ...d, children: t });
+import { jsx as c } from "react/jsx-runtime";
+import { c as d } from "../../chunks/vendor-D-uL_icH.js";
+const m = "row__e936ac25", i = "noPaddingBottom__af38257c", o = {
+  row: m,
+  noPaddingBottom: i
+}, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
+  const a = d(n, o.row, { [o.noPaddingBottom]: !s });
+  return /* @__PURE__ */ c("div", { className: a, ...r, children: t });
 };
-i.displayName = "Row";
+e.displayName = "Row";
 export {
-  i as Row
+  e 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-CAZEh1iw.js";
+import { ESegmentedControlTheme as o, ESegmentedControlSize as r, ESegmentedControlType as d } from "./enums.js";
+import { SegmentedControlSegment as N } from "./SegmentedControlSegment.js";
+import { jsx as c } from "react/jsx-runtime";
+import L from "react";
+import { c as R } from "../../chunks/vendor-D-uL_icH.js";
+import { SegmentedControlContext as h } from "./SegmentedControlContext.js";
+const x = "segmentedControl__e439d7f9", M = "general1__1fa4e819", T = "secondary1__e1e701c0", A = "general2__92d13ed6", G = "secondary2__18395e7d", b = "sm__217a3473", D = "md__9618954e", O = "lg__f75cc505", e = {
+  segmentedControl: x,
+  general1: M,
+  secondary1: T,
+  general2: A,
+  secondary2: G,
+  sm: b,
+  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(
+  L.forwardRef(
+    ({ children: l, className: g, value: n, theme: _, type: a, size: i, disabled: C, onSelect: t, ...f }, S) => {
+      const E = R(
+        e.segmentedControl,
+        j[_],
+        v[i],
+        g
+      ), p = ({
+        selected: m,
+        value: s
+      }) => {
+        switch (a) {
+          case d.SINGLE:
+            m && t(s);
+            break;
+          case d.MULTIPLE:
+            t(m ? [...n, s] : [...n].filter((y) => y !== s));
+        }
+      };
+      return /* @__PURE__ */ c(
+        h.Provider,
+        {
+          value: {
+            type: a,
+            value: n,
+            disabled: !!C,
+            onSegmentSelect: p
+          },
+          children: /* @__PURE__ */ c("div", { className: E, ...f, "data-tx": "1.1.0", ref: S, children: l })
+        }
+      );
+    }
+  ),
+  {
+    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-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-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__82f9193f", E = "selected__ded48ae3", I = "content__0dbe8ef6", 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,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 b, EVENT_KEY_CODES as K } 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__e1c16bd5", 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 && b(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: K.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-y6Rvj_dd.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

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -0,0 +1,101 @@
+import { jsxs as L, jsx as a } from "react/jsx-runtime";
+import N, { useRef as O } from "react";
+import A from "@sberbusiness/icons-next/CaretdownStrokeSrvIcon24";
+import { EVENT_KEY_CODES as s } from "../../../utils/keyboard.js";
+import { LoaderSmall as y } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as B, ELoaderSmallSize as C } from "../../Loader/LoaderSmall/enum.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { c as E } from "../../../chunks/vendor-D-uL_icH.js";
+import { FormField as P } from "../../FormField/FormField.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldCounter.js";
+import { FormFieldLabel as k } from "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import { FormFieldTarget as w } from "../../FormField/components/FormFieldTarget.js";
+import "../../../chunks/FormFieldInput-apk1b0w6.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldPostfix as z } from "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as n } from "../../FormField/enums.js";
+const W = "selectExtendedFieldTarget__dc3507f6", j = "caretIcon__302a605b", K = "selectOpened__322f7e0c", G = "loading__7f9a42cf", U = "disabled__0fe33e7f", t = {
+  selectExtendedFieldTarget: W,
+  caretIcon: j,
+  selectOpened: K,
+  loading: G,
+  disabled: U
+}, V = N.forwardRef(
+  (x, d) => {
+    const {
+      children: Y,
+      className: g,
+      label: i,
+      placeholder: c,
+      onKeyDown: m,
+      onClick: p,
+      opened: o,
+      setOpened: f,
+      loading: r,
+      size: F,
+      status: l,
+      tabIndex: _,
+      fieldLabel: u,
+      ...S
+    } = x, b = O(null), D = E(
+      t.selectExtendedFieldTarget,
+      {
+        [t.selectOpened]: o,
+        [t.loading]: r,
+        [t.disabled]: l === n.DISABLED
+      },
+      g
+    ), I = () => l === n.DISABLED || r ? -1 : _ || 0, h = (e) => {
+      r && l === n.DISABLED || (f(!o), p == null || p(e));
+    }, R = (e) => {
+      r && l === n.DISABLED || (o || [
+        s.SPACE,
+        s.ENTER,
+        s.ARROW_DOWN,
+        s.ARROW_UP
+      ].includes(e.keyCode) && (e.preventDefault(), e.stopPropagation(), f(!o)), m == null || m(e));
+    }, T = (e) => {
+      b.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+    };
+    return /* @__PURE__ */ L(
+      P,
+      {
+        onClick: h,
+        tabIndex: I(),
+        onKeyDown: R,
+        status: l,
+        size: F,
+        className: D,
+        "aria-expanded": o,
+        "aria-haspopup": "listbox",
+        "data-tx": "1.1.0",
+        ...S,
+        children: [
+          /* @__PURE__ */ a(k, { floating: !!i || !!c, children: u }),
+          /* @__PURE__ */ a(
+            w,
+            {
+              ref: T,
+              className: E(t.target, {
+                [t.placeholder]: !!c && !i,
+                [t.label]: !!i
+              }),
+              placeholder: c,
+              children: i
+            }
+          ),
+          /* @__PURE__ */ a(z, { children: r ? /* @__PURE__ */ a(y, { size: C.LG, theme: B.BRAND }) : /* @__PURE__ */ a(A, { paletteIndex: 5, className: t.caretIcon }) })
+        ]
+      }
+    );
+  }
+);
+V.displayName = "SelectExtendedFieldTarget";
+export {
+  V as SelectExtendedFieldTarget
+};
+//# sourceMappingURL=SelectExtendedFieldTarget.js.map

package/components/SelectExtendedField/index.js

@@ -0,0 +1,9 @@
+import { SelectExtendedField as t } from "./SelectExtendedField.js";
+import { SelectExtendedFieldDropdown as r } from "./components/SelectExtendedFieldDropdown.js";
+import { SelectExtendedFieldTarget as x } from "./components/SelectExtendedFieldTarget.js";
+export {
+  t as SelectExtendedField,
+  r as SelectExtendedFieldDropdown,
+  x as SelectExtendedFieldTarget
+};
+//# sourceMappingURL=index.js.map