@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as m } from "react";
+import { s as p } from "../../../chunks/TabsExtended.module-CQBdl7x1.js";
+import { c as a } from "../../../chunks/vendor-CF2m175I.js";
+import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
+const w = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const { dropdownItemsIds: o, onSelectTab: d, dropdownRef: s } = m(i);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: a(p.tabsExtendedDropdown, r),
+      ...t,
+      hidden: !o.length,
+      ref: s,
+      children: e({ dropdownItemsIds: o, onSelectTab: d })
+    }
+  );
+};
+export {
+  w as TabsExtendedDropdownWrapper
+};
+//# sourceMappingURL=TabsExtendedDropdownWrapper.js.map

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -0,0 +1,38 @@
+import { jsx as p } from "react/jsx-runtime";
+import x, { useContext as d } from "react";
+import { s as o } from "../../../chunks/TabsExtended.module-CQBdl7x1.js";
+import { c as I } from "../../../chunks/vendor-CF2m175I.js";
+import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
+import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";
+const h = x.forwardRef(
+  ({ children: r, id: e, className: i, onClick: t, ...m }, l) => {
+    const { dropdownItemsIds: n, inlineItemsIds: s, selectedId: b, onSelectTab: c } = d(u), { isFakeTab: a } = d(E), T = (f) => {
+      c(e), t == null || t(f);
+    };
+    return /* @__PURE__ */ p(
+      "span",
+      {
+        id: (() => {
+          if (!(a || n.includes(e)))
+            return e;
+        })(),
+        className: I(o.tabsExtendedTab, { [o.hidden]: n.includes(e) }, i),
+        onClick: a ? void 0 : T,
+        ...m,
+        role: "presentation",
+        "data-tab-item-id": e,
+        ref: a ? void 0 : l,
+        children: r({
+          isFirstInlineTab: s[0] === e,
+          isLastInlineTab: s[s.length - 1] === e,
+          selected: b === e
+        })
+      }
+    );
+  }
+);
+h.displayName = "TabsExtendedTab";
+export {
+  h as TabsExtendedTab
+};
+//# sourceMappingURL=TabsExtendedTab.js.map

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -0,0 +1,22 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+import { s, t as b, a as x } from "../../../chunks/TabsExtendedUtils-BT4b2wK1.js";
+import { c as T } from "../../../chunks/vendor-CF2m175I.js";
+import { Text as l } from "../../Typography/Text.js";
+import { ETabsExtendedTabButtonSize as p } from "../enums.js";
+const c = i.forwardRef(
+  ({ children: o, className: r, selected: t, size: e = p.MD, ...d }, m) => {
+    const n = T(
+      s.tabsExtendedTabButton,
+      b[e],
+      { [s.selected]: !!t },
+      r
+    );
+    return /* @__PURE__ */ a("button", { className: n, role: "tab", "aria-selected": t, ref: m, ...d, children: /* @__PURE__ */ a(l, { size: x[e], children: o }) });
+  }
+);
+c.displayName = "TabsExtendedTabButton";
+export {
+  c as TabsExtendedTabButton
+};
+//# sourceMappingURL=TabsExtendedTabButton.js.map

package/components/TabsExtended/components/TabsExtendedTabContext.js

