@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/List/components/ListItemTable.js

@@ -1,22 +1,32 @@
-import "react/jsx-runtime";
-import "react";
-import "../../SwipeableArea/SwipeableArea.js";
-import "../List.js";
-import "../ListSortable.js";
-import "./ListItem.js";
-import "./ListItemControls.js";
-import "./ListItemContent.js";
-import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
-import { f as h } from "../../../chunks/index-CAZEh1iw.js";
-import "./ListEmptyState.js";
-import "./ListItemLoading.js";
-import "./ListItemSelectable.js";
-import "./ListItemTailLeft.js";
-import "./ListItemTailRight.js";
-import "./ListSortableItemTarget.js";
-import "./ListSortableItemControls.js";
-import "../../../chunks/vendor-CF2m175I.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import d from "react";
+import { SwipeableArea as I } from "../../SwipeableArea/SwipeableArea.js";
+import { ListItem as b } from "./ListItem.js";
+import { ListItemContent as L } from "./ListItemContent.js";
+import { ListItemControls as T } from "./ListItemControls.js";
+import { ListItemSelectable as h } from "./ListItemSelectable.js";
+import { ListItemTailRight as x } from "./ListItemTailRight.js";
+import { c as y } from "../../../chunks/vendor-BlJo2ILB.js";
+const C = "listItemTable__d6840660", w = {
+  listItemTable: C
+}, R = d.forwardRef(
+  ({ children: o, className: s, controlButtons: t, onClickItem: l, onSelect: i, selected: r, swipeableAreaRef: a, ...n }, f) => {
+    const p = typeof i < "u" && typeof r < "u", m = () => /* @__PURE__ */ e(L, { onClick: l, children: o });
+    return /* @__PURE__ */ e(b, { className: y(w.listItemTable, s), ...n, ref: f, children: /* @__PURE__ */ c(
+      I,
+      {
+        ref: a,
+        rightSwipeableArea: t ? /* @__PURE__ */ e(T, { children: t }) : void 0,
+        children: [
+          /* @__PURE__ */ e(x, {}),
+          p ? /* @__PURE__ */ e(h, { selected: r, onSelect: i, children: m() }) : m()
+        ]
+      }
+    ) });
+  }
+);
+R.displayName = "ListItemTable";
 export {
-  h as ListItemTable
+  R as ListItemTable
 };
 //# sourceMappingURL=ListItemTable.js.map

