@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
-import a from "react";
-import { c as s } from "../../../../chunks/vendor-D-uL_icH.js";
-import { MobileView as n } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__b815b0ae", r = "desktop__3ab8e4c2", c = "mobile__fcb0c054", o = {
+import n from "react";
+import { c as s } from "../../../../chunks/vendor-CehxOAkM.js";
+import { MobileView as a } from "../../../MobileView/MobileView.js";
+const k = "tooltipLink__735e5564", r = "desktop__e059b62c", m = "mobile__892e636c", o = {
   tooltipLink: k,
   desktop: r,
-  mobile: c
-}, m = a.forwardRef(
-  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
+  mobile: m
+}, c = n.forwardRef(
+  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
     "a",
     {
       className: s(o.tooltipLink, o.desktop, e),
       ...l,
-      "data-tx": "1.1.1",
+      "data-tx": "1.3.0",
       ref: p,
       children: i
     }
@@ -21,14 +21,14 @@ const k = "tooltipLink__b815b0ae", r = "desktop__3ab8e4c2", c = "mobile__fcb0c05
     {
       className: s(o.tooltipLink, o.mobile, e),
       ...l,
-      "data-tx": "1.1.1",
+      "data-tx": "1.3.0",
       ref: p,
       children: i
     }
   ) })
 );