@@ -0,0 +1,8 @@
+import t from "react";
+const e = {
+  isFakeTab: !1
+}, o = t.createContext(e);
+export {
+  o as TabsExtendedTabContext
+};
+//# sourceMappingURL=TabsExtendedTabContext.js.map

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -0,0 +1,70 @@
+import { jsxs as k, Fragment as y, jsx as f } from "react/jsx-runtime";
+import a, { useContext as A, useState as D, useRef as g, useLayoutEffect as R, isValidElement as B } from "react";
+import { h as F, c as N, p as z } from "../../../chunks/vendor-CF2m175I.js";
+import { TabsExtendedContext as _ } from "../TabsExtendedContext.js";
+import { TabsExtendedTabContext as j } from "./TabsExtendedTabContext.js";
+import { s as l } from "../../../chunks/TabsExtended.module-CQBdl7x1.js";
+const G = ({
+  children: s,
+  className: C,
+  ...w
+}) => {
+  const { setDropdownItemsIds: m, setInlineItemsIds: x, dropdownRef: p } = A(_), [c, I] = D(0), r = g(null), h = g(a.Children.count(s)), d = () => {
+    if (r.current) {
+      const { children: t } = r.current;
+      let { right: e } = r.current.getBoundingClientRect();
+      const i = [], u = [];
+      let n = !1;
+      e = e - 4, Array.from(t).forEach((o) => {
+        const { right: b } = o.getBoundingClientRect();
+        e - c < b ? (i.push(o.getAttribute("data-tab-item-id")), !n && e < b && (n = !0)) : o.getAttribute("data-tab-item-id") && u.push(o.getAttribute("data-tab-item-id"));
+      }), m(n ? i : []), x(u);
+    }
+  }, E = () => {
+    if (p.current) {
+      const { width: t } = p.current.getBoundingClientRect();
+      t !== c && I(t);
+    }
+  }, v = () => {
+    const t = a.Children.count(s);
+    h.current !== t && (h.current = t, d());
+  };
+  R(() => {
+    E(), v();
+  }), R(d, [c]);
+  const T = (t) => a.Children.map(t, (e) => {
+    if (!B(e))
+      return e;
+    const i = z(e.props, (u, n) => !n.startsWith("data-"));
+    return a.createElement(e.type, i);
+  }), { ref: W } = F({
+    handleWidth: !0,
+    onResize: d,
+    refreshMode: "throttle",
+    refreshRate: 150
+  });
+  return /* @__PURE__ */ k(y, { children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        className: l.tabsFake,
+        ref: (t) => {
+          r.current !== t && (r.current = t), W(t);
+        },
+        children: /* @__PURE__ */ f(j.Provider, { value: { isFakeTab: !0 }, children: T(s) })
+      }
+    ),
+    /* @__PURE__ */ f(
+      "div",
+      {
+        className: N(l.tabsReal, { [l.hidden]: !r.current }, C),
+        ...w,
+        children: s
+      }
+    )
+  ] });
+};
+export {
+  G as TabsExtendedTabsWrapper
+};
+//# sourceMappingURL=TabsExtendedTabsWrapper.js.map

package/components/TabsExtended/enums.js

@@ -0,0 +1,5 @@
+var m = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(m || {});
+export {
+  m as ETabsExtendedTabButtonSize
+};
+//# sourceMappingURL=enums.js.map

package/components/TabsExtended/index.js

@@ -0,0 +1,7 @@
+import { TabsExtended as o } from "./TabsExtended.js";
+import { ETabsExtendedTabButtonSize as r } from "./enums.js";
+export {
+  r as ETabsExtendedTabButtonSize,
+  o as TabsExtended
+};
+//# sourceMappingURL=index.js.map

package/components/TextField/MaskedField.js