package/components/List/components/ListItemTailLeft.js

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import m from "react";
-import { c as o } from "../../../chunks/vendor-CF2m175I.js";
-import { s } from "../../../chunks/ListItemTail.module-BBV_gvLd.js";
-const r = m.forwardRef(
-  ({ className: a, ...e }, i) => /* @__PURE__ */ l(
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import l from "react";
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s } from "../../../chunks/ListItemTail.module-BrfPnk8y.js";
+const r = l.forwardRef(
+  ({ className: a, ...e }, i) => /* @__PURE__ */ m(
     "span",
     {
       className: o(s.listItemTail, s.listItemTailLeft, a),

package/components/List/components/ListItemTailRight.js

@@ -1,13 +1,13 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import e from "react";
-import { c as o } from "../../../chunks/vendor-CF2m175I.js";
-import { s } from "../../../chunks/ListItemTail.module-BBV_gvLd.js";
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s } from "../../../chunks/ListItemTail.module-BrfPnk8y.js";
 const r = e.forwardRef(
-  ({ className: a, ...i }, l) => /* @__PURE__ */ m(
+  ({ className: a, ...i }, m) => /* @__PURE__ */ l(
     "span",
     {
       className: o(s.listItemTail, s.listItemTailRight, a),
-      ref: l,
+      ref: m,
       ...i,
       children: [
         /* @__PURE__ */ t("span", { className: s.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -1,21 +1,40 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../chunks/vendor-CF2m175I.js";
-import "../List.js";
-import "../ListSortable.js";
-import "./ListItem.js";
-import "./ListItemControls.js";
-import "./ListItemContent.js";
-import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
-import { g as d } from "../../../chunks/index-CAZEh1iw.js";
-import "./ListEmptyState.js";
-import "./ListItemLoading.js";
-import "./ListItemSelectable.js";
-import "./ListItemTailLeft.js";
-import "./ListItemTailRight.js";
-import "./ListSortableItemTarget.js";
-import "./ListSortableItemControls.js";
+import { jsx as d } from "react/jsx-runtime";
+import p from "react";
+import { y as I, z as u, c as y } from "../../../chunks/vendor-BlJo2ILB.js";
+import { ListItem as L } from "./ListItem.js";
+import { ListSortableItemTarget as R } from "./ListSortableItemTarget.js";
+const N = "listSortableItem__a8558a34", _ = "dragging__2c471eaa", i = {
+  listSortableItem: N,
+  dragging: _
+}, x = Object.assign(
+  p.forwardRef(function({ children: e, className: n, style: g, disabled: r, ...s }, t) {
+    const { transform: m, transition: l, listeners: f, isDragging: a, setNodeRef: c, setActivatorNodeRef: S } = I({
+      disabled: r,
+      id: s.id,
+      transition: {
+        duration: 300,
+        easing: "ease-out"
+      }
+    }), b = (o) => {
+      c(o), typeof t == "function" ? t(o) : t && (t.current = o);
+    };
+    return /* @__PURE__ */ d(
+      L,
+      {
+        className: y(i.listSortableItem, { [i.dragging]: a }, n),
+        style: { transform: u.Translate.toString(m), transition: l, ...g },
+        ...s,
+        ref: b,
+        children: typeof e == "function" ? e({ disabled: r, dragging: a, listeners: f, setActivatorNodeRef: S }) : e
+      }
+    );
+  }),
+  {
+    Target: R
+  }
+);
+x.displayName = "ListSortableItem";
 export {
-  d as ListSortableItem
+  x as ListSortableItem
 };
 //# sourceMappingURL=ListSortableItem.js.map

package/components/List/components/ListSortableItemControls.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import l from "react";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
-const a = "listSortableItemControls__2f5121cf", m = {
+import e from "react";
+import { c as l } from "../../../chunks/vendor-BlJo2ILB.js";
+const a = "listSortableItemControls__aeaa598d", m = {
   listSortableItemControls: a
-}, i = l.forwardRef(
+}, i = e.forwardRef(
   ({ className: t, ...o }, r) => /* @__PURE__ */ s(
     "div",
     {
-      className: e(m.listSortableItemControls, t),
+      className: l(m.listSortableItemControls, t),
       "data-draggable": "false",
       ...o,
       ref: r

package/components/List/components/ListSortableItemTarget.js

@@ -1,17 +1,17 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import m from "react";
 import { DragdotsStrokeSrvIcon24 as n } from "@sberbusiness/icons-next";
-import { c as I } from "../../../chunks/vendor-CF2m175I.js";
-const c = "listSortableItemTarget__260f3d00", b = "dragging__ee9b0408", S = "listSortableItemTargetContent__28484ddb", d = "listSortableItemTargetIcon__f79f1f0a", t = {
-  listSortableItemTarget: c,
-  dragging: b,
-  listSortableItemTargetContent: S,
-  listSortableItemTargetIcon: d
-}, T = m.forwardRef(
+import { c } from "../../../chunks/vendor-BlJo2ILB.js";
+const I = "listSortableItemTarget__141455e2", S = "dragging__2c471eaa", b = "listSortableItemTargetContent__4a10d6d5", T = "listSortableItemTargetIcon__524e654c", t = {
+  listSortableItemTarget: I,
+  dragging: S,
+  listSortableItemTargetContent: b,
+  listSortableItemTargetIcon: T
+}, d = m.forwardRef(
   ({ children: a, className: r, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
-      className: I(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", r),
+      className: c(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", r),
       ...s,
       ref: g,
       children: [
@@ -21,8 +21,8 @@ const c = "listSortableItemTarget__260f3d00", b = "dragging__ee9b0408", S = "lis
     }
   )
 );
-T.displayName = "ListSortableItemTarget";
+d.displayName = "ListSortableItemTarget";
 export {
-  T as ListSortableItemTarget
+  d as ListSortableItemTarget
 };
 //# sourceMappingURL=ListSortableItemTarget.js.map

package/components/List/index.js

@@ -1,35 +1,37 @@
 import { List as e } from "./List.js";
 import { AdvancedMouseSensor as m, AdvancedTouchSensor as s, ListSortable as i } from "./ListSortable.js";
-import { ListItem as a } from "./components/ListItem.js";
-import { ListItemControls as p } from "./components/ListItemControls.js";
-import { ListItemContent as x } from "./components/ListItemContent.js";
-import { L as I } from "../../chunks/ListItemControlsButton-BtMEMrGK.js";
-import { L as b, f as d, g as C } from "../../chunks/index-CAZEh1iw.js";
-import { ListEmptyState as c } from "./components/ListEmptyState.js";
-import { ListItemLoading as u } from "./components/ListItemLoading.js";
-import { ListItemSelectable as v } from "./components/ListItemSelectable.js";
+import { ListItem as p } from "./components/ListItem.js";
+import { ListItemControls as x } from "./components/ListItemControls.js";
+import { ListItemContent as n } from "./components/ListItemContent.js";
+import { L as I } from "../../chunks/ListItemControlsButton-ABcLen-s.js";
+import { ListItemControlsButtonDropdown as b } from "./components/ListItemControlsButtonDropdown.js";
+import { ListEmptyState as C } from "./components/ListEmptyState.js";
+import { ListItemLoading as c } from "./components/ListItemLoading.js";
+import { ListItemSelectable as g } from "./components/ListItemSelectable.js";
+import { ListItemTable as v } from "./components/ListItemTable.js";
 import { ListItemTailLeft as B } from "./components/ListItemTailLeft.js";
 import { ListItemTailRight as y } from "./components/ListItemTailRight.js";
-import { ListSortableItemTarget as E } from "./components/ListSortableItemTarget.js";
-import { ListSortableItemControls as R } from "./components/ListSortableItemControls.js";
+import { ListSortableItem as E } from "./components/ListSortableItem.js";
+import { ListSortableItemTarget as R } from "./components/ListSortableItemTarget.js";
+import { ListSortableItemControls as k } from "./components/ListSortableItemControls.js";
 export {
   m as AdvancedMouseSensor,
   s as AdvancedTouchSensor,
   e as List,
-  c as ListEmptyState,
-  a as ListItem,
-  x as ListItemContent,
-  p as ListItemControls,
+  C as ListEmptyState,
+  p as ListItem,
+  n as ListItemContent,
+  x as ListItemControls,
   I as ListItemControlsButton,
   b as ListItemControlsButtonDropdown,
-  u as ListItemLoading,
-  v as ListItemSelectable,
-  d as ListItemTable,
+  c as ListItemLoading,
+  g as ListItemSelectable,
+  v as ListItemTable,
   B as ListItemTailLeft,
   y as ListItemTailRight,
   i as ListSortable,
-  C as ListSortableItem,
-  R as ListSortableItemControls,
-  E as ListSortableItemTarget
+  E as ListSortableItem,
+  k as ListSortableItemControls,
+  R as ListSortableItemTarget
 };
 //# sourceMappingURL=index.js.map

package/components/ListMaster/ListMaster.js

@@ -6,7 +6,7 @@ import { ListMasterHeader as a } from "./components/ListMasterHeader.js";
 import { SelectionControls as n } from "./components/SelectionControls.js";
 import { ListMasterFooterControls as f } from "./components/ListMasterFooterControls.js";
 import { ListMasterFooterDescription as L } from "./components/ListMasterFooterDescription.js";
-const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.1.9", children: t });
+const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.11.0", children: t });
 o.Body = m;
 o.ChipGroup = s;
 o.Footer = p;

package/components/ListMaster/components/ListMasterBody.js

@@ -1,19 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import e from "react";
-const s = e.forwardRef(
-  ({ children: t, className: a, ...o }, r) => /* @__PURE__ */ d(
+import { jsx as s } from "react/jsx-runtime";
+import d from "react";
+const e = d.forwardRef(
+  ({ children: t, className: o, ...r }, a) => /* @__PURE__ */ s(
     "div",
     {
-      className: a,
-      ...o,
-      "data-tx": "0.1.9",
-      ref: r,
+      className: o,
+      ...r,
+      "data-tx": "0.11.0",
+      ref: a,
       children: t
     }
   )
 );
-s.displayName = "ListMasterBody";
+e.displayName = "ListMasterBody";
 export {
-  s as ListMasterBody
+  e as ListMasterBody
 };
 //# sourceMappingURL=ListMasterBody.js.map

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../../chunks/vendor-CF2m175I.js";
-const e = "listMasterChipGroup__39bea492", l = {
+import { c as a } from "../../../chunks/vendor-BlJo2ILB.js";
+const e = "listMasterChipGroup__5d982276", l = {
   listMasterChipGroup: e
 }, m = p.forwardRef(
   ({ children: s, className: t, ...r }, i) => (

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
 import m from "react";
-import { c as f } from "../../../chunks/vendor-CF2m175I.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-Cw1r4pz-.js";
-const c = m.forwardRef(
+import { c } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-BMZXwZ7J.js";
+const f = m.forwardRef(
   ({ children: r, className: s, sticky: o = !0, ...e }, a) => /* @__PURE__ */ i(
     "div",
     {
-      className: f(
+      className: c(
         t.listMasterFooter,
         {
           [t.sticky]: o
@@ -19,8 +19,8 @@ const c = m.forwardRef(
     }
   )
 );
-c.displayName = "ListMasterFooter";
+f.displayName = "ListMasterFooter";
 export {
-  c as ListMasterFooter
+  f as ListMasterFooter
 };
 //# sourceMappingURL=ListMasterFooter.js.map

package/components/ListMaster/components/ListMasterFooterControls.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { c as m } from "../../../chunks/vendor-CF2m175I.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-Cw1r4pz-.js";
+import { c as m } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-BMZXwZ7J.js";
 const l = a.forwardRef(
-  ({ children: o, className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, t), ...r, ref: s, children: o })
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, r), ...s, ref: t, children: o })
 );
 l.displayName = "ListMasterFooterControls";
 export {

package/components/ListMaster/components/ListMasterFooterDescription.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as a } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-Cw1r4pz-.js";
+import { c as a } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-BMZXwZ7J.js";
 const p = i.forwardRef(
-  ({ children: t, className: o, ...r }, s) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, o), ...r, ref: s, children: t })
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, r), ...s, ref: t, children: o })
 );
 p.displayName = "ListMasterFooterDescription";
 export {

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,22 +1,22 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import f, { useRef as o, useEffect as m } from "react";
-import { c as w } from "../../../chunks/vendor-CF2m175I.js";
-const p = "listMasterHeader__553ede96", y = "sticky__c6955ea3", c = {
+import { c as w } from "../../../chunks/vendor-BlJo2ILB.js";
+const p = "listMasterHeader__6b59f0dd", y = "sticky__a0861c27", c = {
   listMasterHeader: p,
   sticky: y
 }, H = f.forwardRef(
-  ({ children: i, className: n, sticky: a = !0, ...l }, e) => {
-    const t = o(null), r = o(0);
+  ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
+    const e = o(null), r = o(0);
     m(() => {
-      if (t.current)
-        return r.current = t.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
+      if (e.current)
+        return r.current = e.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const u = (s) => {
-      t.current = s, typeof e == "function" ? e(s) : e && (e.current = s);
+    const d = (s) => {
+      e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ u(
       "div",
       {
         className: w(
@@ -27,7 +27,7 @@ const p = "listMasterHeader__553ede96", y = "sticky__c6955ea3", c = {
           n
         ),
         ...l,
-        ref: u,
+        ref: d,
         children: i
       }
     );

package/components/ListMaster/components/SelectionControls.js

@@ -1,22 +1,22 @@
 import { jsx as l } from "react/jsx-runtime";
 import n from "react";
-import { c as r } from "../../../chunks/vendor-CF2m175I.js";
-const c = "selectionControls__f44e19a7", a = {
+import { c as r } from "../../../chunks/vendor-BlJo2ILB.js";
+const c = "selectionControls__bf854d13", i = {
   selectionControls: c
-}, i = n.forwardRef(
+}, a = n.forwardRef(
   ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
     "div",
     {
-      className: r(a.selectionControls, t),
+      className: r(i.selectionControls, t),
       ...s,
-      "data-tx": "0.1.9",
+      "data-tx": "0.11.0",
       ref: e,
       children: o
     }
   )
 );
-i.displayName = "SelectionControls";
+a.displayName = "SelectionControls";
 export {
-  i as SelectionControls
+  a as SelectionControls
 };
 //# sourceMappingURL=SelectionControls.js.map

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,22 +1,23 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-CF2m175I.js";
-const s = "loaderMiddle__cae03d27", e = "dot__38bdbea6", l = "dot1__a0597be9", n = "dot2__b479eb39", c = "dot3__8ebf9b39", i = "dot4__04664381", r = "line__9a2a2df6", d = {
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+const s = "loaderMiddle__e7e8ab1c", a = "loaderMiddleDots__b0549412", l = "dot__7f71e3cc", c = "dot1__e53b2c8f", i = "dot2__b0ec8a6c", n = "dot3__fddb3dc7", r = "dot4__5091f4d1", _ = "line__2a7c2e91", d = {
   loaderMiddle: s,
-  dot: e,
-  dot1: l,
-  dot2: n,
-  dot3: c,
-  dot4: i,
-  line: r
-}, _ = () => /* @__PURE__ */ a("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: [
+  loaderMiddleDots: a,
+  dot: l,
+  dot1: c,
+  dot2: i,
+  dot3: n,
+  dot4: r,
+  line: _
+}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ t("div", { className: d.loaderMiddleDots, children: [
   /* @__PURE__ */ o("span", { className: d.line }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot3) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot4) })
-] });
-_.displayName = "LoaderMiddle";
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot1) }),
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot2) }),
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot3) }),
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot4) })
+] }) });
+m.displayName = "LoaderMiddle";
 export {
-  _ as LoaderMiddle
+  m as LoaderMiddle
 };
 //# sourceMappingURL=LoaderMiddle.js.map

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,48 +1,37 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-CF2m175I.js";
-import { ELoaderSmallTheme as d, ELoaderSmallSize as e } from "./enum.js";
-const c = "loaderSmall__6eaf6ea3", m = "sm__55c17c31", _ = "dot__38bdbea6", b = "md__f20e3104", S = "lg__97f6bf74", f = "neutral__6c5bef76", i = "brand__cf79cbf0", u = "dot1__a0597be9", p = "dot2__b479eb39", L = "dot3__8ebf9b39", a = {
-  loaderSmall: c,
-  sm: m,
-  dot: _,
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+import { ELoaderSmallTheme as s } from "./enum.js";
+import { createSizeToClassNameMap as r } from "../../../utils/classNameMaps.js";
+const n = "loaderSmall__780c2842", _ = "sm__5f630948", p = "dot__7f71e3cc", b = "md__7dfb58ce", f = "lg__3d588eab", i = "neutral__c9b8ae2f", N = "brand__265cbced", S = "dot1__e53b2c8f", u = "dot2__b0ec8a6c", T = "dot3__fddb3dc7", a = {
+  loaderSmall: n,
+  sm: _,
+  dot: p,
   md: b,
-  lg: S,
-  neutral: f,
-  brand: i,
-  dot1: u,
-  dot2: p,
-  dot3: L
-}, t = (s) => {
-  switch (s) {
-    case d.BRAND:
-      return a.brand;
-    case d.NEUTRAL:
-      return a.neutral;
-  }
-}, g = (s) => {
-  switch (s) {
-    case e.SM:
-      return a.sm;
-    case e.MD:
-      return a.md;
-    case e.LG:
-      return a.lg;
-  }
-}, N = ({ theme: s, size: r }) => /* @__PURE__ */ n(
+  lg: f,
+  neutral: i,
+  brand: N,
+  dot1: S,
+  dot2: u,
+  dot3: T
+}, g = {
+  [s.BRAND]: a.brand,
+  [s.NEUTRAL]: a.neutral
+}, x = r(a), L = ({ className: d, theme: e, size: l, ...c }) => /* @__PURE__ */ m(
   "span",
   {
+    className: o(a.loaderSmall, g[e], x[l], d),
     role: "status",
     "aria-label": "loading",
-    className: o(a.loaderSmall, g(r), t(s)),
+    ...c,
     children: [
-      /* @__PURE__ */ l("span", { className: o(t(s), a.dot, a.dot1) }),
-      /* @__PURE__ */ l("span", { className: o(t(s), a.dot, a.dot2) }),
-      /* @__PURE__ */ l("span", { className: o(t(s), a.dot, a.dot3) })
+      /* @__PURE__ */ t("span", { className: o(a.dot, a.dot1) }),
+      /* @__PURE__ */ t("span", { className: o(a.dot, a.dot2) }),
+      /* @__PURE__ */ t("span", { className: o(a.dot, a.dot3) })
     ]
   }
 );
-N.displayName = "LoaderSmall";
+L.displayName = "LoaderSmall";
 export {
-  N as LoaderSmall
+  L as LoaderSmall
 };
 //# sourceMappingURL=LoaderSmall.js.map

package/components/LoaderScreen/LoaderScreen.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { LoaderSmall as s } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as i } from "../Loader/LoaderSmall/enum.js";
+import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { c as p } from "../../chunks/vendor-BlJo2ILB.js";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const S = "loaderScreen__9eafff04", B = "loaderSmallBackdrop__07e7bd7d", f = "loaderMiddleBackdrop__8c24c83b", r = {
+  loaderScreen: S,
+  loaderSmallBackdrop: B,
+  loaderMiddleBackdrop: f
+}, k = ({
+  className: o,
+  size: a = t.MD,
+  type: d,
+  theme: l = i.BRAND,
+  ...c
+}) => {
+  const m = p(o, r.loaderScreen, {
+    [r.loaderSmallBackdrop]: d === "small",
+    [r.loaderMiddleBackdrop]: d === "middle"
+  });
+  return /* @__PURE__ */ e("div", { className: m, ...c, children: d === "small" ? /* @__PURE__ */ e(s, { size: a, theme: l }) : /* @__PURE__ */ e("div", { className: r.loaderMiddleBackground, children: /* @__PURE__ */ e(n, {}) }) });
+};
+k.displayName = "LoaderScreen";
+export {
+  k as LoaderScreen
+};
+//# sourceMappingURL=LoaderScreen.js.map

package/components/LoaderScreen/index.js

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

package/components/Marker/Marker.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as p } from "../../chunks/vendor-BlJo2ILB.js";
+import { a as s, s as i } from "../../chunks/utils-CG0eQjCw.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+import "./enums.js";
+const n = l(s), M = ({
+  className: a,
+  status: r,
+  size: o = c.MD,
+  ...m
+}) => {
+  const e = p(s.marker, n[o], i[r], a);
+  return /* @__PURE__ */ t("div", { className: e, ...m });
+};
+M.displayName = "Marker";
+export {
+  M as Marker
+};
+//# sourceMappingURL=Marker.js.map

package/components/Marker/enums.js

@@ -0,0 +1,5 @@
+var R = /* @__PURE__ */ ((n) => (n.SUCCESS = "success", n.ERROR = "error", n.WARNING = "warning", n.WAITING = "waiting", n))(R || {});
+export {
+  R as EMarkerStatus
+};
+//# sourceMappingURL=enums.js.map