@sberbusiness/triplex-next 1.0.0 → 1.1.1

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
-import { c as i } from "../../../../chunks/vendor-CF2m175I.js";
+import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-MHb8aSSn.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
 const b = Object.assign(
   d.forwardRef(function({ children: e, className: r, ...a }, o) {
     return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
-import { c as d } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-MHb8aSSn.js";
+import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import i from "react";
-import { c as t } from "../../../../chunks/vendor-CF2m175I.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-MHb8aSSn.js";
+import { c as t } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
-import { c as i } from "../../../../chunks/vendor-CF2m175I.js";
-const u = "headerSubheader__fcd84f69", c = "withoutPaddings__9ba85f37", e = {
+import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
+const u = "headerSubheader__a90e6eb1", n = "withoutPaddings__7140d3b9", e = {
   headerSubheader: u,
-  withoutPaddings: c
-}, f = h.forwardRef(
+  withoutPaddings: n
+}, b = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__fcd84f69", c = "withoutPaddings__9ba85f37", e = {
     }
   )
 );
-f.displayName = "HeaderSubheader";
+b.displayName = "HeaderSubheader";
 export {
-  f as HeaderSubheader
+  b as HeaderSubheader
 };
 //# sourceMappingURL=HeaderSubheader.js.map

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
 import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
-import { c as d } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-Bfiwon3k.js";
+import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
 const i = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-Bfiwon3k.js";
+import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
 const d = s.forwardRef(
   ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-Bfiwon3k.js";
+import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -2,8 +2,8 @@ import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
-import { c as l } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-xLu0Kmjc.js";
+import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
 const d = Object.assign(
   i.forwardRef(function({ children: e, className: t, ...r }, o) {
     return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as i } from "../../../../chunks/HeaderTitle.module-xLu0Kmjc.js";
+import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as i } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
 const l = s.forwardRef(
   ({ children: e, className: t, ...r }, o) => /* @__PURE__ */ a("div", { className: m(t, i.headerTitleContent), ...r, ref: o, children: e })
 );

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import a from "react";
-import { c as l } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../../chunks/HeaderTitle.module-xLu0Kmjc.js";
+import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
 const i = a.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: l(m.headerTitleControls, r), ...e, ref: t, children: o })
 );

package/components/Island/Island.js

@@ -0,0 +1,78 @@
+import { jsx as _ } from "react/jsx-runtime";
+import m from "react";
+import { c as M } from "../../chunks/vendor-D-uL_icH.js";
+import { EIslandType as e, EIslandBorderRadius as r, EIslandPaddingSize as s } from "./enums.js";
+import { IslandBody as l } from "./components/IslandBody.js";
+import { IslandHeader as u } from "./components/IslandHeader.js";
+import { IslandFooter as y } from "./components/IslandFooter.js";
+const g = "island__025957ca", f = "type1__a4c4b464", b = "type2__3c080eef", D = "type3__14db6b2e", R = "borderRadiusMD__c7556d55", S = "borderRadiusSM__d0f1ec29", T = "paddingLG__283f66d4", I = "paddingMD__32b33386", E = "paddingSM__f72671e2", d = {
+  island: g,
+  type1: f,
+  type2: b,
+  type3: D,
+  borderRadiusMD: R,
+  borderRadiusSM: S,
+  paddingLG: T,
+  paddingMD: I,
+  paddingSM: E
+}, P = (a) => {
+  switch (a) {
+    case r.MD:
+      return d.borderRadiusMD;
+    case r.SM:
+      return d.borderRadiusSM;
+  }
+}, G = (a) => {
+  switch (a) {
+    case s.MD:
+      return d.paddingMD;
+    case s.SM:
+      return d.paddingSM;
+    case s.LG:
+      return d.paddingLG;
+  }
+}, L = (a) => {
+  switch (a) {
+    case e.TYPE_1:
+      return d.type1;
+    case e.TYPE_2:
+      return d.type2;
+    case e.TYPE_3:
+      return d.type3;
+  }
+}, N = Object.assign(
+  m.forwardRef(
+    ({
+      type: a = e.TYPE_1,
+      borderRadius: t = r.MD,
+      paddingSize: n = s.MD,
+      className: o,
+      children: i,
+      ...p
+    }, c) => /* @__PURE__ */ _(
+      "div",
+      {
+        className: M(
+          d.island,
+          L(a),
+          P(t),
+          G(n),
+          o
+        ),
+        ref: c,
+        ...p,
+        children: i
+      }
+    )
+  ),
+  {
+    Body: l,
+    Header: u,
+    Footer: y
+  }
+);
+N.displayName = "Island";
+export {
+  N as Island
+};
+//# sourceMappingURL=Island.js.map