@@ -0,0 +1,92 @@
+import "react/jsx-runtime";
+import "../Alert/AlertContext/AlertContext.js";
+import "../Alert/AlertProcess/AlertProcess.js";
+import "../Alert/AlertTypeUtils.js";
+import { M as Jo } from "../../chunks/index-CLQ4mLUp.js";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import "../Col/Col.js";
+import "../Checkbox/Checkbox.js";
+import "../Checkbox/CheckboxXGroup.js";
+import "../Checkbox/CheckboxYGroup.js";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../../chunks/FormFieldInput-3TmHcNY0.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormGroup/FormGroup.js";
+import "../Gap/Gap.js";
+import "../Link/Link.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../LoaderWidget/LoaderWidget.js";
+import "../Radio/Radio.js";
+import "../Radio/RadioXGroup.js";
+import "../Radio/RadioYGroup.js";
+import "../Row/Row.js";
+import "../TabsExtended/TabsExtended.js";
+import "../DesignTokens/DesignTokensComponents.js";
+import "../DesignTokens/DesignTokensComponentsThemeDark.js";
+import "../ThemeProvider/ThemeProviderContext.js";
+import "../Typography/Title.js";
+import "../Typography/Text.js";
+import "../Typography/Caption.js";
+import "../../chunks/DropdownListItem-CM0DOekv.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";
+import "../List/List.js";
+import "../List/ListSortable.js";
+import "../List/components/ListItem.js";
+import "../List/components/ListItemControls.js";
+import "../List/components/ListItemContent.js";
+import "../../chunks/ListItemControlsButton-BpUzyKya.js";
+import "../List/components/ListEmptyState.js";
+import "../List/components/ListItemLoading.js";
+import "../List/components/ListItemSelectable.js";
+import "../List/components/ListItemTailLeft.js";
+import "../List/components/ListItemTailRight.js";
+import "../List/components/ListSortableItemTarget.js";
+import "../List/components/ListSortableItemControls.js";
+import "../Footer/Footer.js";
+import "../Footer/components/FooterDescription.js";
+import "../Footer/components/FooterDescriptionControls.js";
+import "../Footer/components/FooterDescriptionContent.js";
+import "../Body/Body.js";
+import "../Header/Header.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
+import "../Header/components/HeaderSubheader/HeaderSubheader.js";
+import "../Header/components/HeaderTabs/HeaderTabs.js";
+import "../Header/components/HeaderTabs/HeaderTabsContent.js";
+import "../Header/components/HeaderTabs/HeaderTabsControls.js";
+import "../Header/components/HeaderTitle/HeaderTitle.js";
+import "../Header/components/HeaderTitle/HeaderTitleContent.js";
+import "../Header/components/HeaderTitle/HeaderTitleControls.js";
+import "../Page/Page.js";
+import "../Pagination/components/PaginationExtended.js";
+import "../Pagination/components/PaginationNavigation.js";
+import "../Pagination/components/PaginationNavigationButton.js";
+import "../Pagination/components/PaginationNavigationExtended.js";
+import "../Pagination/components/PaginationNavigationExtendedItem.js";
+import "../Pagination/components/PaginationPageButton.js";
+import "../Pagination/components/PaginationPageEllipsis.js";
+import "../Pagination/components/PaginationSelect.js";
+import "../Pagination/Pagination.js";
+import "../Card/CardAction.js";
+import "../Card/CardStatic.js";
+export {
+  Jo as MaskedField
+};
+//# sourceMappingURL=MaskedField.js.map

package/components/TextField/TextField.js

@@ -0,0 +1,92 @@
+import "react/jsx-runtime";
+import "../Alert/AlertContext/AlertContext.js";
+import "../Alert/AlertProcess/AlertProcess.js";
+import "../Alert/AlertTypeUtils.js";
+import { T as Jo } from "../../chunks/index-CLQ4mLUp.js";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import "../Col/Col.js";
+import "../Checkbox/Checkbox.js";
+import "../Checkbox/CheckboxXGroup.js";
+import "../Checkbox/CheckboxYGroup.js";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../../chunks/FormFieldInput-3TmHcNY0.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormGroup/FormGroup.js";
+import "../Gap/Gap.js";
+import "../Link/Link.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../LoaderWidget/LoaderWidget.js";
+import "../Radio/Radio.js";
+import "../Radio/RadioXGroup.js";
+import "../Radio/RadioYGroup.js";
+import "../Row/Row.js";
+import "../TabsExtended/TabsExtended.js";
+import "../DesignTokens/DesignTokensComponents.js";
+import "../DesignTokens/DesignTokensComponentsThemeDark.js";
+import "../ThemeProvider/ThemeProviderContext.js";
+import "../Typography/Title.js";
+import "../Typography/Text.js";
+import "../Typography/Caption.js";
+import "../../chunks/DropdownListItem-CM0DOekv.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";
+import "../List/List.js";
+import "../List/ListSortable.js";
+import "../List/components/ListItem.js";
+import "../List/components/ListItemControls.js";
+import "../List/components/ListItemContent.js";
+import "../../chunks/ListItemControlsButton-BpUzyKya.js";
+import "../List/components/ListEmptyState.js";
+import "../List/components/ListItemLoading.js";
+import "../List/components/ListItemSelectable.js";
+import "../List/components/ListItemTailLeft.js";
+import "../List/components/ListItemTailRight.js";
+import "../List/components/ListSortableItemTarget.js";
+import "../List/components/ListSortableItemControls.js";
+import "../Footer/Footer.js";
+import "../Footer/components/FooterDescription.js";
+import "../Footer/components/FooterDescriptionControls.js";
+import "../Footer/components/FooterDescriptionContent.js";
+import "../Body/Body.js";
+import "../Header/Header.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
+import "../Header/components/HeaderSubheader/HeaderSubheader.js";
+import "../Header/components/HeaderTabs/HeaderTabs.js";
+import "../Header/components/HeaderTabs/HeaderTabsContent.js";
+import "../Header/components/HeaderTabs/HeaderTabsControls.js";
+import "../Header/components/HeaderTitle/HeaderTitle.js";
+import "../Header/components/HeaderTitle/HeaderTitleContent.js";
+import "../Header/components/HeaderTitle/HeaderTitleControls.js";
+import "../Page/Page.js";
+import "../Pagination/components/PaginationExtended.js";
+import "../Pagination/components/PaginationNavigation.js";
+import "../Pagination/components/PaginationNavigationButton.js";
+import "../Pagination/components/PaginationNavigationExtended.js";
+import "../Pagination/components/PaginationNavigationExtendedItem.js";
+import "../Pagination/components/PaginationPageButton.js";
+import "../Pagination/components/PaginationPageEllipsis.js";
+import "../Pagination/components/PaginationSelect.js";
+import "../Pagination/Pagination.js";
+import "../Card/CardAction.js";
+import "../Card/CardStatic.js";
+export {
+  Jo as TextField
+};
+//# sourceMappingURL=TextField.js.map

