@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/Tag/Tag.js

@@ -0,0 +1,70 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import E, { useCallback as S } from "react";
+import { c as L } from "../../chunks/vendor-BlJo2ILB.js";
+import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as d, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
+import { Text as h } from "../Typography/Text.js";
+import { ETextSize as I, EFontType as T } from "../Typography/enums.js";
+import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
+import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+const A = "tag__45964233", R = "sm__0a2d0e66", w = "md__79416792", F = "lg__a2cd5ff5", P = "content__c4108aa4", l = {
+  tag: A,
+  sm: R,
+  md: w,
+  lg: F,
+  content: P
+}, Y = j(l), q = {
+  [r.SM]: I.B4,
+  [r.MD]: I.B3,
+  [r.LG]: I.B2
+}, H = {
+  [r.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
+}, J = {
+  [r.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, b = E.forwardRef(
+  ({ children: f, id: s, className: g, size: e, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
+    const k = S(() => {
+      const t = n ? T.DISABLED : T.PRIMARY;
+      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: q[e], children: f });
+    }, [f, e, n]), B = S(() => {
+      const { onClick: t, ...m } = M || {};
+      return /* @__PURE__ */ o(
+        _,
+        {
+          disabled: n,
+          onClick: (p) => {
+            c == null || c(s), t == null || t(p);
+          },
+          ...m,
+          children: H[e]
+        }
+      );
+    }, [s, e, n, M, c]), i = S(() => {
+      const { onClick: t, ...m } = x || {};
+      return /* @__PURE__ */ o(
+        _,
+        {
+          disabled: n,
+          onClick: (p) => {
+            a == null || a(s), t == null || t(p);
+          },
+          ...m,
+          children: J[e]
+        }
+      );
+    }, [s, e, n, x, a]);
+    return /* @__PURE__ */ D("span", { className: L(l.tag, Y[e], g), ...u, ref: C, children: [
+      k(),
+      c && B(),
+      i()
+    ] });
+  }
+);
+export {
+  b as Tag
+};
+//# sourceMappingURL=Tag.js.map

package/components/Tag/index.js

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

package/components/Tag/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/TagColor/TagColor.js

@@ -0,0 +1,36 @@
+import { jsx as a } from "react/jsx-runtime";
+import m from "react";
+import { c as l } from "../../chunks/vendor-BlJo2ILB.js";
+import { createSizeToClassNameMap as _ } from "../../utils/classNameMaps.js";
+import { ETagColorStatus as s } from "./enums.js";
+const f = "tagColor__4eb1d9cb", i = "sm__56c5d41d", g = "md__a2bc09a2", d = "lg__3e8e3f17", p = "success__31faaa70", C = "info__ab626d3f", u = "warning__679e0116", N = "error__efecbe89", b = "content__e2e4a3a0", o = {
+  tagColor: f,
+  sm: i,
+  md: g,
+  lg: d,
+  default: "default__bb504242",
+  success: p,
+  info: C,
+  warning: u,
+  error: N,
+  content: b
+}, T = _(o), R = {
+  [s.DEFAULT]: o.default,
+  [s.SUCCESS]: o.success,
+  [s.INFO]: o.info,
+  [s.WARNING]: o.warning,
+  [s.ERROR]: o.error
+}, F = m.forwardRef(
+  ({ children: t, className: e, size: r, status: c = s.DEFAULT, ...n }) => /* @__PURE__ */ a(
+    "span",
+    {
+      className: l(o.tagColor, T[r], R[c], e),
+      ...n,
+      children: /* @__PURE__ */ a("span", { className: o.content, children: t })
+    }
+  )
+);
+export {
+  F as TagColor
+};
+//# sourceMappingURL=TagColor.js.map

package/components/TagColor/enums.js

@@ -0,0 +1,5 @@
+var n = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(n || {});
+export {
+  n as ETagColorStatus
+};
+//# sourceMappingURL=enums.js.map

package/components/TagColor/index.js

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

package/components/TagColor/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/TagGroup/TagGroup.js

@@ -0,0 +1,25 @@
+import { jsx as c } from "react/jsx-runtime";
+import e from "react";
+import { c as p } from "../../chunks/vendor-BlJo2ILB.js";
+import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
+const l = "tagGroup__781a555a", _ = "sm__33003e2d", d = "md__7db7e6b8", f = "lg__c2453cf7", o = {
+  tagGroup: l,
+  sm: _,
+  md: d,
+  lg: f
+}, i = g(o), N = e.forwardRef(
+  ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ c(
+    "div",
+    {
+      className: p(o.tagGroup, i[r], a),
+      role: "group",
+      ...t,
+      ref: m,
+      children: s
+    }
+  )
+);
+export {
+  N as TagGroup
+};
+//# sourceMappingURL=TagGroup.js.map

package/components/TagGroup/index.js

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

package/components/TagGroup/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/TextField/MaskedField.js

@@ -1,92 +1,9 @@
-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-Cn4S9Yzd.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-Ki1-hI2O.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-iil7gCyc.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-C5HBHV5H.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";
+import { jsx as e } from "react/jsx-runtime";
+import { FormFieldMaskedInput as o } from "../FormField/components/FormFieldMaskedInput.js";
+import { TextFieldBase as r } from "./TextFieldBase.js";
+const m = ({ maskedInputProps: d, ...i }) => /* @__PURE__ */ e(r, { ...i, children: /* @__PURE__ */ e(o, { ...d }) });
+m.displayName = "MaskedField";
 export {
-  Jo as MaskedField
+  m as MaskedField
 };
 //# sourceMappingURL=MaskedField.js.map

package/components/TextField/TextField.js

@@ -1,92 +1,9 @@
-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-Cn4S9Yzd.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-Ki1-hI2O.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-iil7gCyc.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-C5HBHV5H.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";
+import { jsx as e } from "react/jsx-runtime";
+import { F as r } from "../../chunks/FormFieldInput-BoG8X8Sc.js";
+import { TextFieldBase as t } from "./TextFieldBase.js";
+const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
+m.displayName = "TextField";
 export {
-  Jo as TextField
+  m as TextField
 };
 //# sourceMappingURL=TextField.js.map

package/components/TextField/TextFieldBase.js

@@ -1,92 +1,33 @@
-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-Cn4S9Yzd.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-Ki1-hI2O.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-iil7gCyc.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-C5HBHV5H.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";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { FormField as t } from "../FormField/FormField.js";
+import { FormFieldDescription as p } from "../FormField/components/FormFieldDescription.js";
+import { FormFieldLabel as f } from "../FormField/components/FormFieldLabel.js";
+import { FormFieldPostfix as h } from "../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as s } from "../FormField/components/FormFieldPrefix.js";
+import { FormFieldCounter as c } from "../FormField/components/FormFieldCounter.js";
+import { FormGroup as u } from "../FormGroup/FormGroup.js";
+const x = ({
+  children: F,
+  description: i,
+  label: m,
+  prefix: e,
+  postfix: d,
+  counter: l,
+  ...n
+}) => /* @__PURE__ */ o(u, { children: [
+  /* @__PURE__ */ o(t, { ...n, children: [
+    e ? /* @__PURE__ */ r(s, { children: e }) : null,
+    F,
+    m ? /* @__PURE__ */ r(f, { children: m }) : null,
+    d ? /* @__PURE__ */ r(h, { children: d }) : null
+  ] }),
+  i || l ? /* @__PURE__ */ o(p, { children: [
+    i,
+    l ? /* @__PURE__ */ r(c, { children: l }) : null
+  ] }) : null
+] });
+x.displayName = "TextFieldBase";
 export {
-  Jo as TextFieldBase
+  x as TextFieldBase
 };
 //# sourceMappingURL=TextFieldBase.js.map

package/components/TextField/index.js

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

package/components/TextareaField/TextareaField.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TextFieldBase as i } from "../TextField/TextFieldBase.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 "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-BoG8X8Sc.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import { FormFieldTextarea as m } from "../FormField/components/FormFieldTextarea.js";
+const j = ({ textareaProps: o, ...t }) => /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(m, { ...o }) });
+export {
+  j as TextareaField
+};
+//# sourceMappingURL=TextareaField.js.map