package/components/Island/components/IslandBody.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import r from "react";
+import { c as t } from "../../../chunks/vendor-D-uL_icH.js";
+const l = "islandBody__3d25ea83", n = {
+  islandBody: l
+}, m = r.forwardRef(({ children: o, ...s }, d) => /* @__PURE__ */ a("div", { className: t(n.islandBody), ref: d, ...s, children: o }));
+export {
+  m as IslandBody
+};
+//# sourceMappingURL=IslandBody.js.map

package/components/Island/components/IslandFooter.js

@@ -0,0 +1,10 @@
+import { jsx as s } from "react/jsx-runtime";
+import e from "react";
+import { c as a } from "../../../chunks/vendor-D-uL_icH.js";
+const d = "islandFooter__4bd1bb46", l = {
+  islandFooter: d
+}, m = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(l.islandFooter), ref: t, ...r, children: o }));
+export {
+  m as IslandFooter
+};
+//# sourceMappingURL=IslandFooter.js.map

package/components/Island/components/IslandHeader.js

@@ -0,0 +1,10 @@
+import { jsx as s } from "react/jsx-runtime";
+import d from "react";
+import { c as o } from "../../../chunks/vendor-D-uL_icH.js";
+const t = "islandHeader__0d3b9afa", l = {
+  islandHeader: t
+}, f = d.forwardRef(({ children: a, ...e }, r) => /* @__PURE__ */ s("div", { className: o(l.islandHeader), ref: r, ...e, children: a }));
+export {
+  f as IslandHeader
+};
+//# sourceMappingURL=IslandHeader.js.map

package/components/Island/enums.js

@@ -0,0 +1,7 @@
+var t = /* @__PURE__ */ ((r) => (r.TYPE_1 = "type_1", r.TYPE_2 = "type_2", r.TYPE_3 = "type_3", r))(t || {}), _ = /* @__PURE__ */ ((r) => (r.MD = "md", r.SM = "sm", r))(_ || {}), m = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(m || {});
+export {
+  _ as EIslandBorderRadius,
+  m as EIslandPaddingSize,
+  t as EIslandType
+};
+//# sourceMappingURL=enums.js.map

package/components/Island/index.js

@@ -0,0 +1,9 @@
+import { Island as r } from "./Island.js";
+import { EIslandBorderRadius as n, EIslandPaddingSize as o, EIslandType as s } from "./enums.js";
+export {
+  n as EIslandBorderRadius,
+  o as EIslandPaddingSize,
+  s as EIslandType,
+  r as Island
+};
+//# sourceMappingURL=index.js.map

package/components/KeyDownListener/ComposedKeyDownListener.js

@@ -0,0 +1,13 @@
+import { KeyDownListener as r } from "./KeyDownListener.js";
+import { jsx as l } from "react/jsx-runtime";
+const d = ({ keyDownListeners: e, children: n }) => {
+  let o = n;
+  if (e.length)
+    for (let t = 0; t < e.length; t++)
+      o = /* @__PURE__ */ l(r, { onMatch: e[t].onMatch, eventKeyCode: e[t].eventKeyCode, children: o });
+  return o;
+};
+export {
+  d as ComposedKeyDownListener
+};
+//# sourceMappingURL=ComposedKeyDownListener.js.map

package/components/KeyDownListener/KeyDownListener.js