package/components/TextField/TextFieldBase.js

@@ -0,0 +1,92 @@
+import "react/jsx-runtime";
+import "../Alert/AlertContext/AlertContext.js";
+import "../Alert/AlertProcess/AlertProcess.js";
+import "../Alert/AlertTypeUtils.js";
+import { j as Jo } from "../../chunks/index-CLQ4mLUp.js";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import "../Col/Col.js";
+import "../Checkbox/Checkbox.js";
+import "../Checkbox/CheckboxXGroup.js";
+import "../Checkbox/CheckboxYGroup.js";
+import "../FormField/FormField.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../../chunks/FormFieldInput-3TmHcNY0.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormGroup/FormGroup.js";
+import "../Gap/Gap.js";
+import "../Link/Link.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../LoaderWidget/LoaderWidget.js";
+import "../Radio/Radio.js";
+import "../Radio/RadioXGroup.js";
+import "../Radio/RadioYGroup.js";
+import "../Row/Row.js";
+import "../TabsExtended/TabsExtended.js";
+import "../DesignTokens/DesignTokensComponents.js";
+import "../DesignTokens/DesignTokensComponentsThemeDark.js";
+import "../ThemeProvider/ThemeProviderContext.js";
+import "../Typography/Title.js";
+import "../Typography/Text.js";
+import "../Typography/Caption.js";
+import "../../chunks/DropdownListItem-CM0DOekv.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";
+import "../List/List.js";
+import "../List/ListSortable.js";
+import "../List/components/ListItem.js";
+import "../List/components/ListItemControls.js";
+import "../List/components/ListItemContent.js";
+import "../../chunks/ListItemControlsButton-BpUzyKya.js";
+import "../List/components/ListEmptyState.js";
+import "../List/components/ListItemLoading.js";
+import "../List/components/ListItemSelectable.js";
+import "../List/components/ListItemTailLeft.js";
+import "../List/components/ListItemTailRight.js";
+import "../List/components/ListSortableItemTarget.js";
+import "../List/components/ListSortableItemControls.js";
+import "../Footer/Footer.js";
+import "../Footer/components/FooterDescription.js";
+import "../Footer/components/FooterDescriptionControls.js";
+import "../Footer/components/FooterDescriptionContent.js";
+import "../Body/Body.js";
+import "../Header/Header.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
+import "../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
+import "../Header/components/HeaderSubheader/HeaderSubheader.js";
+import "../Header/components/HeaderTabs/HeaderTabs.js";
+import "../Header/components/HeaderTabs/HeaderTabsContent.js";
+import "../Header/components/HeaderTabs/HeaderTabsControls.js";
+import "../Header/components/HeaderTitle/HeaderTitle.js";
+import "../Header/components/HeaderTitle/HeaderTitleContent.js";
+import "../Header/components/HeaderTitle/HeaderTitleControls.js";
+import "../Page/Page.js";
+import "../Pagination/components/PaginationExtended.js";
+import "../Pagination/components/PaginationNavigation.js";
+import "../Pagination/components/PaginationNavigationButton.js";
+import "../Pagination/components/PaginationNavigationExtended.js";
+import "../Pagination/components/PaginationNavigationExtendedItem.js";
+import "../Pagination/components/PaginationPageButton.js";
+import "../Pagination/components/PaginationPageEllipsis.js";
+import "../Pagination/components/PaginationSelect.js";
+import "../Pagination/Pagination.js";
+import "../Card/CardAction.js";
+import "../Card/CardStatic.js";
+export {
+  Jo as TextFieldBase
+};
+//# sourceMappingURL=TextFieldBase.js.map