package/components/TextareaField/index.js

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

package/components/TextareaField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/ThemeProvider/ThemeProvider.js

@@ -1,28 +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 { useState as x, useEffect as i } from "react";
+import { s as c, w as d, x as f } from "../../chunks/vendor-BlJo2ILB.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 = ({
+const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
   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 [e, a] = x(o || m("triplex-next-theme-"));
+  return i(() => {
+    a(o || m("triplex-next-theme-"));
+  }, [o]), i(() => {
+    if (c()) {
       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 });
+  }, [e, r, s]), i(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
 };
 export {
-  w as ThemeProvider
+  g as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map

package/components/ThemeProvider/ThemeProviderContext.js

@@ -7,8 +7,8 @@ const m = {
   scopeClassName: "",
   theme: o.LIGHT,
   tokens: { ...t, ...r }
-}, c = e.createContext(m);
+}, x = e.createContext(m);
 export {
-  c as ThemeProviderContext
+  x as ThemeProviderContext
 };
 //# sourceMappingURL=ThemeProviderContext.js.map

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,13 +6,13 @@ 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";
+import { k as g } from "../../../chunks/vendor-BlJo2ILB.js";
 const I = ({
-  children: f,
+  children: s,
   scopeClassName: r,
   scopeRef: t,
   theme: e,
-  tokens: s
+  tokens: f
 }) => {
   const o = u("");
   k(() => {
@@ -24,11 +24,11 @@ const I = ({
   }, [r]);
   const T = g(
     {},
-    s,
+    f,
     e === m.LIGHT ? D : d,
     e === m.LIGHT ? v : x
   );
-  return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: f });
+  return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: s });
 };
 export {
   I as ThemeProviderView