@@ -0,0 +1,27 @@
+var r = Object.defineProperty;
+var s = (o, n, e) => n in o ? r(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
+var i = (o, n, e) => s(o, typeof n != "symbol" ? n + "" : n, e);
+import l from "react";
+class y extends l.Component {
+  constructor() {
+    super(...arguments);
+    /** Обработчик для нажатия клавиш. */
+    i(this, "handleKeyDown", (e) => {
+      const { eventKeyCode: t, onMatch: d } = this.props;
+      typeof t == "number" ? t === e.keyCode && d(e) : t.includes(e.keyCode) && d(e);
+    });
+  }
+  componentDidMount() {
+    window.addEventListener("keydown", this.handleKeyDown);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.handleKeyDown);
+  }
+  render() {
+    return this.props.children || null;
+  }
+}
+export {
+  y as KeyDownListener
+};
+//# sourceMappingURL=KeyDownListener.js.map

package/components/KeyDownListener/index.js

@@ -0,0 +1,7 @@
+import { KeyDownListener as r } from "./KeyDownListener.js";
+import { ComposedKeyDownListener as t } from "./ComposedKeyDownListener.js";
+export {
+  t as ComposedKeyDownListener,
+  r as KeyDownListener
+};
+//# sourceMappingURL=index.js.map

package/components/Link/Link.js

@@ -1,17 +1,17 @@
-import { jsx as R, jsxs as t, Fragment as i } from "react/jsx-runtime";
+import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
 import L from "react";