package/components/TextField/index.js

@@ -0,0 +1,6 @@
+import { M as d, T as s } from "../../chunks/index-CLQ4mLUp.js";
+export {
+  d as MaskedField,
+  s as TextField
+};
+//# sourceMappingURL=index.js.map

package/components/ThemeProvider/ETriplexNextTheme.js

@@ -0,0 +1,5 @@
+var a = /* @__PURE__ */ ((r) => (r.LIGHT = "light", r.DARK = "dark", r))(a || {});
+export {
+  a as ETriplexNextTheme
+};
+//# sourceMappingURL=ETriplexNextTheme.js.map

package/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,28 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as c, useEffect as m } from "react";
+import { k as x, l as d, m as f } from "../../chunks/vendor-CF2m175I.js";
+import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
+import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
+import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
+const i = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, w = ({
+  children: t,
+  scopeClassName: o,
+  scopeRef: n,
+  theme: r = u.LIGHT,
+  tokens: s
+}) => {
+  const [e, a] = c(o || i("triplex-next-theme-"));
+  return m(() => {
+    a(o || i("triplex-next-theme-"));
+  }, [o]), m(() => {
+    if (x()) {
+      const p = `.${e} {${S.getStyle(r, s || {})}}`;
+      d(p, `triplex-next-dynamic-tokens-${e}`);
+    } else
+      console.log("ThemeProvider", "SSR do not support dynamic theme with css variables.");
+  }, [e, r, s]), m(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
+};
+export {
+  w as ThemeProvider
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/components/ThemeProvider/ThemeProviderContext.js

@@ -0,0 +1,14 @@
+import e from "react";
+import { ETriplexNextTheme as o } from "./ETriplexNextTheme.js";
+import { DesignTokensCore as t } from "../DesignTokens/DesignTokensCore.js";
+import { DesignTokensComponents as r } from "../DesignTokens/DesignTokensComponents.js";
+import "../DesignTokens/DesignTokensComponentsThemeDark.js";
+const m = {
+  scopeClassName: "",
+  theme: o.LIGHT,
+  tokens: { ...t, ...r }
+}, c = e.createContext(m);
+export {
+  c as ThemeProviderContext
+};
+//# sourceMappingURL=ThemeProviderContext.js.map

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -0,0 +1,36 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as u, useEffect as k } from "react";
+import { ThemeProviderContext as c } from "../ThemeProviderContext.js";
+import { ETriplexNextTheme as m } from "../ETriplexNextTheme.js";
+import { DesignTokensCore as D } from "../../DesignTokens/DesignTokensCore.js";
+import { DesignTokensCoreThemeDark as d } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
+import { DesignTokensComponents as v } from "../../DesignTokens/DesignTokensComponents.js";
+import { DesignTokensComponentsThemeDark as x } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
+import { f as g } from "../../../chunks/vendor-CF2m175I.js";
+const I = ({
+  children: f,
+  scopeClassName: r,
+  scopeRef: t,
+  theme: e,
+  tokens: s
+}) => {
+  const o = u("");
+  k(() => {
+    var n;
+    return r && ((n = t.current) == null || n.classList.add(r)), o.current = r, () => {
+      var i;
+      o.current && ((i = t.current) == null || i.classList.remove(o.current));
+    };
+  }, [r]);
+  const T = g(
+    {},
+    s,
+    e === m.LIGHT ? D : d,
+    e === m.LIGHT ? v : x
+  );
+  return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: f });
+};
+export {
+  I as ThemeProviderView
+};
+//# sourceMappingURL=ThemeProviderView.js.map