-m.displayName = "TooltipLink";
+c.displayName = "TooltipLink";
 export {
-  m as TooltipLink
+  c as TooltipLink
 };
 //# sourceMappingURL=TooltipLink.js.map

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext as p } from "react";
 import { CrossStrokeSrvIcon16 as n } from "@sberbusiness/icons-next";
 import { TooltipContext as i } from "../../TootlipContext.js";
 import { ButtonIcon as l } from "../../../Button/ButtonIcon.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-KrPZMfQD.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-D3cbaDX1.js";
 const I = ({ onClick: t, ...r }) => {
   const { setTooltipOpen: e } = p(i), s = (m) => {
     e(!1), t == null || t(m);

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -3,13 +3,13 @@ var H = (p, a, i) => a in p ? _(p, a, { enumerable: !0, configurable: !0, writab
 var t = (p, a, i) => H(p, typeof a != "symbol" ? a + "" : a, i);
 import { jsxs as S, Fragment as P, jsx as x } from "react/jsx-runtime";
 import O from "react";
-import { i as M, c as $ } from "../../../../../chunks/vendor-D-uL_icH.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-CehxOAkM.js";
 import { TooltipContext as X } from "../../../TootlipContext.js";
 import { Portal as Y } from "../../../../Portal/Portal.js";
 import { ETooltipPreferPlace as u, ETooltipDirection as B, ETooltipAlign as z, ETooltipFlowTypes as I, ETooltipSizeParameter as r, ETooltipTypeName as C, ETooltipEndCoordinates as N, ETooltipStartCoordinates as R, ETooltipAxesType as G, ETooltipSize as U } from "../../../enums.js";
 import { TooltipDesktopTip as V } from "./TooltipDesktopTip.js";
 import { pickZone as j, axes as q, calcRelPos as K, centerOfBoundsFromBounds as Z, calcBounds as L, equalCoords as J } from "../../../utils/Positioning.js";
-import { s as f } from "../../../../../chunks/TooltipDesktop.module-KrPZMfQD.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-D3cbaDX1.js";
 const Q = {
   column: "translateX",
   row: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import p from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
-import { c } from "../../../../../chunks/vendor-D-uL_icH.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-KrPZMfQD.js";
+import { c } from "../../../../../chunks/vendor-CehxOAkM.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-D3cbaDX1.js";
 const l = p.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,8 +5,8 @@ import { Portal as x } from "../../../Portal/Portal.js";
 import { DropdownMobile as _ } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as h } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton as y } from "./components/TooltipMobileCloseButton.js";
-import { c as B } from "../../../../chunks/vendor-D-uL_icH.js";
-const T = "tooltipMobile__45dff47e", g = "tooltipMobileContent__ba5bc8be", H = "headerless__0e7b8aa5", r = {
+import { c as B } from "../../../../chunks/vendor-CehxOAkM.js";
+const T = "tooltipMobile__4e2ec4e8", g = "tooltipMobileContent__180b889f", H = "headerless__76d1371c", r = {
   tooltipMobile: T,
   tooltipMobileContent: g,
   headerless: H
@@ -20,11 +20,11 @@ const T = "tooltipMobile__45dff47e", g = "tooltipMobileContent__ba5bc8be", H = "
   onShow: t,
   ...d
 }) => {
-  const { elements: e, setTooltipOpen: a } = f(C), i = u(null), c = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, p);
+  const { elements: e, setTooltipOpen: c } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, p);
   M(() => {
     o && (t == null || t(i.current));
   }, [o]);
-  const m = () => {
+  const a = () => {
     var n;
     return /* @__PURE__ */ s(y, { ...(n = e.closeButton) == null ? void 0 : n.props });
   };
@@ -33,10 +33,10 @@ const T = "tooltipMobile__45dff47e", g = "tooltipMobileContent__ba5bc8be", H = "
     /* @__PURE__ */ s(x, { container: document.body, children: /* @__PURE__ */ l(
       _,
       {
-        className: c,
+        className: m,
         tabIndex: -1,
         opened: o,
-        setOpened: a,
+        setOpened: c,
         ...d,
         ref: i,
         children: [
@@ -44,7 +44,7 @@ const T = "tooltipMobile__45dff47e", g = "tooltipMobileContent__ba5bc8be", H = "
           /* @__PURE__ */ l(h, { className: r.tooltipMobileContent, children: [
             e.body,
             e.link,
-            e.mobileHeader === null && m()
+            e.mobileHeader === null && a()
           ] })
         ]
       }

package/components/TreeView/TreeView.js

@@ -0,0 +1,88 @@
+var c = Object.defineProperty;
+var h = (r, d, e) => d in r ? c(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
+var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
+import { jsx as N } from "react/jsx-runtime";
+import { EVENT_KEY_CODES as u } from "../../utils/keyboard.js";
+import l from "react";
+import { TreeViewAbstractNodeUtils as i } from "./TreeViewAbstractNodeUtils.js";
+import { TreeViewContext as m } from "./TreeViewContext.js";
+import { TreeViewAbstractNode as C } from "./TreeViewAbstractNode.js";
+import { TreeViewNode as f } from "./components/TreeViewNode.js";
+import { TreeViewGroup as b } from "./components/TreeViewGroup.js";
+import { c as v } from "../../chunks/vendor-CehxOAkM.js";
+const w = "rootNode";
+class n extends l.Component {
+  constructor(e) {
+    super(e);
+    s(this, "abstractRootNode");
+    s(this, "treeNode", null);
+    /**
+     * Обработка изменения контекста.
+     * Установка tabIndex={0} для первой ноды, и tabIndex={-1} для остальных.
+     */
+    s(this, "updateTabIndexNodes", () => {
+      const e = this.abstractRootNode.getChildren();
+      let t = !1;
+      e.forEach((o, a) => {
+        a === 0 && o.getTabIndex() !== 0 ? (o.setTabIndex(0), t = !0) : a !== 0 && o.getTabIndex() === 0 && (o.setTabIndex(-1), t = !0);
+      }), t && this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Добавляет ноду в родительскую ноду. */
+    s(this, "registerNode", (e, t, o, a) => {
+      t.addChild(e, o, a), this.updateTabIndexNodes(), this.setState(({ updateCount: p }) => ({ updateCount: p++ }));
+    });
+    /** Удаляет ноду из родительской ноды. */
+    s(this, "removeNode", (e) => {
+      var t;
+      (t = e.getParent()) == null || t.removeChild(e), this.updateTabIndexNodes();
+    });
+    /** Установка флага активности ноды. */
+    s(this, "setActiveNode", (e, t) => {
+      i.setActiveNode(e, this.abstractRootNode, t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Установка флага opened ноды. */
+    s(this, "setOpenedNode", (e, t) => {
+      e.setOpened(t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Возвращает AbstractNode по id. */
+    s(this, "getNode", (e) => i.getNode(e, this.abstractRootNode));
+    s(this, "setTreeDOMNode", (e) => this.treeNode = e);
+    /** Обработка нажатия на клавиш для навигации с клавиатуры. */
+    s(this, "handleKeyDown", (e) => {
+      i.getActiveNode(this.abstractRootNode) && (u.ARROW_DOWN === e.keyCode ? (i.setActiveNextNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))) : u.ARROW_UP === e.keyCode && (i.setActivePrevNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))));
+    });
+    this.abstractRootNode = new C({ id: w }), this.state = {
+      updateCount: 0
+    };
+  }
+  componentDidMount() {
+    window.addEventListener("keydown", this.handleKeyDown);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.handleKeyDown);
+  }
+  render() {
+    const { children: e, className: t, ...o } = this.props, { updateCount: a } = this.state;
+    return /* @__PURE__ */ N(
+      m.Provider,
+      {
+        value: {
+          getNode: this.getNode,
+          parentNode: this.abstractRootNode,
+          registerNode: this.registerNode,
+          removeNode: this.removeNode,
+          rootNode: this.abstractRootNode,
+          setActiveNode: this.setActiveNode,
+          setOpenedNode: this.setOpenedNode,
+          updateCount: a
+        },
+        children: /* @__PURE__ */ N("ul", { className: v("cssClass[treeView]", t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
+      }
+    );
+  }
+}
+s(n, "displayName", "TreeView"), s(n, "Node", f), s(n, "Group", b);
+export {
+  n as TreeView
+};
+//# sourceMappingURL=TreeView.js.map

package/components/TreeView/TreeViewAbstractNode.js

@@ -0,0 +1,38 @@
+var s = Object.defineProperty;
+var n = (d, i, e) => i in d ? s(d, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[i] = e;
+var t = (d, i, e) => n(d, typeof i != "symbol" ? i + "" : i, e);
+import { AbstractTreeNode as o } from "../AbstractTree/AbstractTreeNode.js";
+class r extends o {
+  constructor(e) {
+    super();
+    t(this, "id");
+    t(this, "active");
+    t(this, "opened");
+    t(this, "tabIndex", -1);
+    /** Возвращает tabIndex ноды. */
+    t(this, "getTabIndex", () => this.tabIndex);
+    /** Устанавливает tabIndex ноды. */
+    t(this, "setTabIndex", (e) => {
+      this.tabIndex = e;
+    });
+    /** Возвращает id ноды. */
+    t(this, "getId", () => this.id);
+    /** Возвращает флаг активности ноды. */
+    t(this, "getActive", () => !!this.active);
+    /** Устанавливает флаг активности ноды. */
+    t(this, "setActive", (e) => {
+      this.active = e;
+    });
+    /** Возвращает флаг раскрытости ноды. */
+    t(this, "getOpened", () => !!this.opened);
+    /** Устанавливает флаг раскрытости ноды. */
+    t(this, "setOpened", (e) => {
+      this.opened = e;
+    });
+    this.id = e.id;
+  }
+}
+export {
+  r as TreeViewAbstractNode
+};
+//# sourceMappingURL=TreeViewAbstractNode.js.map

package/components/TreeView/TreeViewAbstractNodeUtils.js

@@ -0,0 +1,112 @@
+import { traverseAbstractTree as l } from "../AbstractTree/AbstractTreeNode.js";
+const d = {
+  getActiveNode: (e) => {
+    let t;
+    return l(e, (r) => r.getActive() ? (t = r, !1) : !0), t;
+  },
+  getNextNode: (e) => {
+    const t = e.getChildren();
+    if (e.getOpened() && t.length)
+      return t[0];
+    const r = d.getNextSiblingNode(e);
+    if (r)
+      return r;
+    let n = e;
+    for (; ; ) {
+      const i = n.getParent();
+      if (i.getParent()) {
+        const g = d.getNextSiblingNode(i);
+        if (g) {
+          n = g;
+          break;
+        }
+      } else {
+        n = i.getChildren()[0];
+        break;
+      }
+      n = i;
+    }
+    return n;
+  },
+  getNextSiblingNode: (e) => {
+    const t = e.getParent();
+    if (!t)
+      return;
+    const r = t.getChildren();
+    let n = 0;
+    if (r.some((i, g) => {
+      if (i.getId() === e.getId())
+        return n = g, !0;
+    }), n !== r.length - 1)
+      return r[n + 1];
+  },
+  getNode: (e, t) => {
+    let r;
+    return l(t, (n) => n.getId() === e ? (r = n, !1) : !0), r;
+  },
+  getPrevNode: (e) => {
+    const t = d.getPrevSiblingNode(e);
+    if (!t) {
+      const n = e.getParent();
+      if (n.getParent())
+        return n;
+      {
+        let i = n.getChildren()[n.getChildren().length - 1];
+        for (; i.getChildren().length > 0; )
+          i = i.getChildren()[i.getChildren().length - 1];
+        return i;
+      }
+    }
+    let r = t;
+    for (; ; ) {
+      const n = r.getChildren();
+      if (r.getOpened() && n.length)
+        r = r.getChildren()[r.getChildren().length - 1];
+      else
+        break;
+    }
+    return r;
+  },
+  getPrevSiblingNode: (e) => {
+    const t = e.getParent();
+    if (!t)
+      return;
+    const r = t.getChildren();
+    let n = 0;
+    if (r.some((i, g) => {
+      if (i.getId() === e.getId())
+        return n = g, !0;
+    }), n !== 0)
+      return r[n - 1];
+  },
+  isLastNode: (e) => {
+    const t = e.getParent();
+    if (t) {
+      if (t.getChildren()[t.getChildren().length - 1] == e)
+        return d.isLastNode(t);
+    } else
+      return !0;
+    return !1;
+  },
+  setActiveNextNode: (e) => {
+    const t = d.getActiveNode(e);
+    if (t) {
+      const r = d.getNextNode(t);
+      d.setActiveNode(r, e, !0);
+    }
+  },
+  setActiveNode: (e, t, r) => {
+    r ? (e.setActive(!0), l(t, (n) => (n.getActive() && n.getId() !== e.getId() && n.setActive(!1), !0))) : e.setActive(!1);
+  },
+  setActivePrevNode: (e) => {
+    const t = d.getActiveNode(e);
+    if (t) {
+      const r = d.getPrevNode(t);
+      d.setActiveNode(r, e, !0);
+    }
+  }
+};
+export {
+  d as TreeViewAbstractNodeUtils
+};
+//# sourceMappingURL=TreeViewAbstractNodeUtils.js.map

package/components/TreeView/TreeViewContext.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import d from "react";
+import { TreeViewAbstractNode as s } from "./TreeViewAbstractNode.js";
+const a = {
+  /** eslint-disable @typescript-eslint/no-empty-function */
+  getNode: () => {
+  },
+  parentNode: new s({ id: "contextNode" }),
+  registerNode: () => {
+  },
+  removeNode: () => {
+  },
+  rootNode: null,
+  setActiveNode: () => {
+  },
+  setOpenedNode: () => {
+  },
+  updateCount: 0
+  /** eslint-enable @typescript-eslint/no-empty-function */
+}, m = d.createContext(a);
+function C(e) {
+  const i = e.displayName || e.name || "Component", t = (n) => /* @__PURE__ */ o(m.Consumer, { children: (r) => /* @__PURE__ */ o(e, { ...n, treeViewContext: r }) });
+  return t.displayName = `WithTreeViewContext(${i})`, t;
+}
+export {
+  m as TreeViewContext,
+  a as initialTreeContext,
+  C as withTreeViewContext
+};
+//# sourceMappingURL=TreeViewContext.js.map

package/components/TreeView/components/TreeViewGroup.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+const p = ({ children: e, ...r }) => /* @__PURE__ */ o("ul", { role: "group", className: "cssClass[treeViewGroup]", ...r, children: e });
+export {
+  p as TreeViewGroup
+};
+//# sourceMappingURL=TreeViewGroup.js.map

package/components/TreeView/components/TreeViewNode.js

@@ -0,0 +1,81 @@
+var p = Object.defineProperty;
+var h = (r, d, e) => d in r ? p(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
+var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
+import { jsx as a } from "react/jsx-runtime";
+import l from "react";
+import { TreeViewContext as x, withTreeViewContext as b } from "../TreeViewContext.js";
+import { TreeViewAbstractNode as m } from "../TreeViewAbstractNode.js";
+import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
+import { c as w } from "../../../chunks/vendor-CehxOAkM.js";
+class C extends l.Component {
+  constructor(e) {
+    super(e);
+    s(this, "containerDOMNode");
+    // Абстрактная нода текущей ViewNode.
+    s(this, "abstractNode");
+    /**
+     * Обработчик события blur.
+     * Если нода была активна - становится неактивной.
+     */
+    s(this, "handleBlur", (e) => {
+      const { onBlur: t, treeViewContext: o } = this.props;
+      e.stopPropagation(), o.setActiveNode(this.abstractNode, !1), t == null || t(e);
+    });
+    /**
+     * Обработчик события focus.
+     * При всплытии фокуса до контейнера ноды - ноды становится активной.
+     */
+    s(this, "handleFocus", (e) => {
+      const { onFocus: t, treeViewContext: o } = this.props;
+      e.stopPropagation(), o.setActiveNode(this.abstractNode, !0), t == null || t(e);
+    });
+    s(this, "setContainerDOMNode", (e) => this.containerDOMNode = e);
+    /** Устанавливает флаг opened ноды. */
+    s(this, "setOpenedNode", () => (e) => {
+      this.props.treeViewContext.setOpenedNode(this.abstractNode, e);
+    });
+    const { treeViewContext: t } = e;
+    this.abstractNode = new m({ id: e.id }), t.setOpenedNode(this.abstractNode, !!e.opened);
+    let o;
+    e.prevNodeId && (o = n.getNode(e.prevNodeId, t.parentNode));
+    let i;
+    e.nextNodeId && (i = n.getNode(e.nextNodeId, t.parentNode)), t.registerNode(this.abstractNode, t.parentNode, o, i);
+  }
+  componentDidUpdate(e) {
+    const { opened: t, treeViewContext: o } = this.props, { opened: i } = e;
+    t !== i && o.setOpenedNode(this.abstractNode, !!t);
+  }
+  componentWillUnmount() {
+    const { treeViewContext: e } = this.props;
+    e.removeNode(this.abstractNode);
+  }
+  render() {
+    const { children: e, className: t, nextNodeId: o, opened: i, prevNodeId: V, treeViewContext: N, ...c } = this.props;
+    return /* @__PURE__ */ a(x.Provider, { value: { ...N, parentNode: this.abstractNode }, children: /* @__PURE__ */ a(
+      "li",
+      {
+        role: "treeitem",
+        tabIndex: this.abstractNode.getTabIndex(),
+        "aria-expanded": this.abstractNode.getOpened(),
+        className: w("cssClass[treeViewNode]", t),
+        ...c,
+        onBlur: this.handleBlur,
+        onFocus: this.handleFocus,
+        ref: this.setContainerDOMNode,
+        children: e({
+          activeNode: this.abstractNode.getActive(),
+          hasChildNodes: !!this.abstractNode.getChildren().length,
+          isLastNode: n.isLastNode(this.abstractNode),
+          openedNode: this.abstractNode.getOpened(),
+          setOpenedNode: this.setOpenedNode()
+        })
+      }
+    ) });
+  }
+}
+const A = b(C);
+export {
+  A as TreeViewNode,
+  C as TreeViewNodeWithContext
+};
+//# sourceMappingURL=TreeViewNode.js.map

package/components/Typography/Caption.js

@@ -1,11 +1,11 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as y } from "../../chunks/vendor-D-uL_icH.js";
-import { EFontWeightText as e, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as R } from "../../chunks/utils-bbbspEnw.js";
-const b = "caption__2cbf7a3d", E = "regular__5f548a95", u = "semibold__e80bd332", x = "c1__ace24087", S = "c2__246e1847", h = "d1__6aef3d43", o = {
-  caption: b,
-  regular: E,
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { c as T } from "../../chunks/vendor-CehxOAkM.js";
+import { EFontWeightText as e, ECaptionSize as c, EFontType as f } from "./enums.js";
+import { t as s, m as R } from "../../chunks/utils-DWPj89gs.js";
+const E = "caption__4add0b07", b = "regular__d452c69e", u = "semibold__32086415", x = "c1__a0974c94", S = "c2__e5caec28", h = "d1__ef21669c", o = {
+  caption: E,
+  regular: b,
   semibold: u,
   c1: x,
   c2: S,
@@ -17,19 +17,19 @@ const b = "caption__2cbf7a3d", E = "regular__5f548a95", u = "semibold__e80bd332"
   [c.C1]: o.c1,
   [c.C2]: o.c2,
   [c.D1]: o.d1
-}, L = g(
+}, L = y(
   ({
     children: n,
     className: p,
     size: r,
     tag: i = "span",
-    type: m = T.PRIMARY,
+    type: m = f.PRIMARY,
     weight: l = e.REGULAR,
     underline: t,
     strikethrough: a,
     ...d
   }, C) => {
-    const _ = y(
+    const _ = T(
       s.typography,
       o.caption,
       A[r],
@@ -42,7 +42,7 @@ const b = "caption__2cbf7a3d", E = "regular__5f548a95", u = "semibold__e80bd332"
       },
       p
     );
-    return /* @__PURE__ */ f(i, { ref: C, className: _, ...d, children: n });
+    return /* @__PURE__ */ g(i, { ref: C, className: _, ...d, children: n });
   }
 );
 L.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,9 +1,9 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as C } from "../../chunks/vendor-D-uL_icH.js";
-import { ETextSize as o, EFontWeightText as r, ELineType as b, EFontType as R } from "./enums.js";
-import { t, m as d } from "../../chunks/utils-bbbspEnw.js";
-const E = "text__798c1ae1", L = "regular__5f548a95", A = "semibold__e80bd332", u = "b1__f5093f80", B = "b2__dc938150", M = "b3__796277e9", S = "b4__c6b3807b", s = {
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+import { ETextSize as o, EFontWeightText as r, ELineType as c, EFontType as R } from "./enums.js";
+import { t, m as f } from "../../chunks/utils-DWPj89gs.js";
+const E = "text__a91c93f7", L = "regular__d452c69e", A = "semibold__32086415", u = "b1__5ad52649", B = "b2__67149ac2", M = "b3__0194d249", S = "b4__0058728a", s = {
   text: E,
   regular: L,
   semibold: A,
@@ -20,26 +20,26 @@ const E = "text__798c1ae1", L = "regular__5f548a95", A = "semibold__e80bd332", u
   [r.REGULAR]: s.regular,
   [r.SEMIBOLD]: s.semibold
 }, N = {
-  [b.NORMAL]: "",
-  [b.COMPACT]: t.compact
-}, O = g(
+  [c.NORMAL]: "",
+  [c.COMPACT]: t.compact
+}, O = C(
   ({
-    children: c,
-    className: m,
-    size: n,
-    tag: p = "span",
+    children: m,
+    className: n,
+    size: p,
+    tag: b = "span",
     type: l = R.PRIMARY,
     weight: T = r.REGULAR,
-    line: i = b.NORMAL,
+    line: i = c.NORMAL,
     underline: e,
     strikethrough: a,
     ...x
   }, _) => {
-    const y = C(
+    const y = d(
       t.typography,
       s.text,
-      h[n],
-      d[l],
+      h[p],
+      f[l],
       F[T],
       N[i],
       {
@@ -47,9 +47,9 @@ const E = "text__798c1ae1", L = "regular__5f548a95", A = "semibold__e80bd332", u
         [t.underline]: !!e && !a,
         [t.underlineStrikethrough]: !!a && !!e
       },
-      m
+      n
     );
-    return /* @__PURE__ */ f(p, { ref: _, className: y, ...x, children: c });
+    return /* @__PURE__ */ g(b, { ref: _, className: y, ...x, children: m });
   }
 );
 O.displayName = "Text";

package/components/Typography/Title.js

@@ -1,9 +1,9 @@
-import { jsx as T } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { c as g } from "../../chunks/vendor-D-uL_icH.js";
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
 import { ETitleSize as m, EFontWeightTitle as o, EFontType as f } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-bbbspEnw.js";
-const y = "title__3d4cac58", E = "regular__5f548a95", C = "semibold__e80bd332", S = "medium__34394c1b", M = "bold__28051e3b", R = "h1__953fd979", D = "h2__01d9ab93", F = "h3__81899a70", t = {
+import { t as s, m as u } from "../../chunks/utils-DWPj89gs.js";
+const y = "title__69416325", E = "regular__d452c69e", C = "semibold__32086415", S = "medium__1bb4e03b", M = "bold__da853a03", R = "h1__cb4f42b5", D = "h2__670531bf", F = "h3__ccc4b7e6", t = {
   title: y,
   regular: E,
   semibold: C,
@@ -21,12 +21,12 @@ const y = "title__3d4cac58", E = "regular__5f548a95", C = "semibold__e80bd332",
   [o.REGULAR]: t.regular,
   [o.SEMIBOLD]: t.semibold,
   [o.BOLD]: t.bold
-}, x = b(
+}, x = T(
   ({
-    children: i,
+    children: a,
     className: r,
-    size: a,
-    tag: c = `${a}`,
+    size: i,
+    tag: c = `${i}`,
     type: n = f.PRIMARY,
     weight: d = o.SEMIBOLD,
     underline: e,
@@ -36,7 +36,7 @@ const y = "title__3d4cac58", E = "regular__5f548a95", C = "semibold__e80bd332",
     const _ = g(
       s.typography,
       t.title,
-      I[a],
+      I[i],
       u[n],
       L[d],
       {
@@ -46,7 +46,7 @@ const y = "title__3d4cac58", E = "regular__5f548a95", C = "semibold__e80bd332",
       },
       r
     );
-    return /* @__PURE__ */ T(c, { ref: p, className: _, ...h, children: i });
+    return /* @__PURE__ */ b(c, { ref: p, className: _, ...h, children: a });
   }
 );
 x.displayName = "Title";