-import { c as a } from "../../chunks/vendor-CF2m175I.js";
-const v = "link__b0b95b56", F = "wordWithContent__440efff8", S = "before__21f34387", T = "after__41bac89b", e = {
+import { c as a } from "../../chunks/vendor-D-uL_icH.js";
+const v = "link__c8803354", F = "wordWithContent__89d8855c", S = "before__9da7c18b", T = "after__34db8420", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: d, className: f, onBlur: N, onMouseDown: b, contentAfter: s, contentBefore: o, ...p }, C) => {
-    const c = () => o ? /* @__PURE__ */ t(i, { children: [
+  ({ children: i, className: N, onBlur: p, onMouseDown: C, contentAfter: s, contentBefore: o, ..._ }, f) => {
+    const c = () => o ? /* @__PURE__ */ t(d, { children: [
       "​",
       o()
-    ] }) : null, m = () => s ? s() : null, _ = (n) => {
+    ] }) : null, m = () => s ? s() : null, u = (n) => {
       const r = n.split(" ");
       if (r.length < 2 || r.length < 3 && o && s) {
         const y = a(e.wordWithContent, {
@@ -35,32 +35,32 @@ const v = "link__b0b95b56", F = "wordWithContent__440efff8", S = "before__21f343
         h,
         m()
       ] }) : h;
-      return /* @__PURE__ */ t(i, { children: [
+      return /* @__PURE__ */ t(d, { children: [
         g,
         " ",
         w,
         " ",
         j
       ] });
-    }, u = (n) => {
+    }, W = (n) => {
       const r = o ? o() : null, l = s ? s() : null;
-      return /* @__PURE__ */ t(i, { children: [
+      return /* @__PURE__ */ t(d, { children: [
         r,
         n,
         l
       ] });
-    }, W = o || s ? ((n) => typeof n == "string" ? _(n) : u(n))(d) : d;
+    }, b = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(i) : i;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
-        ...p,
-        className: a(f, e.link, "hoverable"),
-        onBlur: N,
-        onMouseDown: b,
-        "data-tx": "1.0.0",
-        ref: C,
-        children: W
+        ..._,
+        className: a(N, e.link, "hoverable"),
+        onBlur: p,
+        onMouseDown: C,
+        "data-tx": "1.1.1",
+        ref: f,
+        children: b
       }
     );
   }

package/components/List/List.js

@@ -1,23 +1,23 @@
-import { jsxs as a } from "react/jsx-runtime";
+import { jsxs as o } from "react/jsx-runtime";
 import r from "react";
-import { c } from "../../chunks/vendor-CF2m175I.js";
-const e = "list__4823b628", m = {
+import { c } from "../../chunks/vendor-D-uL_icH.js";
+const e = "list__b2ddb4a3", m = {
   list: e
-}, f = r.forwardRef(({ children: s, className: t, loading: l, ...i }, o) => /* @__PURE__ */ a(
+}, d = r.forwardRef(({ children: s, className: t, loading: l, ...a }, i) => /* @__PURE__ */ o(
   "ul",
   {
     className: c(m.list, t),
-    ...i,
-    "data-tx": "1.0.0",
-    ref: o,
+    ...a,
+    "data-tx": "1.1.1",
+    ref: i,
     children: [
       s,
       l ? "Загрузка..." : null
     ]
   }
 ));
-f.displayName = "List";
+d.displayName = "List";
 export {
-  f as List
+  d as List
 };
 //# sourceMappingURL=List.js.map

package/components/List/ListSortable.js

@@ -3,7 +3,7 @@ var p = (t, e, r) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writab
 var o = (t, e, r) => p(t, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as d } from "react/jsx-runtime";
 import E from "react";
-import { u as b, a as f, D as M, M as T, r as D, b as L, S as w, v as y, d as I, T as C, e as H } from "../../chunks/vendor-CF2m175I.js";
+import { u as b, a as f, D as M, M as T, r as D, b as L, S as w, v as y, d as I, T as C, e as H } from "../../chunks/vendor-D-uL_icH.js";
 import { List as N } from "./List.js";
 class u extends H {
 }

package/components/List/components/ListEmptyState.js

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

package/components/List/components/ListItem.js

@@ -8,7 +8,7 @@ const f = m.forwardRef(({ children: e, className: r, ...o }, s) => {
     {
       className: r,
       ...o,
-      "data-tx": "1.0.0",
+      "data-tx": "1.1.1",
       ref: s,
       children: e
     }

package/components/List/components/ListItemContent.js

@@ -1,11 +1,11 @@
 import { jsx as c } from "react/jsx-runtime";
 import l, { useContext as i } from "react";
-import { c as r } from "../../../chunks/vendor-CF2m175I.js";
+import { c as r } from "../../../chunks/vendor-D-uL_icH.js";
 import { ListItemContext as a } from "./ListItemContext.js";
-const d = "listItemContent__22fdaf28", f = "selected__a6850de1", t = {
+const d = "listItemContent__bc6a5e15", C = "selected__a7373903", t = {
   listItemContent: d,
-  selected: f
-}, C = l.forwardRef(
+  selected: C
+}, f = l.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
     const { selected: m } = i(a);
     return /* @__PURE__ */ c(
@@ -13,15 +13,15 @@ const d = "listItemContent__22fdaf28", f = "selected__a6850de1", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "1.0.0",
+        "data-tx": "1.1.1",
         ref: n,
         children: e
       }
     );
   }
 );
-C.displayName = "ListItemContent";
+f.displayName = "ListItemContent";
 export {
-  C as ListItemContent
+  f as ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemControls.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import e from "react";
-import { c as m } from "../../../chunks/vendor-CF2m175I.js";
-const i = "listItemControls__e9b965d2", n = {
+import { jsx as l } from "react/jsx-runtime";
+import r from "react";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+const i = "listItemControls__5d2aeea4", a = {
   listItemControls: i
-}, a = e.forwardRef(
-  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: m(n.listItemControls, o), ...s, ref: l, children: t })
+}, n = r.forwardRef(
+  ({ children: t, className: o, ...s }, e) => /* @__PURE__ */ l("div", { className: m(a.listItemControls, o), ...s, ref: e, children: t })
 );
-a.displayName = "ListItemControls";
+n.displayName = "ListItemControls";
 export {
-  a as ListItemControls
+  n as ListItemControls
 };
 //# sourceMappingURL=ListItemControls.js.map

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-CF2m175I.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-DWU_FtH8.js";
+import "../../../chunks/vendor-D-uL_icH.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-Ch-5PQYH.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 export {

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,22 +1,105 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../chunks/vendor-CF2m175I.js";
-import "../../Typography/enums.js";
-import "../../Typography/Text.js";
-import { L as D } from "../../../chunks/index-CgNJLkzr.js";
-import "../../../utils/keyboard.js";
-import "../../Dropdown/DropdownListContext.js";
+import { jsx as o, jsxs as w, Fragment as _ } from "react/jsx-runtime";
+import P, { useRef as m, useState as E, createElement as b } from "react";
+import { f as O, c as g } from "../../../chunks/vendor-D-uL_icH.js";
+import { ETextSize as K } from "../../Typography/enums.js";
+import { Text as T } from "../../Typography/Text.js";
+import { ButtonDropdownExtended as R } from "../../Button/ButtonDropdownExtended.js";
+import { isKey as i } from "../../../utils/keyboard.js";
+import { DropdownListContext as j } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as z } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as U } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as q } from "../../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 "../../../chunks/ListItemControlsButton-DWU_FtH8.js";
+import { DropdownMobileList as F } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownList as h } from "../../Dropdown/desktop/DropdownList.js";
+import { s as y, L as V } from "../../../chunks/ListItemControlsButton-Ch-5PQYH.js";
+const G = P.forwardRef(
+  (C, l) => {
+    const { buttonAttributes: x, children: c, className: I, icon: N, options: d, selected: n, disabled: B, ...L } = C, f = m(null), u = m(null), [p, v] = E(), D = m(O()), A = ({ opened: e, setOpened: t }) => /* @__PURE__ */ o(
+      V,
+      {
+        className: "hoverable",
+        onKeyDown: k({ opened: e, setOpened: t }),
+        onClick: S({ opened: e, setOpened: t }),
+        disabled: B,
+        "aria-haspopup": "menu",
+        "aria-expanded": e,
+        "aria-controls": D.current,
+        "aria-activedescendant": p,
+        icon: N,
+        ...x,
+        ref: W,
+        children: c
+      }
+    ), S = ({ opened: e, setOpened: t }) => () => t(!e), k = ({ opened: e, setOpened: t }) => (a) => {
+      const { key: r } = a;
+      (i(r, "SPACE") || i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && a.preventDefault(), !e && (i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && t(!0);
+    }, M = ({ opened: e, setOpened: t, className: a }) => /* @__PURE__ */ o(j.Provider, { value: { activeDescendant: p, setActiveDescendant: v }, children: /* @__PURE__ */ o(
+      R.Dropdown,
+      {
+        className: a,
+        opened: e,
+        setOpened: t,
+        targetRef: f,
+        ref: u,
+        mobileViewProps: {
+          children: /* @__PURE__ */ w(_, { children: [
+            /* @__PURE__ */ w(q, { children: [
+              /* @__PURE__ */ o(T, { tag: "div", size: K.B1, children: c }),
+              /* @__PURE__ */ o(U, { onClick: () => t(!1) })
+            ] }),
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(F, { children: d.map((r) => /* @__PURE__ */ b(
+              H,
+              {
+                ...r,
+                key: r.id,
+                selected: r.id === (n == null ? void 0 : n.id),
+                onSelect: () => {
+                  var s;
+                  (s = r.onSelect) == null || s.call(r), t(!1);
+                }
+              },
+              r.label
+            )) }) })
+          ] })
+        },
+        children: /* @__PURE__ */ o(h, { dropdownOpened: e, id: D.current, children: d.map((r) => /* @__PURE__ */ b(
+          h.Item,
+          {
+            ...r,
+            className: y.buttonDropdownMenuItem,
+            key: r.id,
+            selected: r.id === (n == null ? void 0 : n.id),
+            onSelect: () => {
+              var s;
+              (s = r.onSelect) == null || s.call(r), t(!1);
+            }
+          },
+          r.label
+        )) })
+      }
+    ) }), W = (e) => {
+      f.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+    };
+    return /* @__PURE__ */ o(
+      R,
+      {
+        className: g(y.listItemControlsButtonDropdown, I),
+        renderButton: A,
+        renderDropdown: M,
+        dropdownRef: u,
+        closeOnTab: !0,
+        ...L
+      }
+    );
+  }
+);
+G.displayName = "ListItemControlsButtonDropdown";
 export {
-  D as ListItemControlsButtonDropdown
+  G as ListItemControlsButtonDropdown
 };
 //# sourceMappingURL=ListItemControlsButtonDropdown.js.map