package/components/ThemeProvider/index.js

@@ -0,0 +1,11 @@
+import { ThemeProvider as o } from "./ThemeProvider.js";
+import { ThemeProviderContext as t } from "./ThemeProviderContext.js";
+import { ETriplexNextTheme as p } from "./ETriplexNextTheme.js";
+import { useToken as f } from "./useToken.js";
+export {
+  p as ETriplexNextTheme,
+  o as ThemeProvider,
+  t as ThemeProviderContext,
+  f as useToken
+};
+//# sourceMappingURL=index.js.map

package/components/ThemeProvider/useToken.js

@@ -0,0 +1,10 @@
+import { useContext as r } from "react";
+import { ThemeProviderContext as s } from "./ThemeProviderContext.js";
+const p = () => {
+  const { scopeClassName: e, theme: o, tokens: t } = r(s);
+  return { scopeClassName: e, theme: o, tokens: t };
+};
+export {
+  p as useToken
+};
+//# sourceMappingURL=useToken.js.map

package/components/Tooltip/Tooltip.js

@@ -0,0 +1,68 @@
+import { jsx as n } from "react/jsx-runtime";
+import d, { useState as E, useRef as X, useEffect as _, useCallback as v } from "react";
+import { TooltipContext as W } from "./TootlipContext.js";
+import { MobileView as x } from "../MobileView/MobileView.js";
+import { TooltipDesktop as D } from "./components/desktop/TooltipDesktop.js";
+import { TooltipMobile as L } from "./components/mobile/TooltipMobile.js";
+import { TooltipBody as T } from "./components/common/TooltipBody.js";
+import { TooltipLink as y } from "./components/common/TooltipLink.js";
+import { TooltipTarget as b } from "./components/common/TooltipTarget.js";
+import { TooltipXButton as M } from "./components/common/TooltipXButton.js";
+import { TooltipMobileHeader as k } from "./components/mobile/components/TooltipMobileHeader.js";
+import { useTooltipTheme as V } from "./utils/useTooltipTheme.js";
+import { useMatchMedia as j } from "../MediaWidth/useMatchMedia.js";
+import { EScreenWidth as c } from "../../helpers/breakpoints.js";
+import "./enums.js";
+const t = ({
+  children: p,
+  toggleType: f,
+  preferPlace: B,
+  disableAdaptiveMode: a,
+  isOpen: r,
+  toggle: l,
+  ...s
+}) => {
+  const C = j(
+    `(max-width: ${c.SM_MAX})`,
+    window.innerWidth <= parseInt(c.SM_MAX)
+  ), [O, S] = E(!1), m = X(!1), i = r ?? O;
+  V(i, C && !a ? document.body : s.renderContainer ?? document.body), _(() => {
+    r === !1 && (m.current = !1);
+  }, [r]);
+  const H = v(() => {
+    const o = {
+      body: null,
+      link: null,
+      closeButton: null,
+      mobileHeader: null,
+      target: null
+    };
+    return d.Children.map(p, (e) => {
+      d.isValidElement(e) && (e.type === b ? o.target = e : e.type === T ? o.body = e : e.type === y ? o.link = e : e.type === M ? o.closeButton = e : e.type === k && (o.mobileHeader = e));
+    }), o;
+  }, [p]), R = (o) => {
+    r === void 0 && (o || (m.current = !1), S(o)), l == null || l(o);
+  }, u = () => /* @__PURE__ */ n(D, { isOpen: i, toggleType: f, preferPlace: B, ...s }), w = () => /* @__PURE__ */ n(L, { isOpen: i, ...s });
+  return /* @__PURE__ */ n(
+    W.Provider,
+    {
+      value: {
+        elements: H(),
+        setTooltipOpen: R,
+        targetHoveredRef: m,
+        toggleType: f,
+        tooltipOpen: i
+      },
+      children: a ? u() : /* @__PURE__ */ n(x, { fallback: u(), children: w() })
+    }
+  );
+};
+t.Target = b;
+t.Body = T;
+t.Link = y;
+t.XButton = M;
+t.MobileHeader = k;
+export {
+  t as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map